-
-
Save jikeytang/ea00bcab993d08e52a03 to your computer and use it in GitHub Desktop.
| Angular; Backbone; Console; Dir; Express; | |
| Fork; Grunt; Haslayout; Iconfont; | |
| Jsonp; Kissy; Localstorage; Media query; | |
| Npm; Opacity; Prototype; Querystring; | |
| Referer; Seajs; Trim; Underscore; Vim; | |
| Worker; Xss; Yslow; Zepto; | |
| 请用最简短的描述说出以上26个字母的相关含义。 |
昨天因为好奇心,查了一下,总结了一部分:
AngularJS,谷歌开发的一款MVVM前端开发框架,特点是双向数据绑定,路由功能,兼容IE8+,适应于复杂交互场景,可以用很少的代码实现很复杂的交互功能,据称是下一代的jQuery,不过国内还是使用司徒正美开发的Avalon比较好,轻量,兼容,功能强悍.
Fork 分支,表示从一段代码里生成一个拷贝,就像树的一个分支一样,也特指这种行为叫做fork .
jsonP -json width padding 利用script标签的src属性可以跨域的特点实现规避同源策略造成的技术,主要用来在不同域之前请求数据
npm node package manager Nodejs的包管理工具
Referer 来源 http协议中的内容,指当前的请求从哪个页面发出的,多用于验证请求是否是伪造的,避免伪造请求攻击
Backbone 一款相对比较小的MVC框架
Grunt——一款前端自动化工具,用来替代开发人员完成文件打包,压缩。上传 等重复性无意义工作
Kissy,淘宝的前端框架。06年,YUI和jQuery发布,淘宝最初因为和雅虎合作的原因,所以选择了YUI,但是YUI比较工程化,重应用,淘宝多为展示型页面,YUI有些大而无当,所以淘宝在YUI基础上,或者说YUI理念上,开发出了Kissy,所以kissy具有YUI的很多特点,又由于jQuery简单易用,API上手容易的特点,所以Kissy也吸收了很多jQuery的特点
SeaJS 由前淘宝工程师现支付宝工程师玉伯开发的一款模块化工具,采用和NodeJS一样的CMD(common module define)规范,在国内采用很多,与其齐名的有RequireJS,采用AMD规范
XSS cross site scripting 跨站脚本攻击 为了避免和CSS冲突,所以简写成XSS,向页面中插入恶意脚本,达到攻击的目的
haslayout IE8及以前的 排版布局引擎
localstorage 本地存储,高版本浏览器的一个功能,用来存储数据,比cookie大,比cookie安全
- Angular;
一种js mvc的开发框架,
优势:功能强大,尤其模板功能,包括数据双向绑定,路由,模块化,服务,依赖注入等所有功能。
缺点:无法有效的与其它方案并存,项目中必须angular到底 - Backbone;
一种js mvc的开发框架,
优势:出现较早,如他的名字一般,简单易扩展。
缺点:缺少其它组件的支持,需要依赖更多的代码 - Console;
是一种代替alert的js调试手段,通过此命令可以以更丰富的手段提示错误到firebug,chrome调试工具的信息栏中。
缺点:需要特殊浏览器的支持 - Dir;
一个是windows下的命令,查看所在地址所有 的文件,另外一个是html里边的属性:决定元素内容的文本方向。 - Express;
nodejs下的一个web框架 - Fork;
fork是git上的一个命令表示从主分支上check出一个个人分支进行开发,然后提交。
github上的三个按钮的作用:
fork 的作用是参与,目的是你增加新的内容,然后 Pull Request,我会考虑把你的修改和我原来的内容合并。
watch 的作用是关注,目的是等我更新的时候,你可以收到通知
star 的作用是收藏,目的是方便以后查找。 - Grunt;
一种前端项目构建工具,可以代替人工发布,压缩css,js代码,运行单元测试,以及启动静态服务器,跨平台,易维护。缺点:入门曲线略高,依赖nodejs。有代替方案:gulp,fis. - Haslayout;
是ie6下面css的一个bug名称,出现此bug之后,box无法正确的根据自身的内容或依赖父元素来计算出需要呈现的尺寸,需要用zoom:1;来解决。 - Iconfont;
是一种把图标用css3的伪,svg技术代码化的一种技术。
优点:图片可以像字体一样控制其属性,比如大小,颜色 hover之后的颜色等。
缺点:大量的图标集成在一个svg中,修改比较麻烦。 - Jsonp;
是一种解决跨域的有效手段,突破同源策略的限制,具体动态的创建script标签,在响应中返回要执行的script代码.优点:不依赖XMLHttpRequest,能在更古老的浏览器中运行,缺点:只支持get,不支持post。 - Kissy;
淘宝的一个框架,根据自身业务特点,进行封装。有适合前台使用的组件,如焦点图切换、瀑布流.
优点:整体结构上大量借鉴了YUI的思路,但是更轻量,全局KISSY对象为单例,不像现在YUI对象是一个实例
缺点:普及程度不是很大。jquery依然是中小型公司、民间团体开发的首选。 - Localstorage;
为了突破cookies的各种不便,html5新增加的一个本地存储api。
优点:容量大、易用、强大、原生支持。
缺点:缺点是兼容性差,IE8以下版本不支持、安全性低 - Media query;
是css3为了解决因为设备大小不一或窗口大小不同的时有不同的布局方案,所以提供了此api。缺点:ie9以下浏览器不支持。 - Npm;
node模块的管理器。 - Opacity;
css里边的透明属性。非ff可以用filter:alpha(opaicty).
缺点:使子元素透明,可以使用相对绝对定位,或background:rgba(0,0,0,0.5);或filter来实现子元素透明的兼容。 - Prototype;
是js里边实现oop的一个接口,区别于传统的的oop语言,中间多了一层prototype,使js的oop更灵活也更难掌握。
是实现继承的入口 - Querystring;
url中问号后面的部分。http://server/path/program?query_string,可用location.search取到
优点:方便。缺点:安全性低。 - Referer;
Referer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer.可以利用Referer防止图片盗链。 - Seajs;
是阿里大牛玉伯所写,模块化开发的一个框架。
优点是:相对requriejs只针对浏览器端,可以加载css.
缺点:代码合并比较麻烦。 - Trim;
jquery的一个方法,可以取除首尾的空格
js 在 JavaScript 1.8.1 中支持。ie8以下不兼容 - Underscore;
是backbone深度依赖的一个js库,优点:提供的api一定程度上补齐了jquery的残缺 - Vim;
是出现比较早的一款编辑器,称为编辑器之神。可以在不用鼠标的情况下完成各种编辑,删除等平常代码开发,是linux的默认编辑器,还有一个神的编辑器:Emacs
优点:占用内存小,几乎没有要求。配置更为自由。
缺点:入门曲线较高,需要记忆各种命令。 - Worker;
Web Workers 是 HTML5 提供的一个javascript多线程解决方案
ie10以下不支持 - Xss;
一种在前端页面可以攻击服务端的技术 - Yslow;
是yahoo开发的一款性能分析软件,绑定在firebug,后来chrome提供相似的功能,集成在其中的profile面板中。 - Zepto;
是一款仿jquery思路写的针对移动端的库。缺点:代码质量还没有达到jquery的高度,目前貌似没有团队开发,更新较慢。
mvvc框架 mvc框架 强大的console语法 Dir:不知道你说的是html标签吗? nodejs流行的web框架
github fork协作 自动化 ie css布局 矢量图标. woff 这类东西
get跨域 淘宝前端js库 本地储存 媒体查询(css3)
npm就理解成 nodejs的 apt-get 透明度css3 js原型 查询(document.query****)
Referer是header的一部分,从哪来的? seajs前端模块化框架,CMD标准 字符串去空格 underscore-js类库 我最爱的编译器
Worker : 你可以把她考虑成多线程,但是他真的不是把js弄成多线程。他只是让一些代码去后台执行了。
Xss : 脚本攻击
Yslow : 网络性能检测工具
zepto : jquery for moble