cag2050 - 博客园

可以链接不同源的资源的html元素（能实现跨域）

摘要：可以链接不同源的资源的html元素（能实现跨域）： img、script、css、video、audio、object、embed、applet、@font-face、frame、iframe等。 (1)<img src=""></img> (2)<script src=""></script>标签阅读全文

posted @ 2016-12-14 00:31 cag2050 阅读(1419) 评论(0) 推荐(0) 编辑

触摸点位置

摘要： clientX / clientY：// 触摸点相对于浏览器窗口viewport的位置参照点会随着浏览器的滚动而变化 pageX / pageY：// 触摸点相对于页面的位置参照点不会随着浏览器的滚动而变化 screenX /screenY：// 触摸点相对于屏幕的位置阅读全文

posted @ 2016-12-13 15:38 cag2050 阅读(284) 评论(0) 推荐(0) 编辑

浏览器各种高度

摘要： document.documentElement.clientHeight：用来获取页面可视高度。其中：document.documentElement指的是根节点，即html节点。阅读全文

posted @ 2016-12-11 18:05 cag2050 阅读(541) 评论(0) 推荐(0) 编辑

koa 知识点

摘要： 1. Koa 不支持直接调用底层 res 进行响应处理。请避免使用以下 node 属性： res.statusCode res.writeHead() res.write() res.end() 2. 阅读全文

posted @ 2016-12-09 14:10 cag2050 阅读(158) 评论(0) 推荐(0) 编辑

next().value和next().done

摘要： function* sayHello() { var first, second; yield first = '111'; yield second = '222'; yield third = '333'; } var say = sayHello(); console.log(1); console.log('第一个yield的值：' + say.next(... 阅读全文

posted @ 2016-12-09 01:07 cag2050 阅读(892) 评论(0) 推荐(0) 编辑

js中逻辑为false的8种情况

摘要：如果对象无初始值或者其值为数字0、-0、null、""、false、undefined 或者 NaN，那么对象的逻辑值为 false。 > 注意：字符串 '0'，值为 true typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"f 阅读全文

posted @ 2016-12-08 11:28 cag2050 阅读(309) 评论(0) 推荐(0) 编辑

Node.js热部署方式

摘要： 1. supervisor； 2. hotnode； 3. node-dev； 4. nodemon；阅读全文

posted @ 2016-12-06 14:17 cag2050 阅读(355) 评论(0) 推荐(0) 编辑

在package.json里面的script设置环境变量，区分开发及生产环境。注意mac与windows的设置方式不一样

摘要：在package.json里面的script设置环境变量，区分开发及生产环境。注意mac与windows的设置方式不一样。阅读全文

posted @ 2016-12-06 11:48 cag2050 阅读(7148) 评论(0) 推荐(0) 编辑

js事件冒泡和事件捕获

摘要：事件捕获当你使用事件捕获时，父级元素先触发，子级元素后触发，即div先触发，p后触发。事件冒泡当你使用事件冒泡时，子级元素先触发，父级元素后触发，即p先触发，div后触发。W3C模型W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然阅读全文

posted @ 2016-12-01 17:59 cag2050 阅读(294) 评论(0) 推荐(0) 编辑

阻止事件冒泡两种方式：event.stopPropagation();和return false;

摘要： jQuery提供了两种方式来阻止事件冒泡。方式一：event.stopPropagation(); 方式一：return false; 这两种方式是有区别的。 return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。 event.stopPropagation() 则只阻止事件往上冒阅读全文

posted @ 2016-12-01 17:50 cag2050 阅读(1178) 评论(0) 推荐(0) 编辑

CMD规范

摘要： define(function (require, exports, module) { module.exports = require('xx/xx/xx')({}); }); 阅读全文

posted @ 2016-12-01 15:57 cag2050 阅读(138) 评论(0) 推荐(0) 编辑

fetch用法

摘要： 1. fetch(url)，返回一个Promise。 2. 当Promise被通过，它会返回一个Response对象，通过该对象的json()方法可以将结果作为JSON对象返回。 3. response.json()同样会返回一个Promise对象，因此在我们的例子中可以继续链接一个then()方法阅读全文

posted @ 2016-11-27 23:44 cag2050 阅读(260) 评论(0) 推荐(0) 编辑

javascript中in和hasOwnProperty区别

摘要： in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。阅读全文

posted @ 2016-11-16 02:04 cag2050 阅读(608) 评论(0) 推荐(0) 编辑

React Native知识点

摘要： 1. Live Reload和Hot Reloading的区别：相同点：都是你只要保存一下原文件，那么App就会实时刷新。区别：Live Reload是全局刷新，而Hot Reloading是局部刷新。 2. 有时候我们修改了代码，在手机上并不会实时更新代码。解决的办法就是打开文件(是下面2个阅读全文

posted @ 2016-11-13 16:56 cag2050 阅读(372) 评论(0) 推荐(0) 编辑

jQuery.proxy用法

摘要： jQuery.proxy用法，待整理阅读全文

posted @ 2016-11-08 15:13 cag2050 阅读(145) 评论(0) 推荐(0) 编辑

windows下做react native官方例子遇到的问题

摘要： 1.android/app/build.gradle文件中，指定了版本： compileSdkVersion 23buildToolsVersion "23.0.1" 需要在设置中选择，如下图所示： 2.报“Could not find tools.jar”错误，是因为没配置java的环境变量JAV 阅读全文

posted @ 2016-11-08 01:23 cag2050 阅读(224) 评论(0) 推荐(0) 编辑

Jsonp原理

摘要： JSONP原理： 1.首先在客户端注册一个callback, 然后把callback的名字传给服务器。 2.此时，服务器先生成 json 数据。 3.然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的callback参数值 . 4.最后将 j 阅读全文

posted @ 2016-11-06 16:57 cag2050 阅读(150) 评论(0) 推荐(0) 编辑

合并master分支到自己的分支

摘要：切换到自己的分支（比如：self）：git checkout self；在自己分支下，推送自己的分支到github远端仓库：git push --set-upstream origin self；在自己分支下，合并master分支到自己的分支：git merge master；自己的分支pul 阅读全文

posted @ 2016-10-27 00:48 cag2050 阅读(2003) 评论(0) 推荐(0) 编辑

ES6 中的 Set、Map 和 WeakMap

摘要： Set 是 ES6 新增的有序列表集合，它不会包含重复项。 Set 支持 add(item) 方法，用来向 Set 添加任意类型的元素，如果已经添加过则自动忽略； has(item) 方法用来检测 Set 中是否存在指定元素； delete(item) 方法用来从 Set 中删除指定元素； clea 阅读全文

posted @ 2016-10-24 18:37 cag2050 阅读(176) 评论(0) 推荐(0) 编辑

es6语法重构react代码

摘要： 1、使用React.Component创建组件，需要通过在constructor中调用super()将props传递给React.Component。另外react 0.13之后props必须是不可变的。 2、用ES6 class语法创建组件，其内部只允许定义方法，而不能定义属性，class的属性只阅读全文

posted @ 2016-10-20 12:21 cag2050 阅读(186) 评论(0) 推荐(0) 编辑

理解js中this的指向

摘要：全局的this → 指向的是Window函数中的this → 指向函数所在的对象对象中的this → 指向本身阅读全文

posted @ 2016-10-17 10:14 cag2050 阅读(189) 评论(0) 推荐(0) 编辑

webstorm修改文件，webpack-dev-server不自动编译刷新的解决办法

摘要： webstorm设置中，“Settings”--“Appearance & Behavior”--“System Settings”，红框内的选项“Use "safe write"(save changes to a temporary file first)”，不打勾。阅读全文

posted @ 2016-10-12 20:08 cag2050 阅读(2794) 评论(0) 推荐(0) 编辑

使用bind(this)的情况

摘要： 1.setInterval()、setTimeout()的回调函数，一定要加.bind(this)方法。原因是：在setInterval()中定义的回调函数，是在同步代码执行完后，随着事件触发来异步执行的，此时函数的上下文Context已经由定义该函数的Script文件变为全局变量，如果不通过bi 阅读全文

posted @ 2016-10-10 10:53 cag2050 阅读(1244) 评论(0) 推荐(0) 编辑

AMD规范基本结构

摘要： AMD规范：使用 define 和 require ，基本结构如下：阅读全文

posted @ 2016-09-28 10:54 cag2050 阅读(163) 评论(0) 推荐(0) 编辑

commonJS规范基本结构

摘要： commonJS规范：使用 module.exports 和 require ，基本结构如下：阅读全文

posted @ 2016-09-28 10:30 cag2050 阅读(190) 评论(0) 推荐(0) 编辑

webpack需要全局安装，才能使用webpack命令

摘要： webpack全局安装，具体项目中才能使用webpack命令：阅读全文

posted @ 2016-09-27 19:21 cag2050 阅读(2870) 评论(0) 推荐(0) 编辑

AMD规范：define和require的区别

摘要： define和require在依赖处理和回调执行上都是一样的，不一样的地方是define的回调函数需要有return语句返回模块对象(注意是对象)，这样define定义的模块才能被其他模块引用；require的回调函数不需要return语句。阅读全文

posted @ 2016-09-27 16:47 cag2050 阅读(569) 评论(0) 推荐(0) 编辑

SourceTree克隆仓库时，总是提示输入密码

摘要： 1.SourceTree的“工具”-“选项”-“一般”，配置上SSH秘钥： 2.将SSH密钥，配置到GitLab里； 3.仓库的“源路径 / URL”，填写SSH地址；阅读全文

posted @ 2016-09-27 13:46 cag2050 阅读(7746) 评论(0) 推荐(0) 编辑

阻止事件冒泡、点击自身以外地方关闭层

摘要：阻止事件冒泡、点击自身以外地方关闭层，2个知识点的例子：网址：http://runjs.cn/code/lklb2syj 阅读全文

posted @ 2016-09-13 20:18 cag2050 阅读(299) 评论(0) 推荐(0) 编辑

react 知识点

摘要： 1.react内联样式写法： react的内联样式是对象，所以这样写。第一重大括号表示这是 JavaScript 语法，第二重大括号表示样式对象。 2.react的事件写法：注意：1）on后面的事件英文必须是大写； 2）事件用大括号{}括起来，事件函数后面不带小括号()。 3.refs的属性可以帮阅读全文

posted @ 2016-09-09 10:14 cag2050 阅读(252) 评论(0) 推荐(0) 编辑

数组内的对象按照2个属性进行排序

摘要：数组内的对象按照2个属性进行排序(先按time从大到小排序，再按weight从大到小排序)，请查看控制台看输出结果: var array = [{time: 1, weight: 4}, {time: 1, weight: 1}, {time: 1, weight: 9}, {time: 2, weight: 4}, {time: 2, weight: 1}, {t... 阅读全文

posted @ 2016-08-12 00:12 cag2050 阅读(573) 评论(0) 推荐(0) 编辑

placeholder兼容方法（兼容IE8以上浏览器）

摘要： //placeholder兼容方法（兼容IE8以上浏览器） var JPlaceHolder = { //检测 _check: function () { return 'placeholder' in document.createElement('input'); ... 阅读全文

posted @ 2016-07-18 09:58 cag2050 阅读(393) 评论(0) 推荐(0) 编辑

js原型链

摘要：函数创建时，都会有一个预设的对象属性prototype；当函数使用new来调用的时候，函数会作为构造器来使用，this会指向一个对象，而这个对象的原型会指向构造器的prototype属性；原型链是向上查找的； a instanceof b，检查b的prototype属性是否出现在a的原型链上阅读全文

posted @ 2016-07-17 19:57 cag2050 阅读(146) 评论(0) 推荐(0) 编辑

移动端布局:左右固定，中间可变

摘要：移动端布局:左右固定，中间可变；一边固定，另一边可变（同理）代码地址：http://runjs.cn/code/qkdx4km7 阅读全文

posted @ 2016-07-13 00:36 cag2050 阅读(235) 评论(0) 推荐(0) 编辑

通过新浪ip地址库获得用户的省份、城市等信息

摘要：阅读全文

posted @ 2016-07-10 15:46 cag2050 阅读(609) 评论(0) 推荐(0) 编辑

js跳转到页面中指定的hash

摘要： location.hash = "#filter_moreClue"; 阅读全文

posted @ 2016-07-10 12:39 cag2050 阅读(518) 评论(0) 推荐(0) 编辑

es6新特性

摘要：变量 let， const：必须直接给一个变量赋值。注意，对象的属性或数组成员还是可以改变的。 const MY_OBJECT = {some: 1}; MY_OBJECT.some = 'body'; // Cool 箭头函数：=> 字符串方法:startsWith(),endsWith(),i 阅读全文

posted @ 2016-07-04 23:47 cag2050 阅读(267) 评论(0) 推荐(0) 编辑

实时监听输入框值变化的完美方案：oninput & onpropertychange

摘要：实时监听输入框值变化的完美方案：oninput & onpropertychange：网址：http://www.cnblogs.com/lhb25/archive/2012/11/30/oninput-and-onpropertychange-event-for-input.html 阅读全文

posted @ 2016-07-04 17:57 cag2050 阅读(178) 评论(0) 推荐(0) 编辑

不透明度(兼容IE8,chrome,firefox)

摘要： background-color: rgba(0, 0, 0, 0.2); background-color: black; opacity: 0.2; filter: Alpha(opacity=20); 阅读全文

posted @ 2016-06-29 17:51 cag2050 阅读(216) 评论(0) 推荐(0) 编辑

工作中用到知识点

摘要：给input加入搜索图标：http://www.cnblogs.com/LXJ-CHEER/p/4731087.html 阅读全文

posted @ 2016-06-26 17:04 cag2050 阅读(146) 评论(0) 推荐(0) 编辑

导航