前端集合(1)

grunt 文件合并

1,编译压缩源码,比如less和coffee
2,执行语法检查和单元测试,比如jshint和qunit
3,拼接sprite,如果没有合适的工具,这一直是一个很繁琐很费时的操作,还好我们有glue。
4,部署代码,比如上传图片到cnd,上传压缩后的代码到线上。这个因为每个公司甚至每个项目都不同,很难统一处理。

来算算结果

var b="221";
function a(){
console.log(this.b);
}
var c={
d:function(fn){
a();
arguments[0]();
setTimeout(a,0);
var e=setInterval(a,0);
clearInterval(e);
}
};
c.d(a);
结果是
221
undefined
221(这个221是setInterval的产物)

说一些APP 布局兼容策略(微信开发必备)

这里字体我建议rem来设置,因为这样的话只需要关注body整体的字体,想变大就变大,想变小就变小,兼容情况IE9+
1.弹性盒子布局 display:flex(box-inline)
有点:简单易用
缺点:这种实现方式很难实现全部设备兼容的可能性
2.流式布局:用百分比布局,然后通过调控max-width来实现类似栅格系统
这种方式布局调试兼容性的适合会蛋疼,适用于一些特别简单的页面
3.响应式布局:用媒体查询的方式media的方式来布局,对各个分辨率的屏幕进行细化结构
优点:理论上可以兼容所有设备的应用
缺点:这种布局方式很蛋疼,在改兼容性的适合,会改的蛋疼,几种媒体集合来回切换
4.js布局:用js通过设置页面的css属性来达到兼容的效果
优点:理论上可以兼容所有设备的应用
缺点:会产生复杂的判断,使运行效率下降,对于网卡的用户,用户体验会极致的下降

jsonp

JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方,JSON是地下党们用来书写和交换情报的“暗号”,而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没?一个是描述信息的格式,一个是信息传递双方约定的方法。
JSON的优点:
1、基于纯文本,跨平台传递极其简单;
2、Javascript原生支持,后台语言几乎全部支持;
3、轻量级数据格式,占用字符数量极少,特别适合互联网传递;
4、可读性较强,虽然比不上XML那么一目了然,但在合理的依次缩进之后还是很容易识别的;
5、容易编写和解析,当然前提是你要知道数据结构;
JSON的缺点当然也有,但在作者看来实在是无关紧要的东西,所以不再单独说明。
实现方式直接上代码

<script type="text/javascript">
    var flightHandler = function(data){
    };
    var url = "http://www.lagou.com/js/list_count.js?v=1.5.6_2015062918";    // 创建script标签,设置其属性
    var script = document.createElement(‘script‘);
    script.setAttribute(‘src‘, url);    // 把script标签加入head,此时调用开始
    document.getElementsByTagName(‘head‘)[0].appendChild(script);
</script>
script type="text/javascript">
    var url_show = “XXX";
    function reqHotwords(json){
        console.log(json);
    }
    function postoA(params){
        $.ajax({
            url: url_show,
            data:params,
            dataType: ‘jsonp‘,
            success: function(rs){
                console.log(rs);
            },
            error: function(rs){ console.log(‘aerror‘);}
        });
    }
    postoA(url_show);

</script>

显示调用
因为Script文件一定是后加载的所以加载起来会直接调用现成的JS文件中的方法
所以不管是传输JSON数据 还是实现方法,都要先定义方法
http://www.kankanews.com/ICkengine/archives/96670.shtml

Cookie 和 localStroage 的区别

1.Cookie 是基于请求的, LocalStorage 是基于配置的(这是本质区别)
2.Cookie 基本存在各个浏览器差异具体来讲:
IE6以下 最多20个
IE7 最多支持50个
FIREFOX 最多支持50个
Opera 最多支持30个
Safari 和 Chrome 对此无上限,
LocalStorage 不兼容IE6/7
3.Cookie 其实只有4095B~2K 大小,LocalStorage 基本无上限

时间: 2024-11-06 18:18:04

前端集合(1)的相关文章

JSTL标签集合遍历总结

看了本篇文章,前端集合的遍历,你基本上就可以搞定90%了. 1.rows=List<Product> list里面放实体,最常见,不解释. <c:forEach items="${requestScope.rows}" var ="item"> <tr> <td>${item.productname}</td> </tr> </c:forEach> 2.rows=List<Ma

JS系列——Linq to js使用小结

前言:前面几篇介绍了下C#基础技术中的几个:反射.特性.泛型.序列化.扩展方法.Linq to Xml等,本来还有两三个知识点没有写完,比如委托.多线程.异步等,后面会陆续将它们补起来,以便作为一套完整的系列.之所以有这篇是因为目前BS项目中前端经常需要对Json的数组对象进行筛选.查找.判断是否存在等操作.这时就想到了好用的Linq.博主几年前用过Linq to js,那个时候还觉得那样写很别扭,于是没有重视.现在随着前段业务的越来越复杂,对前端的数据处理要求也越来越高,使用一种快捷的集合操作

淘宝前端工程师推荐书笔籍大集合

写了几年的不正规前端,从乱的不可开交的css/html/js,到发现需要看书才能解决问题的状态.这里推荐一下 淘宝前端书籍:http://www.xiaomengku.com/index.php/album?id=6 多看书还是可以很好的理顺自己的思维,写了个小js库(HHJsLib)还在不断完善中,此库指在简化后端的开发任务,从减少后端人员对于前端效果纠结时间,来达到加快网站开发速度的目的.有兴趣的同学可以上GitHub交流下:https://github.com/HongJuZiNetStu

前端工具集合

前端组织 虽混过外企俩家,但劳资英文这项的技能点还是灰色的...so,俺关注的站点主要以中文为主 名称 推荐指数 备注/说明 Git ★★★★★ 劳资清楚这不是个纯粹的前端社区... 但作为全球最大的搞基社区,无数前端项目在这启航 没Git都不好意思面基有木有! MDN ★★★★★ 不解释,无数的资源再等着你探索 Awesomes.cn ★★★★☆ 国人维护的前端资源库,深度对接到 Github 慕课 ★★★★☆ 大量的在线计算机课程. 虽然初.中级居多,但是不乏有巨作值得细细品尝 W3Cplu

前端C#基础:数组与集合

学习web前端是一个带有一点小乐趣的过程.它是与理科思维比较相关联的,所以学习好他就必须掌握牢固的基础,对基础知识的细节要了解.下面我就总结两个我们经常用到,但又因为他们定义与用法都比较相近,而经常搞混的知识点:集合与数组. 数组与集合 相同点: 1.一个数组类型变量可以存放多个同类型的数据.2.数组项的编号称为索引或下标.3.数组的索引(下标)是一个int类型的数字,从0开始.   依次为每一个数组项编号. 4. 数组(集合)项:  变量名[ n ] 5.数组(集合)项的读取: 变量名[ 索引

初学者入门web前端 C#基础知识:数组与集合

对于初学者,想要入门web前端,要有足够的信念和坚持,不然只会越走越远,我现在就深深的体会到. 我本是一个很拒绝代码的人,以前想过UI设计,但是在这段学习时间里,发现其实只要认真,代码并不是很难 所以我整理了一套前期学C#的知识点,对于后期学习JavaScript有很大的帮助. 一.数组与集合数组:能存放任意多个同类型的数据 数据项:类型相同 ①每一个数据型都有一个编号(索引或下标) ②数据的索引(下标)是一个int类型的数字 ③从0开始,依次为数据中每一个数组项编号 数组的声明与赋值 声明:数

前端网站集合

原网址https://segmentfault.com/a/1190000007062464 内容精简 资源这么多,多看看多学习再总结肯定是好的.多读读就算看重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,还有温故而知新,说不定多读一些内容,就发现惊喜了呢.不过,在此也精简一些内容,就1~2项,只供参考.更多内容细看分类. 知乎:程序员应该如何注意身体健康? js:JavaScript 标准参考教程 js:JavaScript 秘密花园 Es6:ECMAScript 6入门 Es6:深入浅出E

Bootstrap是快速开发Web应用程序的前端工具包 CSS和HTML的集合

版本主要新特性包括: Responsive embeds New responsive utility classes Copy docs snippets LMVTFY Browser bugs 其他更多: 提交有超过1000条,同时也很多改变的更加完美,下面几个值得注意的变化: The docs have been rearranged and updated to be more specific and easier to develop. The progress bar compon

前端开发工具集合

收集的一些轻量级非常实用的前端开发小工具: CSS3相关 CSS3样式生成器:http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/ 背景色alpha透明工具:http://www.linxz.de