摘要: 基本原理 图片滚动懒加载的原理非常简单:基于<img>标签,在初次加载时,不把图片url放在src属性中,而是自定义一个属性,例如data-src。然后检测"scroll","resize"等窗体事件,判断图片是否进入了可视范围。如果进入,则将data-src的字段替换到src,此时浏览器会自动去加 阅读全文
posted @ 2017-04-07 20:25 三尺微命--- 阅读(533) 评论(0) 推荐(0) 编辑
摘要: 一,布局 移动端的整体布局一般来说可以分为上中下三个部分,分别为 header、main、footer,其中header、footer 是固定高度,分别固定在页面顶部和页面底部,而 main 是占据页面其余位置,并且可以滚动。 页面布局如下: 根据页面滚动的位置分为两种布局,一种是滚动 body,另 阅读全文
posted @ 2017-04-07 20:19 三尺微命--- 阅读(555) 评论(0) 推荐(0) 编辑
摘要: Atom的File ->setting ->install中输入插件名称查到后即可安装: 1.Sync Settings 搭配github,同步你的atom插件信息,配置信息,让你轻松实现一台电脑配置,多台电脑共享。 2.Emmet 能够基于Emmet语法产生HTML,做过前段开发的不会不知道这个插 阅读全文
posted @ 2017-03-25 20:21 三尺微命--- 阅读(783) 评论(0) 推荐(0) 编辑
摘要: 1、安装 Node.js node-v 查看 Node 版本 当前稳定版本 4.4.7 2、Bower 安装: 常用命令: bower init bower install bower uninstall 3、安装 Git 版本管理工具并创建一个仓库 4、cd到项目文件中 5、用 Bower 下载文 阅读全文
posted @ 2017-03-25 17:30 三尺微命--- 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 网络应用程序,分为前端和后端两个部分。当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备......)。 因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。这导致API构架的流行。 RESTful API 设计要素详见此文 : RESTful API 设计指南 以下 阅读全文
posted @ 2017-03-25 14:54 三尺微命--- 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。 而读取、写、删除操作方法 阅读全文
posted @ 2017-03-23 12:01 三尺微命--- 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 1、打开源码,设置 $locationProvider 模块,将html5Mode设置为true. 推荐阅读:angularjs 官方 $location文档 http://docs.angularjs.org/guide/dev_guide.services.$location 2、在 index 阅读全文
posted @ 2017-03-15 17:01 三尺微命--- 阅读(1344) 评论(0) 推荐(0) 编辑
摘要: 方法來源:http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ $http服务($http.post()等等)不与jQuery等同(jQuery.post()等), 区别在于jQue 阅读全文
posted @ 2017-03-14 17:06 三尺微命--- 阅读(951) 评论(0) 推荐(0) 编辑
摘要: $watch简单使用 $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。 $watch(watchExpression, listener, objectEquality); 每个参数的说明如下: watchExpression:监听的对象,它可以是一个angu 阅读全文
posted @ 2017-03-06 22:42 三尺微命--- 阅读(188) 评论(0) 推荐(0) 编辑
摘要: Scope提供$watch方法监视Model的变化。Scope提供$apply方法传播Model的变化。 AngularJS提供了一个非常酷的特性叫做双向数据绑定(Two-way Data Binding),这个特性大大简化了我们的代码编写方式。数据绑定意味着当View中有任何数据发生了变化,那么这 阅读全文
posted @ 2017-03-06 21:18 三尺微命--- 阅读(331) 评论(0) 推荐(0) 编辑