- 博客(29)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 移动端 - 适配方案
1. 百分比适配2. viewport 适配3. rem 适配4. 弹性盒模型boxflex1. 百分比适配缺陷 高度百分比不太好计算，不建议单独使用，配合其他方案使用<div class="box1"></div>&am
2018-04-29 11:30:22
221
原创 移动端 - 常见问题及解决方案
视口（viewport）屏幕旋转（orientation）全屏显示（full）识别电话号码和邮箱默认样式视口（viewport）<meta name="viewport" content="..."&a
2018-04-29 10:15:51
276
原创 Gulp 前端构建工具
安装安装 gulp扩展模块使用安装安装 gulpnpm install -g gulp扩展模块gulp-less 编译 LESSnpm install gulp-less --savegulp-autoprefixer 私有前缀补全npm install gulp-autoprefixer --savegu...
2018-04-28 20:26:07
171
转载 JavaScript 事件节流
问题隐患原理实现应用输入框验证（函数防抖）滚动加载（函数节流）问题隐患一些短时间内频繁触发的事件会导致占用过多的资源，这时候我们设置一个触发间隔频繁触发的事件，例如的 mousemove（鼠标移动）、scroll（滚动条），resize 等…原理实现初次调用函数时，设置一个定时器，在指定的 间隔 之后运行代码第二次调用函数时（若小于 间隔 时...
2018-04-28 16:09:08
2727
原创 AngularJS 学习笔记 08：ngRoute 实现 SPA单页面开发
只有一个页面，链接使用锚点(哈希)引入 angular-route.js 路由模块在子页定义控制器 ng-controller使用 $rootScope 全局属性<!DOCTYPE html><html ng-app="App"><head> <meta charset="UTF-8"> <title&
2018-04-28 07:00:02
360
原创 AngularJS 学习笔记 04：服务（services）
服务（services）$location定时器（timeout 和 interval）$filter$log$http服务（services）在 AngularJS 中，服务是一个函数或对象var app = angular.module('App',[]);// 使用前需依赖注入该($location)服务app.controller('Dem...
2018-04-27 22:40:41
144
原创 Jade 模板引擎 学习笔记 01
注意事项环境安装1. 实时编译2. Nodejs 中使用3. Express 框架中使用语法 API1. doctype html2. 注释3. id &amp; class4. 标签属性5. 标签文本6. 内联 &amp; 块展开7. Case 表达式注意事项使用空格来缩进(使用Tab键，容易出问题)尽量使用 p #{obj} #{...
2018-04-27 20:31:15
265
原创 AngularJS 学习笔记 07：配置块（config）和 运行块（run）
配置块运行块配置块配置块会在提供者注册和配置的过程中，对模块或者服务进行配置。这是唯一在应用启动前可以修改的地方可见所有的东西，都是通过提供者 provider 来提供的var App = angular.module("App",[]);App.controller('demoCtrl', ['$scope','$log',function($scope,$...
2018-04-26 22:27:40
607
原创 AngularJS 学习笔记 05：自定义服务（factory、service、value / constant、provider）
factory 方式service 方式value / constant 方式provider 方式factory 方式使用 factory 方法创建服务var app = angular.module('App', []);app.controller('demoCtrl', ['$scope', 'firstUp', 'toPath', function...
2018-04-26 20:09:57
184
原创 JavaScript 对象属性操作
1. 数据属性（数据描述符）2. 访问器属性（存取描述符）3. Object.defineProperty()4. Object.defineProperties()5. Object.getOwnPropertyDescriptor()6. Object. getOwnPropertyDescriptors()1. 数据属性（数据描述符）Configurabl...
2018-04-26 07:52:43
598
1
原创 JavaScript 内置属性与方法
常用数组日期数学字符串常用window.alert()window.confirm()window.prompt('str', 'value')eval(codeString)isNaN(numValue)parseInt(numString[, radix])parseFloat(numString)escape(charStrin...
2018-04-25 23:44:09
296
原创 AngularJS 学习笔记 01：框架特性
简介特性1. 模块化2. 双向数据绑定3. 指令4. 依赖注入简介版本（1.x、2.x、3.x），由三个不同团队进行维护，三个版本之间并无关系，typescript 是 2.x 版本的语法糖以 1.x 版本为主适用于大型的项目开发、MV*（mvc框架之母 / mvvm）特性：模块化、双向数据绑定、指令、依赖注入特性1. 模块化A...
2018-04-25 23:21:15
164
原创 AngularJS 学习笔记 02： 指令（directive）
自定义指令内置指令ng-app（指定根元素）ng-controller（定义控制器）ng-include（引入页面文件）ng-cloak（闪烁修复）ng-repeat（遍历输出）ng-model / ng-init（定义 / 初始化变量）ng-if（元素是否存在）ng-bind（绑定元素内容）ng-class（绑定CSS类）ng-disabled（禁用）ng-swith...
2018-04-25 20:35:03
169
原创 AngularJS 学习笔记 03： 过滤器（filter）
版本 v 1.6.10内置1. currency （货币处理）2. date（日期格式化）3. filter （匹配子串）4. json（格式化JSON对象）5. limitTo（限制数组、字符串长度）6. lowercase（小写）7. upper（大写）8. number（格式化数字）9. orderBy（排序）自定义过滤器控制器（controller）中使用过...
2018-04-25 13:24:30
211
原创 JavaScript 节点操作
1.创建节点2.复制节点3.插入节点4.替换节点5.移除节点6.查找节点1.创建节点// 创建元素节点document.createElement('div');// 创建文本节点document.createTextNode();// 创建注释节点 并木有用document.createComment();// 创建片段document...
2018-04-23 22:14:02
189
翻译 LESS 函数方法
混合 (misc)字符串 (String)列表 (List)数学运算 (Math)判断类型 (Type)颜色定义 (Color Definition)颜色操作颜色混合混合 (misc)// 字符转颜色color("#CCC") //返回图像尺寸(示例尺寸100*50)image-size("file.jpg"); // => 10...
2018-04-22 15:22:17
8595
翻译 LESS 学习总结
变量混合嵌套模式匹配导引表达式运算函数Type 检测类型Color 颜色Math 运算LESS属于 CSS 预处理语言，无法像CSS直接被浏览器识别，需编译编译器只起编译作用，使用上仍然引入生成的.css文件编译环境 浏览器端 less.js &amp;lt;link rel=&quot;stylesheet/less&quot; type=&quot;text/css&
2018-04-22 15:20:14
309
原创 LESS Grid 实现栅格布局
@import ‘variables.less’; @import ‘module.less’;//- 设备尺寸@xs: 480px;@sm: 768px;@md: 992px;@lg: 1200px;// 栅格数@grid-count: 12;// 容器名@container: ~"container";// 行名@row: ~"row";// 列名@col-na...
2018-04-22 09:23:48
1515
原创 LESS Module
// 水平.margin(x, @left: 5px, @right: @left) { margin-left: @left; margin-right: @right;}.padding(x, @left: 5px, @right: @left) { padding-left: @left; padding-right: @right;}// 垂直...
2018-04-22 09:09:34
1641
原创 Node.js npm、nvm、nrm
1. 常用命令- NVM ( 版本管理 )- NPM ( 模块管理 )- NRM ( 镜像管理 )2. nodejs 安装：- Windows- Linux（Ubuntn 16.4）3. 安装管理工具NVM（Node Version Manager）NPM（Node Package Manager）NRM（NPM Registry Manager）...
2018-04-21 08:08:11
620
转载 JavaScript 操作 JSON 常用方法
1. 概念2. 基础结构- 数组- 对象3. JSON对象和JSON字符串的转换- 字符串转对象- 对象转字符串4. 优雅的输出格式5. JSON字符串的替换6. 遍历JSON对象和JSON数组7. 递归遍历a. 递归遍历JSON，遇到数组的时候，数组中有超过一个对象，删除第一个对象之后的所有对象b. 递归查找目标节点（节点id为targetId，有且只有一个...
2018-04-21 00:03:29
37018
1
原创 JavaScript 类型检测
检测方法封装检测方法返回值览表检测方法// 返回一个字符串，来表示数据的类型typeof()// 运算符用来检测构造函数是否存在与检测对象的原型链上，返回布尔instanceof// 精确判断对象的类型，使用call指向(this)检测对象，String和Array构造重写了toString()方法Object.prototype.toString....
2018-04-20 22:40:08
368
原创 JavaScript 数组操作
数组常用操作1. 创建2. 元素添加3. 元素删除4. 截取5. 合并6. 复制7. 反转8. 排序9. 转字符串10. 去重11. 检测是否含有元素12. 遍历13. 分解运算 reduce()14. 数组元素条件判断 every()数组常用操作1. 创建// 构造方式，可指定长度var arrObj = new Arr...
2018-04-20 22:18:50
184
原创 JavaScript 字符串
1. 合并字符串 concat()2. 索引查询 charAt()3. 字符查询 indexOf()、lastIndexOf()4. 正则匹配 match()5. 截取字符串 substr()、substring()6. 字符串替换 replace()7. 搜索字符串 search()8. 字符串截取 slice()9. 分割 split()10. 转换大小写 toLow...
2018-04-20 21:41:49
213
原创 JavaScript 常用方法封装
JavaScript 常用方法封装1. 获取数据类型，返回字符串2. 字符串格式化（仿ES6模板字符串）3. 异步加载JS4. DOM事件兼容解决方案5. 拷贝对象6. 鼠标滚轮事件处理7. 函数设置执行间隔（针对频繁触发的事件）8. 生成随机颜色JavaScript 常用方法封装1. 获取数据类型，返回字符串 有传参则判断传参类型，没有则判...
2018-04-20 12:44:12
468
原创 ECMAScript 6 学习笔记
版本历史1. 变量声明常量 const变量 let（块级作用域）2. 数组扩展Array.from() 转化数组Array.of() 非稀疏数组copyWithin() 内部拷贝find()、findIndex() 查找fill() 填充include() 包含entries()、keys()、values() 迭代3. Map( ) 对象4. 箭头函数 ( ...
2018-04-12 09:23:36
286
转载 移动端 - CSS使用的尺寸与设计稿（PSD）保持一致
像素概念物理像素 ( physical pixel ) 物理分辨率就是硬件固有的分辨率，是屏幕上最小的物理显示单元设备无关像素 ( 逻辑像素 ) 逻辑分辨率是通过算法达到的，实际显示(用户所见)的分辨率CSS中使用的尺寸与设计稿(PSD)保持一致 方案一： 原理 将页面宽度固定为屏幕宽度，通过设置根元素 html 的 font-size 与使用...
2018-04-12 09:22:31
2044
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人