摘要：
1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范，便于多人开发维护时代码统一，减少项目沟通和交接的成本，增加代码的语义化。 1.2 CSS命名规则 样式类名全部用小写，首字符必须是字母，禁止数字或其他特殊字符。由以字母开头的小写字母（a-z）、数字（0-9）、中划线 （-）组 阅读全文
摘要：
目也pc端有适配的需求：目前我们pc项目的设计稿尺寸是宽度1920，高度最小是1080。 适配目标： 1.在不同分辨率的电脑上，网页可以正常显示 2.放大或者缩小屏幕，网页可以正常显示 对于宽度的适配 对于宽度适配： 首先设置html,body{width:100%;overflow-x:hidde 阅读全文
摘要：
使用方法 建议对于js做内联处理，在所有资源加载之前执行这个js。 执行这个js后，会在html（也就是document.documentElement）上增加一个data-dpr属性，以及font-size样式。 之后页面中的元素，都可以用rem单位来设置。html上的font-size就是rem 阅读全文
摘要：
本文主要根据 一、什么是图片滚动加载？ 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 二、为什要使用这个技术？ 比 阅读全文
摘要：
原文链接：http://caibaojian.com/356.html 响应式设计的步骤 1. 设置 Meta 标签 via大多数移动浏览器将html页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并 阅读全文
摘要：
$http $http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。 $HTTP API 是基于 $q服务暴露的deferred/promise APIs。 快捷使用方式： $http.get $http.head $h 阅读全文
摘要：
通过绑定来进行angular的初始化，会把js代码侵入到html中，但是对于新手使用来说，还是足够了！ 手动初始化 Angular中也提供了手动绑定的api——bootstrap，它的使用方式如下： 其中第一个参数element:是绑定ng-app的dom元素； modules：绑定的模块名字 co 阅读全文
摘要：
此前在浏览一些网站的时候，发现他们网站的图片都是你“鼠标”滚到哪，图片才会加载显示。当时觉得好神奇，怎么会这么“跟手”呢。 核心原理是： 1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站的空白部分）中； 2 为<img>标签设置一个暂存图片URL的自定义 阅读全文
摘要：
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHei 阅读全文