- 博客(93)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 ES6生成器
1、生成器可以在执行当中暂停自身，可以立即恢复执行，也可以过一段时间后恢复执行，在执行当中的每次暂停/恢复，都提供了一个双向信息传递的机会，生成器可以返回一个值，恢复它的控制代码也可以发回一个值。 2、生成器语法function *fun(){}// orfunction* fun() {}function * fun() {}function*fun() {}3、对象字面...
2018-06-18 14:33:54
338
原创 ES6 迭代器
1、ES6实现的是为迭代器引入一个隐式的标准化接口。 2、为了达到最大化的互操作性，也可以自己构建符合这个标准的迭代器。 3、迭代器是一种有序的、连续的、基于拉取的用于消耗数据的组织方式。 4、接口 Iterator [required] next() {method}: 取得下一个IteratorResultIterator [optional] return (...
2018-06-17 16:55:52
428
原创 《你不知道的JavaScript2》-对象与类
1、[[Prototype]]机制就是指对象中的一个内部链接引用另一个对象。 2、本质就是：对象之间的关联关系。 3、尽量避免在[[Prototype]]链的不同级别中使用相同的命名，尽量少使用容易被重写的通用方法名，提倡使用更有描述性的方法名，尤其少要写清相应对象行为的类型。 4、委托行为意味着某些对象在找到属性或者方法引用时会把这个请求委托给另一个对象。 5、委托最好在内部实现，不要直...
2018-04-08 15:08:21
252
原创 《你不知道的JavaScript2》值
1、我们无法自行决定使用值复制还是引用复制，一切由值的类型来决定。 2、slice()不带参数会返回丹铅数组的一个浅副本。 3、简单标量基本类型值通过值复制来赋值/传递 4、复合值通过引用复制来赋值/传递...
2018-04-08 14:57:02
203
原创 《你不知道的JavaScript2》数字
a.toExponential() 转化为指数格式 a.toFixed() 指定小数部分的显示位数 a.toPrecision() 有效数位的显示位数
2018-04-08 14:54:40
156
原创 《你不知道的JavaScript2》异步-Promise
/** * Promise 章节代码片段 */ // :1 异步获取x,y，当两个都有值的时候再做运算function add(getX, getY, cb){ var x, y; getX(function(xVal){ x = xVal; if(y != undefined){ cb(x+y); ...
2018-04-07 12:58:26
367
原创 《你不知道的JavaScript2》：异步-概念引入
一些常见的需要异步处理的场景 等地用户输入从数据库或文件系统中请求数据通过网络发送数据并等待响应以固定时间间隔执行重复任务（例如动画）JavaScript是单线程运行的...
2018-04-01 20:47:38
163
原创 《你不知道的JavaScript（上卷）》笔记：遍历对象
Object.keys 返回一个所有元素为字符串的数组，其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。// simple arrayvar arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']// array like ob...
2018-03-13 21:03:07
155
原创 《你不知道的JavaScript（上卷）》笔记：对象不变性
对象常量 结合writable:false和configurable:false就可以创建一个真正的常量属性（不可修改，重定义或者删除）禁止修改 禁止一个对象添加新属性并且保留已有属性，使用 Object.preventExtensions() 在非严格模式，创建属性b会静默失败。 严格模式下，抛出TypeError错误。var myObject = { a:2}Ob...
2018-03-13 20:24:34
167
原创 《你不知道的JavaScript（上卷）》笔记：对象属性描述符
var myObject = { a:2}console.log(Object.getOwnPropertyDescriptor(myObject, "a"));结果：{ value: 2, writable: true, enumerable: true, configurable: true }属性描述符value 属性值writable ：决定是否可以修...
2018-03-13 20:16:10
138
原创 《你不知道的JavaScript（上卷）》笔记：对象基础知识
JavaScript主要类型stringnumberbooleannullundefinedobjectJavaScript内置对象StringNumberBooleanObjectFunctionArrayDateRegExpError在JavaScript中，内置对象指数一些内置函数，可以当作构造函数（由new产生的函数调用）来使用，从而可以构造一个对应...
2018-03-13 20:07:27
150
原创 《你不知道的JavaScript（上卷）》笔记：箭头函数的this
箭头函数根据外层（函数或者全局）作用域来决定this。function foo() { // 返回一个箭头函数 return (a) => { // this继承自foo() console.log(this.a); }}var obj1 = { a: 2}var obj2 = { a: 3}v...
2018-03-11 15:52:20
145
原创 《你不知道的JavaScript（上卷）》笔记：this全面解析-绑定规则
调用位置调用位置就是函数在代码中被调用的位置，而不是声明的位置；最重要的是 分析调用栈；注意是如何从调用栈中分析出真正的调用位置的，它决定了this的绑定；我们关心的调用位置就在当前正在执行的函数的前一个调用中：function baz() { // 当前调用栈是：baz // 因此，当前调用位置是全局作用域 console.log("baz"); ...
2018-03-10 15:25:50
145
原创 《你不知道的JavaScript（上卷）》笔记：关于this
this提供了一种更优雅的方式来隐式“传递”一个对象引用，因此可以将API设计得更加简洁并且易于复用。function identify() { return this.name.toUpperCase();}function speak() { var greeting = "Hello, I'm " + identify.call( this ); conso...
2018-03-05 22:26:05
168
原创 《你不知道的JavaScript（上卷）》笔记：提升
2a = 2;var a;console.log(a); // 2undefinedconsole.log(2); // undefinedvar a = 2;函数被提升foo();function foo() { console.log( a ); //undefined var a = 2;}相当于：function foo() { ...
2018-03-04 18:18:35
181
原创 《你不知道的JavaScript（上卷）》笔记：函数作用域和块作用域
函数作用域：属于这个函数的全部变量都可以在整个函数的范围内使用及复用。最小暴露原则：应该最小限度地暴露必要内容，而将其他内容都“隐藏”起来，比如某个模块或对象的API设计。始终给函数表达式命名，是一个最佳实践。匿名函数需要考虑的几个方面匿名函数咋栈追踪不会显示有意义的函数名，使得调试困难；如果没有函数名，当函数需要引用自身只能使用已经过期的arguments.callee引用，比如在...
2018-03-04 17:44:26
186
原创 《你不知道的JavaScript（上卷）》笔记：作用域闭包
当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。 function foo() { var a = 2; function bar(){ console.log(a); } return bar; ...
2018-03-04 11:35:05
349
原创 《你不知道的JavaScript（上卷）》笔记：词法作用域
词法作用域词法作用域：定义在词法阶段的作用域。词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的。函数作用域：如论函数何时被调用，也无论函数在何处被调用，函数的词法作用域都由函数被声明时所处的位置决定。词法作用域只会查找一级标志符，比如a\b\c，如果代码饮用了foo.bar.baz，词法作用域查找只会试图查找foo标志符， 找到这个变量后，对象属性访问规则会分别接管对bar和...
2018-03-04 09:38:07
169
原创 不同的前端项目使用不同的策略
因为最近做项目踩了一些坑，痛改前非，小心谨慎，给自己定一些参考的策略移动端项目简洁的页面设计：zepto、fastclick等库或者插件，不适用UI框架，样式自己写。把通用的部分抽象出来，自己写针对项目的组件。是否为单页应用：（是）vuejs+vue-router ， 依旧不适用UI框架。（不是）同简洁页面策略。PC管理后台类型如果没有设计稿，则使用UI框架，选择可以很多。 如果有设计稿，则
2017-02-08 15:16:46
381
原创 Object.create polyfill 方法
Object.create创建一个拥有指定原型和若干个指定属性的对象。但是并不是所有浏览器都支持，目前IE浏览器IE9以上支持。
2017-02-08 11:50:20
932
1
原创 Android 4.x touchmove事件兼容问题
Android 4.x touchmove事件兼容问题。 在开发 hybridApp 中，Android开发同事说在4.x的lg手机上，有滑不动的情况，看了之后发现是touchmove事件的问题。在4.x中，touchmove滑动只会动
2017-02-06 18:46:02
1995
原创 3、vuejs数据绑定
参考链接：http://cn.vuejs.org/guide/syntax.html笔记 文本：{{msg}}一次性文本 : {{*msg}}HTML : {{{ html }}}html特性 ： <div id="item-{{id}}"></div>绑定表达式 ： {{ok? class1 : class2}}过滤器：{{ msg | capitalize}}指令：html
2016-01-28 13:54:28
574
原创 2、vuejs五脏
new Vue({ el: '#app', data: { newTodo: '', todos: [ { text: 'Add some todos' } ] }, methods: { addTodo: function () { var text = this.newTodo.trim() if (text)
2016-01-27 18:00:05
686
原创 1，安装
学习链接：1、https://github.com/vuejs/vue-cli2、http://cn.vuejs.org/guide/installation.html笔记：总的来说有两种方法1、直接引入js库，开发过程使用开发版，发布再用压缩版，这样方便调试错误。2、使用官方命令行工具先安装全局的vue：$ npm install -g vue-cli
2016-01-27 17:51:54
502
原创 把svg的polygon转为path的方法和调整形变的方法
发现自己很久没有写博客了，所以现在每天都提醒自己，今天有什么收获，今天有什么值得记录一下的。这篇博客就来说一下最近有个项目有用到svg地图中遇到的一个问题：设计师导出svg之后，是用的polygon，但是ammap里面的地图是用path去表示的，同时，你转成path之后，svg的大小和偏移量并不符合要求。根据上面的问题，找到了两个方法：演示地址：http://codepen.i
2016-01-27 17:36:34
7526
转载 footer适应在窗口或者页面底部的css实现方法
Document *{margin: 0;padding: 0} html,body{height: 100%} .main{ min-height: 100%; height: auto; } footer{ height:80px;
2015-10-29 14:06:23
499
原创 《开发之旅》学习笔记：重力感应事件
监听事件的时候使用的是是cc.eventManager.addListener，包含两个参数，一个是监听的事件，一个是节点。第一个参数对象中，除了触发事件外，要声明是何种event重力感应事件有两个返回参数accelerometerInfo以及event/* 重力感应 事件 */var AccelerometerLayer = cc.Layer.exten
2015-07-23 10:06:32
1224
3
原创 《开发之旅》学习笔记：游戏界面手动打造菜单基础元素
one,two,three,four,five为menu上的不同的item创建方法。alignItemsVerticallyWithPadding为其中一种对齐方式，其他对齐方式包括：menm.alignItemsHorizontally()menm.alignItemsHorizontallyWithPadding()menu.alignItemsInColumns()menu.alignI
2015-07-22 09:25:44
982
原创 cocos2d-js的UI用cocoStudio结合开发笔记
1、首先用ccs.load().node来加载json文件并加入节点。settingScene = ccs.load(res.setting_json).node;2、在当前层中加入改节点。this.addChild(settingScene);3、通过ccui.helper.seekWidgetByName(node,name)获得控件musicS
2015-07-21 17:10:05
1451
原创 使用FACE++的SDK来做一个颜值计算器
DEMO地址：http://www.gbcphp.com/fly/myface/FACE++的地址：http://www.faceplusplus.com.cn/前记：前段时间，关于人脸识别的应用挺火的，比如检测年龄的啦，还有颜值计算的啦。虽然这些东西都是昙花一现，但是在很多地方应用还是很广的，偶尔一些推广的活动可以结合这些趣味性的应用结合来做。因为不知道是怎么实现的，这里
2015-07-20 10:00:15
6918
原创 用css3解决移动端页面自适应横屏竖屏的思考
之前对于横屏的webapp做过一些尝试，但是始终不是很好的解决方案，前段时间又接触了类似的需求，尝试了感觉更好的解决方案。之前的方法写的博客：移动网页横竖屏兼容适应的一些体会这里举的例子还是平时常见的移动端的滑动页面，也就是上下切换页面的”H5“。
2015-06-30 16:07:00
19564
1
原创 其实canvas真的很简单，复杂的部分其实是你的创意
江湖上流传开来的除了牛叉的"H5"，还有牛叉的canvas应用。canvas是html5的一部分，当然他们说的H5也并不是html5的意思，只是表示在手机浏览器中，更侠义的是在微信浏览器中打开的酷炫的网页。曾几何时，我也觉得canvas真的酷爆了，各种什么烟花、酷炫的动画效果、canvas游戏等，都燃烧着我学习的热情。后来通过学习，多看书，其实canvas并不复杂，要用到的东西也不多。
2015-06-30 09:18:15
2780
转载 swiper 3出来了，还有动画，做场景应用更简单了
http://www.swiper.com.cn/usage/animate/index.htmlhttp://www.swiper.com.cn/
2015-06-19 17:18:39
1262
转载 This End Up: Using Device Orientation
By Pete LePagePublished: April 29th, 2011Comments: 34IntroductionMany new computers, mobile phones and other devices are now shipping standard with accelerometers, gyroscopes, compasse
2015-06-18 15:58:41
787
原创 使用grunt来无损压缩图片
作为一个前端工程师，或者web开发工程师，图片是你无法忽视的一个东西，没有一本优化方面的书不会提及图片的优化。pagespeed里面，首当其冲的也是提示你的图片需要优化。
2015-06-09 09:28:04
4832
1
原创 堆叠相册效果，兼容pc和移动端
在手机端，堆叠效果的相册是比较常见的一种图片展示方式，每个人的思路可能会有一些不同，实现的方法不同。本篇博客主要是分享下我的实现方法，欢迎大家提出建议，指出我的不足，先3Q啦~
2015-06-02 10:28:03
1408
1
原创 【笔记】改善javascript程序的188个建议27-33
27、小心if隐藏的BUG（1）if(a = 1){...}把比较运算符错写为赋值运算符。为了防止出现这样低级令人讨厌的错误，建议在条件表达式的比较运算中，把常量写在左侧，把变量写在右侧。这样在你写错的时候，会报错。if( 1 == a){ ... }（2）在if之后添加了分号（;）if(a==1);{...}28、使用查表法提高
2015-04-16 13:59:05
748
原创 windows 7上安装django
一、首先得确认你的机器上是否已经安装了python二、下载django（1）方法1：直接从github项目地址中下载zip包，地址是https://github.com/django/django，推荐这个，速度会快一点（2）方法2：如果你不喜欢上面的方式，可以直接用git hub clone的方式，$ git clone git://github.com/django/django.
2015-02-27 10:36:35
752
急问！微信红包接口 js可以请求么？
2015-09-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人