摘要: 因为新工作更多的是和后台数据打交道,且开发环境涉及到了node和react,刚好开始学习这两个东西。结果关于node 和npm就倒腾了几天。(系统windows7) 另外,关于node版本的管理工具nvm的安装使用,改天在更新一篇随笔。 只需要记住npm是随同node一起安装的包管理工具就可以了,它 阅读全文
posted @ 2017-08-16 17:18 爱吃柚子的笨姑娘 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 先上代码 原理:这个卡片翻转效果是利用背面的内容一开始就先翻转180度,等正面翻转的时候背面再翻转360度,这样子背面翻转到面对屏幕的时候内容却是正的而不是反的 代码解析: 这里主要用到了CSS3的一些新的属性:perspective; backface-visibility:hidden; tra 阅读全文
posted @ 2017-04-26 16:47 爱吃柚子的笨姑娘 阅读(5005) 评论(0) 推荐(1) 编辑
摘要: 一、cookie和session cookie和session的共同之处在于:cookie和session都是用来跟踪浏览器用户身份的会话方式。 session指的是访问者从到达某个特定页面到离开为止的那段时间。 cookie和session的区别: 1.cookie数据保存在客户端,session 阅读全文
posted @ 2017-03-08 11:11 爱吃柚子的笨姑娘 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 早上醒来,继续讨论deferred对象和primise对象。 deferred对象的的方法: 1.$.Deferred() 生成一个deferred对象 2.deferred.done() 指定操作成功时的回调函数 3.deferred.fail() 指定操作失败时的回调函数 4.deferred. 阅读全文
posted @ 2017-03-07 07:35 爱吃柚子的笨姑娘 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 个人认为阮一峰老师讲的关于deferred对象是最容易理解的。 deferred对象是jquery的回调函数解决方案。解决了如何处理耗时操作的问题,对那些操作提供了更好的控制,以及统一的编程接口。 deferred对象的功能: 1.将ajax操作改为链式 对于$.ajax()操作完成之后,如果使用的 阅读全文
posted @ 2017-03-06 22:58 爱吃柚子的笨姑娘 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 之前做活动页面的时候由于商品图片过多,使用了懒加载的技术来提高页面的加载速度,现在和预加载一起总结一下。 1.定义: 图片懒加载(延迟加载):当访问一个页面的时候,先把img元素或者其他元素的背景图片路径替换成一张大小为1*1px图片的路径(只需请求一次的占位图),当图片出现在浏览器的可是区域内时, 阅读全文
posted @ 2017-03-06 15:34 爱吃柚子的笨姑娘 阅读(756) 评论(0) 推荐(0) 编辑
摘要: 1.同步加载 默认的是同步加载,又称阻塞加载,加载的时候会阻止浏览器的后续处理,停止后续文件的解析和执行,如图像的渲染等等。采用同步加载是因为加载的Js文件中有对DOM的操作,重定向,输出DOM等行为,此时同步加载时安全的。把js文件放在body标签结束之前,是Js在页面最后加载,就是为了尽量减少页 阅读全文
posted @ 2017-03-06 14:13 爱吃柚子的笨姑娘 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 对web性能优化,一直知道是个很重要的方面,平时有注意到,但是对于雅虎35条是第一次听说,查了一下,发现平时都有用过,只是没有总结到一块,今天就总结一下吧。 雅虎35条: 1.[内容]尽量减少HTTP请求数 2.[服务器]使用CDN(Content Delivery Network) 3.[服务器] 阅读全文
posted @ 2017-03-01 14:53 爱吃柚子的笨姑娘 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 1.display:box 父容器里面的box属性有box-orient|box-dirextion|box-align|box-pack|box-lines box-orient:用来确定父容器里面子元素的排列方式,是水平还是竖直horizontal|vertical|inline-axis|bl 阅读全文
posted @ 2016-10-25 17:19 爱吃柚子的笨姑娘 阅读(1327) 评论(0) 推荐(0) 编辑
摘要: display:flex和display:box都可用于弹性布局,不同的是display:box是2009年的命名,已经过时,用的时候需要加上前缀;display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的浏 阅读全文
posted @ 2016-10-25 16:05 爱吃柚子的笨姑娘 阅读(25409) 评论(0) 推荐(1) 编辑