04 2017 档案
摘要：``` var EventUtil={ //目标元素 事件类型 事件处理程序 addEvent:function (ele,type,handler) { if(ele.addEventListener){ //DOM2级事件处理程序 ele.addEv...
阅读全文
摘要：上下左右属性值解释 主要是right和bottom要解释一下，right是指元素右边到页面最左边的距离，bottom是指元素底边到页面最顶边的距离
阅读全文
摘要：[ ] ng app 指令 ng app 指令定义了 AngularJS 应用程序的 根元素。 ng app 指令在网页加载完毕时会自动引导（自动初始化）应用程序 [ ] ng init 指令 ng init 指令为 AngularJS 应用程序定义了 初始值。 通常情况下，不使用 ng init。
阅读全文
摘要：ng model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 ng model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 验证用户输入 以上实例中，提示信息会在 ng show 属性返回 true 的情况下显示。 应用状态
阅读全文
摘要：http://www.runoob.com/angularjs/angularjs directives.html [ ] 创建自定义的指令 除了 AngularJS 内置的指令外，我们还可以创建自定义指令。 你可以使用 .directive 函数来添加自定义的指令。 要调用自定义指令，HTML 元
阅读全文
摘要：scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。 所有的应用都有一个 $rootScope，它可以作用在 ng app 指令包含的所有 HTML 元素中。 $rootScope 可作用于整个应用中。是各个 controller 中 scope
阅读全文
摘要：过滤器 | 描述 | currency | 格式化数字为货币格式。 filter | 从数组项中选择一个子集。 lowercase |格式化字符串为小写。 orderBy | 根据某个表达式排列数组。 uppercase | 格式化字符串为大写。 内容中：数值转为货币格式 排序 内容中：转小写 内容
阅读全文
摘要：1. 最近常用到git来push代码到origin development分支上，也出现了几次vim窗口，防止忘记还是记录下来比较好； 2. 首先按ESC键退出编辑状态，然后按shift+;键，再按wq!保存退出，按q!则为不保存退出； 3. 建议大家在编辑或者修改代码之前先pull一下oirign
阅读全文
摘要：最大值 最小值方法 1. max(arg1,arg2,arg3....) 2. min(arg1,arg2,arg3....) 舍入方法 1. ceil(num) 向上舍入 2. floor(num) 向下舍入 3. round(num) 四舍五入 4. random() 随机数 [ ] 生成min
阅读全文
摘要：[x] 知识点1 全局变量和window属性上定义的变量的区别： 全局变量不能通过delete删除，而window属性上定义的变量可以通过delete删除 [x] 知识点2 尝试访问未声明的变量会报错，..is not defined 但是通过查询window查询，可以知道某个可能未声明的变量是否存
阅读全文
摘要：``<!DOCTYPE html 通过更改src来更改图片 { margin: 0; padding: 0; } div1 { position: relative; width: 700px; height: 220px; margin: 0 auto; } img { position: abs
阅读全文
摘要：字符方法（根据索引值查找字符串中指定位置的字符） 1. charAt(index) 返回字符串中索引为index的字符 1. charCodeAt(index) 返回字符串中索引为index的字符的ASCII码 1. str[index] 返回字符串中索引为index的字符 字符串中的操作方法： 以
阅读全文
摘要：数组中的各种方法： 以下方法不会改变原有数组，而是会返回新的数组，或者字符串 1. join(',') : 将数组以逗号分割为字符串 2. split(','): 将字符串逗号分割为数组 3. slice(start,end): 从已有的数组中返回选定的元素,不包括end 4. concat()：用
阅读全文
摘要：match 1. 语法：stringObject.match( regExp ) 1. 作用：match()函数用于使用指定的正则表达式模式在当前字符串中进行匹配查找，并返回数组形式的查找结果。 2. 参数：包含正则表达式模式的RegExp对象的实例。也可以是包含正则表达式模式的变量名或字符串。 [
阅读全文
摘要：``` 1 2 3 4 5 ``` ``` scss .x-scroll{ width: 1060px; margin: 0 auto; overflow-x:auto; background: black; .wrap{ ...
阅读全文
摘要：没有warning 第一种情况 1. function(name,index) 2. return div标签带有属性key={index} 第二种情况
阅读全文
摘要：1. const propTypes={ title: React.PropTypes.string.isRequired, };没有起作用 2. 输出结果：123
阅读全文
摘要：输出：Hello John 1. 组件的属性可以在组件类的 this.props 对象上获取 2. 比如 name 属性就可以通过 this.props.name 读取 3. 此外每个组建只能拥有一个顶层标签
阅读全文
摘要：React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式 React.createClass 定义的组件 es6形式的 extends React. Component 定义的组件 虽然有三种方式可以定义react的组件
阅读全文
摘要：filter(): 语法： 参数说明： callback： 要对每个数组元素执行的回调函数。 thisObject ： 在执行回调函数时定义的this对象。 //过滤掉小于 10 的数组元素： 功能说明： 对数组中的每个元素都执行一次指定的函数（callback），并且创建一个新的数组，该数组元素是
阅读全文
摘要：1. 用webpack+bable+react搭建环境 2. 基于上面的环境写了一个增删的demo 3. 使用React Devtools调试工具进行react调试 遇到的问题： 1. ./component/App.js 加载模块出问题 1. node_modules/localDb/index.
阅读全文
摘要：1.用webpack+bable+react搭建环境 2.基于上面的环境写了一个增删的demo 3.使用React Devtools调试工具进行react调试 遇到的问题： 1. ./component/App.js 加载模块出问题 1. node_modules/localDb/index.js文
阅读全文
摘要：``` 一、求1！ 2！+3！ 。。。。+49！ 50！ include int main() { long int m= 1,a=1,n,s=0; for(n=1;n int main() { int a,b,c,m; for(m=0;m main() { int a[6][6],i,j; for
阅读全文
摘要：====闭包====：我个们可以用一个函数 去访问 另外一个函数的内部变量 的方式就是闭包 （自己的：子函数可以去访问父函数的局部变量） 内部变量 是 局部变量 [x] 闭包的优点 ：不会产生局部变量，实现属性私有化 缺点 ：闭包中的数据会常驻内存，在不用的时候要删除掉否则会导致内存溢出 闭包传参
阅读全文
摘要：https://note.youdao.com/web/ /file/83664523A1254FD28934D163EF39A975/note/7B2EC90A2D064E63BE54C42305215CCC/ http://www.cnblogs.com/woleicom/p/5106418.h
阅读全文
摘要：JavaScript 开发的45个经典技巧 分类 编程技术 JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以
阅读全文
摘要：get：不安全，容量小，一般用来从服务器获取数据，ajax中send（）一般没有参数 post：安全，容量大不受限制，一般用来向服务器传输数据，ajax中send（）有参数
阅读全文
摘要：https://note.youdao.com/web/ /file/0E0DFA61D11B4633A74E205771C69130/note/95E016689B454D7997A19D9A6686EDDB/
阅读全文
摘要：https://note.youdao.com/web/ /file/7817D8B4FF9B4AE486F9ECA9757F3BF2/note/8330895090354EC7A1AF197A39D96ADE/ https://note.youdao.com/web/ /file/7817D8B4
阅读全文
摘要：图片异步加载原理：DOM节点已经提前全部创建好，并且src里面已经放置好了同一个图片（同一张图片只请求一次，不会请求多次），并且写上了data src,只加载一屏的数据，只有当滚动到下一屏时，才去加载下一屏的数据； 滚动加载：DOM节点没有提前全部创建好，只有滚动到下一屏时，才去创建下一屏的dom节
阅读全文
摘要：a链接跳转和SPA单页路由的区别： a链接跳转：会从重新从服务器请求，包括一些共用的插件，样式，库，相应速度慢，耗流量，耗性能 SPA单页路由模式：只是加载中间的html代码
阅读全文
摘要：cookie： cookie里面一般存放的是： ● 用户登录某些网站的身份信息，以便下次直接登录； ● 浏览购物网站添加到购物车商品的信息； cookie的内容主要包括：名字，值，过期时间，路径和域。 COOKIE可以在用户关闭浏览器之后再次访问时可以保存身份信息(比如保存用户名密码) ,而SESS
阅读全文
摘要：阿里巴巴图标应用教程 3.1 PC端应用教程 iconfont对于前端应用来说有很多便捷： 1、自由变化大小 2、自由修改颜色 3、可以添加一些视觉效果如：阴影、旋转、透明度。 4、兼容IE6 应用步骤： 1 font face声明字体 @font face {font family: 'iconf
阅读全文
摘要：http://es6.ruanyifeng.com/?search=fetch&x=0&y=0 docs/lethttp://es6.ruanyifeng.com/?search=fetch&x=0&y=0 docs/let ● ES6规定暂时性死区和let、const语句不出现变量提升，主要是为了
阅读全文
摘要：ES5只有两种声明变量的方法：var命令和function命令。ES6除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6一共有6种声明变量的方法。 顶层对象，在浏览器环境指的是window对象，在Node指的是global对象。E
阅读全文
摘要：两条规则：（否则报错） 1. 声明的变量，一旦赋值，则不可改变 2. 声明变量的同时，则要立即初始化赋值 3. 只在声明的块级作用域内有效 4. 存在暂时性死区（先声明定义，再使用） 5. 不可重复声明（同一个块级作用域内，let、var、const 声明过的变量，就不要再次声明）
阅读全文
摘要：```
ES5的顶层对象，本身也是一个问题，因为它在各种实现里面是不统一的。 ● 浏览器里面，顶层对象是window，但Node和Web Worker没有window。 ● 浏览器和Web Worker里面，self也指向顶层对象，但是Node没有self。 ● Node里面，顶层对象是global，但其他环境都不支持。
为了能够在各种环境，都能取到顶层对象，现在一般是使用this变量...
阅读全文
摘要：https://note.youdao.com/web/ /file/WEB0795aa69a66933c323f06127c9127f4d/note/WEBb0bbf2a9471ea54f2cb0ffe9f1a2b851/
阅读全文
摘要：作用域 一个需要注意的地方是，如果参数默认值是一个变量，则该变量所处的作用域，与其他变量的作用域规则是一样的，即先是当前函数的作用域，然后才是全局作用域。 上面代码中，参数y的默认值等于x。调用时，由于函数作用域内部的变量x已经生成，所以y等于参数x，而不是全局变量x。 如果调用时，函数作用域内部的
阅读全文
摘要：上面两种写法都对函数的参数设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；写法二函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值。
阅读全文
摘要：```
//1.input输入框ios上光标与placeholder、value不能对齐居中 解决办法：(有网的情况下记得测试ios，测试光标、value和placeholder对齐居中) input：height与font-size相等； box-sizing:content-box; padding:（input实际高度-字体大小）/2 px 0; inp...
阅读全文
摘要：```
input{ text-indent: 0; background: transparent; border: 0 none; resize:none; outline:none; /*清除选中效果的默认蓝色边框 */ -webkit-appearance:none; /*清除浏览器默认的样式 */ lin...
阅读全文
摘要：通过npm安装react和webpack 遇到的问题：npm install webpack dev server全局安装后，要在本地重新安装下，否则不能引用
阅读全文
摘要：TypeError：类型错误 ReferenceError：引用错误（a is not defined）(尚未声明) SyntaxError: 语法错误（ Unexpected token ( ）；例如//let不允许在相同作用域内，重复声明同一个变量。 a is not defined与undef
阅读全文
摘要：```
//样式
.fixednav{position: fixed;top:0;left:266px;width:975px;z-index:20;}
//html
.panel.panel-default .panel-heading.clearfix#line_title .panel-body.clearfix#rule-node
//滚动超出一定高度 title固定 ...
阅读全文
摘要：执行顺序为method1 method2 method3 如果这样写,那么将会只有medhot3被执行 [x] 总结： addEventListener可以多次绑定同一个事件并且不会覆盖上一个事件。 此外，addEventListenert方法第一个参数填写事件名，注意不需要写on，第二个参数可以是
阅读全文
摘要：``` 输入框改变时，文字变色 select框改变时，文字变色 ```
阅读全文
摘要：select change()事件 多选框是否选中 多选框被选中：$this.prop("checked")
阅读全文
摘要：js代码 Object data : Array[5] 0 : Object index : 1 name : "年龄 包含 [18，55]" __proto__ : Object 1 : Object index : 2 name : "姓名 包含 [18，55]" __proto__ : Obj
阅读全文
摘要：$("p").bind("mouseenter mouseleave",function(){ alert("ok"); }) $("p").live("mouseenter mouseleave",function(){ alert("ok"); }) $("div").delegate("p",
阅读全文
摘要：直接在Number中扩展货币格式方法 货币格式化方法，不用prototype对Number进行拓展的版本
阅读全文
摘要：前提：先安装ruby sass规则 [x] &:父级同级选择器 [x] 结果文字为黄色 需要注意的是，要自己用命令行编译sass为css [x] @extend:继承 [x] 测试结果：背景色为红色 变量必须要使用$n开始，例如：$n,$var 使用@mixin命令，定义一个代码块。 [x] 测试结
阅读全文
摘要：```
.如何用js判断一个对象是不是Array 1.Array.isArray(obj) 调用数组的isArray方法 2.obj instanceof Array 判断对象是否是Array的实例 3.Object.prototype.toString.call(obj) ===‘[object Array]’ Object.prototype.toString方法会...
阅读全文
摘要：``` 法1:使用es6中Array.from var arrList=document.getElementByClassName("active"); var arr=Array.from(arrList); //将伪数组转换为真正的数组 var args = Array.from(argume
阅读全文
摘要：``` //滚动 window.onscroll = function() { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; if(scrollTop = 120) { oBack.sty
阅读全文
摘要：HTML代码 首先是图片标记的写法： 需要将图片的地址放到 data src 属性里，而src值填写默认的一张图片。 CSS代码 所有具有data src属性的图片，我们将其初始显示状态为不可见，通过透明度来调节： 这样写的作用是什么？等当图片加载时，你就能看的效果了。 JavaScript代码 我
阅读全文
摘要：原文链接：http://caibaojian.com/mobile web app fix.html 写一个好的web app初始化样式很重要，以下为之前的flexible.js中项目的同个样式。
阅读全文
摘要：http://caibaojian.com/mobile web app fix.html ```
阅读全文
摘要：``` ``` ``` ```
阅读全文
摘要：``` CSS3动画那么强requestAnimationFrame还有毛线用？http://www.zhangxinxu.com/wordpress/?p=3695 动画函数兼容写法 window.requestAnimationFrame = window.requestAnimationFra
阅读全文
摘要：``` 地理定位Geolocation API • getCurrentPosition()函数简介 • getCurrentPosition(successCallback,errorCallback,positionOptions) function getLocation() { if (navigator.geolocation) { nav...
阅读全文
摘要：```
web worker
web worker 是运行在后台的 JavaScript，不会影响页面的性能。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。
浏览器支持
所有主流浏览器均支持 web worker，除了 Internet Explorer。...
阅读全文
摘要：```
Web Storage：本地存储和会话存储（在客户端存储数据）
本地存储
$('set').onclick = function() { //获取文本的值 var textValue = $('text').value; //h5的属性localStorage,先进行是否支持h5 localStorage该属性，若支持，在执行 ...
阅读全文
摘要：```
function orientation(){ function initOrient(){ var div = document.createElement("div"), error = document.createElement("div"), p1 = document.createElement("p"),...
阅读全文
摘要：``` 离线缓存（Application Cache） cache.manifest文件（自定义文件） CACHE MANIFEST #version 1.0.0 CACHE: img/a1_r11_c11.jpg 3-离线缓存.html cache.manifest 1-全屏和退出全屏.html NETWORK: * Manifest特点（Cache Manifest：...
阅读全文
摘要：``` 4.1.1. 列表查询接口 4.1.2. 添加接口 4.1.3. 修改接口 4.1.4. 查询一条记录新加 4.1.1. 列表查询接口 4.1.2. 添加接口 4.1.3. 修改接口 ...
阅读全文
摘要：zeplin使用教程：http://blog.163.com/zbj_jbz/blog/static/212615164201692210316119/ 1. 首先ps版本应为：2015及以上版本 2. ps cc（mac版）下载地址：http://www.sdifenzhou.com/photos
阅读全文
摘要：路径 ~ sakura$ cd /usr/local/lib 查看 ~ sakura$ ls 进入 ~ sakura$ cd node_modules 删除gulp包 ~ sakura$ sudo rm r f gulp 查看版本 ~ sakura$ gulp v 显示： bash: /usr/lo
阅读全文
浙公网安备 33010602011771号