a fine day - 博客园

2016年1月

摘要： angular的绑定针对input等获得焦点输入使用对于datapicker等ui控件赋值的，不能改变绑定显示，通过js控制改变的，不能改变绑定显示类似datepicker的情况，使用指令的方式解决问题栗子 js: var directives = angular.module("direc 阅读全文

posted @ 2016-01-10 14:25 a fine day 阅读(283) 评论(0) 推荐(0)

2015年9月

防止页面高度不足，引起的底部上浮问题

摘要：可能的问题网站footer部分上浮，可通过css3的方式html 结构：无标题文档vh支持情况：阅读全文

posted @ 2015-09-19 17:04 a fine day 阅读(345) 评论(0) 推荐(0)

学Js之prototype

摘要：每个Javascript对象(Object.prototype和null除外)都从原型里继承属性初看这句话并没有什么很深的感触，所以拆分一下，Js对象 <--属性-- 原型1、Js对象这是一只刚出生的小狗，小风还没有来得及为他起名，当然，这个小家伙自己，也是迷迷糊糊，懵懵懂懂2、属性新生的喜悦总会让... 阅读全文

posted @ 2015-09-12 21:50 a fine day 阅读(97) 评论(0) 推荐(0)

js性能调优与内存释放

摘要：通常，随着页面js/jquery代码的增多，我们会发现页面打开速度不尽人意。这个时候通常会想到性能调优。除了算法，及时释放变量外，同时也要注意垃圾回收。因为有时候你会发现，某个按钮绑定的js变量(object)里面的事件(event)失效了。或者发现页面打开很慢。这次重点强调垃圾回收，多数材料是阅读全文

posted @ 2015-09-02 09:47 a fine day 阅读(673) 评论(0) 推荐(0)

2014年2月

数组筛

摘要： var arr = [1,2,3,4,5,6];//以下3个例子都是删除数组中不是偶数的数//方法一、使用ECMAScript 5中定义的方法filter（如果已经兼容了浏览器，建议）arr = arr.filter(function(v, i){ return v%2===0; //只保留原数组中的偶数 }); //方法二、使用jQuery的grep工具方法（建议） arr = $.grep(arr, function(v, i){ return v%2===0; //只保留原数组中的偶数 }); //方法三、使用jQuery的map工具方法（不建议） arr = $.map(arr... 阅读全文

posted @ 2014-02-24 11:18 a fine day 阅读(125) 评论(0) 推荐(0)

制作登录表单

摘要： @font-face cal label对表单的美化（for）和:checked HTML结构表单的结构层出不穷，但我更喜欢Bootstrap中表单的结构，当然这个例子中白牙同学是没使用那种结构，但也是很清晰，也很简单： u p Remember me Login Not a registered user yet?Sign up now!CSS代码常用到的样式代码就不另外单独介绍了，具体的可以参考样式代码中的注解：/*基本样式*/body { background: url(bg.jpg) no-repeat... 阅读全文

posted @ 2014-02-20 11:08 a fine day 阅读(530) 评论(0) 推荐(0)

web 咋清除首屏内容中阻止呈现的 JavaScript 和 CSS

摘要：页面的js 能阻断页面的渲染js 下载，页面方能继续的呈现1 能在页面呈现的，取代2 <script asynsc异步的方式3放在页面最底阅读全文

posted @ 2014-02-18 13:37 a fine day 阅读(773) 评论(0) 推荐(0)

web 工具

摘要： 1. GooglePageSpeedGoogle提供了 PageSpeed工具，这是一个浏览器插件，可以很好地应用上文中Google所提到的Web优化实践——帮助你轻松对网站的性能瓶颈进行分析，并为你提供优化建议。在线分析你的网站安装浏览器插件（ Chrome、 Firefox）通过 Insights API在应用中嵌入PageSpeed功能2. 雅虎YSlowYSlow是雅虎推出的一款浏览器插件，可以帮助你对网站的页面进行分析，并为你提供一些优化建议，以提高网站的性能。Firefox插件Chrome插件YSlow for Mobile/Bookmarklet源码3. 其他分析优化工具蜘蛛模拟阅读全文

posted @ 2014-02-18 11:30 a fine day 阅读(118) 评论(0) 推荐(0)

雅虎的Web优化最佳实践

摘要：雅虎的Web优化最佳实践1. 内容优化尽量减少HTTP请求：常见方法包括合并多个CSS文件和JavaScript文件，利用CSSSprites整合图像，Image map（图像中不同的区域设置不同的链接），内联图象（使用 data:URLscheme在实际的页面嵌入图像数据）等。减少DNS查找避免重定向使Ajax可缓存延迟加载组件：考虑哪些内容是页面呈现时所必需首先加载的、哪些内容和结构可以稍后再加载，根据这个优先级进行设定。预加载组件：预加载是在浏览器空闲时请求将来可能会用到的页面内容（如图像、样式表和脚本）。当用户要访问下一个页面时，页面中的内容大部分已经加载到缓存中了，因此可以大大改善访阅读全文

posted @ 2014-02-18 11:26 a fine day 阅读(127) 评论(0) 推荐(0)

Google的Web优化最佳实践

摘要： Google的Web优化最佳实践1. 避免坏请求有时页面中的HTML或CSS会向服务器请求一个不存在的资源，比如图片或HTML文件，这会造成浏览器与服务器之间过多的往返请求，类似于：浏览器：“我需要这个图像。”服务器：“我没有这个图像。”浏览器：“你确定吗？这个文档说你有。”服务器：“真的没有。” 如此一来，会降低页面的加载速度。因此，检查页面中的坏链接非常有必要，你可以通过 Google的PageSpeed工具来检测，找到问题后，补充相应的资源文件或者修改资源的链接地址即可。2. 避免CSS@import 使用 @import方法引... 阅读全文

posted @ 2014-02-18 11:03 a fine day 阅读(268) 评论(0) 推荐(0)