代码改变世界

随笔分类 -  javascript

Redux初见

2016-05-23 10:31 by 大额_skylar, 1891 阅读, 收藏, 编辑
摘要: 说到redux可能我们都先知道了react,但我发现,关于react相关的学习资料很多,也有各种各样的种类,但是关于redux简单易懂的资料却比较少。 这里记录一下自己的学习理解,希望可以简洁易懂,入门redux。 一步步的走近redux,可以先从了解flux出发。 Why Redux? flux是 阅读全文

无线页面动画优化实例

2016-04-18 09:59 by 大额_skylar, 1393 阅读, 收藏, 编辑
摘要: 无线页面本就分秒必争,更不用说当我们在无线页面中使用动画的时候。不管是css动画还是canvas动画,我们都需要时刻小心着,并且有必要掌握页面性能的基本分析方法。 既然我们的目标是优化,那么就与浏览器的一些渲染和执行机制有关,更好的迎合浏览器的行为方式,才可以让我们的动画流畅而优美。 没错,浏览器是 阅读全文

小议前端代码规范

2015-12-29 19:03 by 大额_skylar, 3794 阅读, 收藏, 编辑
摘要: 俗话说的好,无规矩不成方圆。在团队中,代码规范的统一不仅能提高代码质量,对代码的维护者来说也是节省成本的事情。要知道在团队中,我们平常写代码不能仅仅考虑到自己的感受,在业务的更替中,往往维护者也会更替。在业务的交接过程中如何降低交接成本也是很重要的事情,因为我们不可能总是甩手的人,大家往往也是另一个... 阅读全文

详解前端模块化工具-webpack

2015-10-08 12:57 by 大额_skylar, 16557 阅读, 收藏, 编辑
摘要: webpack是一个module bundler,抛开博大精深的汉字问题,我们暂且管他叫'模块管理工具'。随着js能做的事情越来越多,浏览器、服务器,js似乎无处不在,这时,使日渐增多的js代码变得合理有序就显得尤为必要,也应运而生了很多模块化工具。从服务器端到浏览器端,从原生的没有模块系统的`引入... 阅读全文

Webpack+React+ES6开发模式入门指南

2015-09-28 09:35 by 大额_skylar, 33766 阅读, 收藏, 编辑
摘要: React无疑是今年最火的前端框架,github上的star直逼30,000,基于React的React Native的star也直逼20,000。有了React,组件化似乎不再步履蹒跚,有了React Native,前端的边界似乎广阔无边。而Webpack凭借它异步加载和可分离打包等优秀的特性,走... 阅读全文

深入解析js异步编程利器Generator

2015-09-09 11:39 by 大额_skylar, 3888 阅读, 收藏, 编辑
摘要: 我们在编写Nodejs程序时,经常会用到回调函数,在一个操作执行完成之后对返回的数据进行处理,我简单的理解它为异步编程。 如果操作很多,那么回调的嵌套就会必不可少,那么如果操作非常多,那么回调的嵌套就会变得让人无法忍受了。 我们知道的Promises就是问了解决这个问题而提出来的。然而,pr... 阅读全文

Node.js实现RESTful api,express or koa?

2015-08-31 09:34 by 大额_skylar, 13938 阅读, 收藏, 编辑
摘要: 文章导读: 一、what's RESTful API 二、Express RESTful API 三、KOA RESTful API 四、express还是koa? 五、参考资料 一、what's RESTful API1.1 RESTful架构 要理解什么是RESTful API我们... 阅读全文

借助Nodejs探究WebSocket

2015-07-02 11:48 by 大额_skylar, 10976 阅读, 收藏, 编辑
摘要: 文章导读: 一、概述-what's WebSocket? 二、运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三、Node中的WebSocket 四、socket.io 五、扩展阅读一、概述-what's WebSocket?1.1 为什么我们需要WebSocket这样的实时... 阅读全文

移动端开发概览【webview和touch事件】

2015-03-30 10:25 by 大额_skylar, 4984 阅读, 收藏, 编辑
摘要: 作为一个前端,而且作为一个做移动端开发的前端,那意味着你要有三头六臂,跟iOS开发哥哥一起打酱油,跟Android开发哥哥一起修bug...Android vs Ios我在webkit内核的chrome中进行开发的页面,拿着iPhone和安卓机来进行测试,传说中它们的浏览器内核也是WebKit,那么... 阅读全文

实战JS正则表达式

2015-03-16 19:28 by 大额_skylar, 6364 阅读, 收藏, 编辑
摘要: -正则表达式是一种文本模式的匹配工具。-文章导读: --1.正则对象的属性和方法 --2.字符串对象的方法 --3.使用正则表达式: ---3.1 给字符串加上千分符 ---3.2 字符串中出现次数最多的字母 ---3.3 在多行中使用正则表达式 ... 阅读全文

相识HTML5 canvas

2015-03-07 11:16 by 大额_skylar, 2064 阅读, 收藏, 编辑
摘要: Canvas是HTML的API,我们可以用它在网页中实时的来生成图像。文章导读 1.必备技能 2.用于画图的函数 例子: -会话气泡- -心形- -钟表- -星球里的星星- -调色板- -鼠标绘图- -旋转的小方块- 3.图像的处理 例子: ... 阅读全文

运算符中的一些小技巧

2015-02-25 10:44 by 大额_skylar, 1823 阅读, 收藏, 编辑
摘要: - 记下一些关于运算符的小技巧或容易出错的地方%运算符取余运算符运算结果的正负号由第一个运算子的正负号决定,比如:1 -1 % 2 // -12 1 % -2 // 1所以有时候对负数取余会出现错误,使用绝对值函数可以避免错误:// 会出错function isOdd(n) {return n % ... 阅读全文

页面元素坐标和偏移(clientX/pageX/screenX/layerX/offsetWidth/scrollWidth/clientWidth等)相关整理

2014-11-25 17:28 by 大额_skylar, 7154 阅读, 收藏, 编辑
摘要: 鼠标事件都是在特定位置发生的,我们可以通过event事件对象的各种属性来获得事件发生的坐标位置,有相对于视口的,有相对于整个文档的,同样页面元素的位置也有相对视口的,也有滚动后的,这些都比较容易混淆,所以整理在这里,备忘,待查。1.客户区坐标位置(clientX/clientY)我们可以通过ev... 阅读全文

js中各种跨域问题实战小结(二)

2014-11-16 16:37 by 大额_skylar, 2012 阅读, 收藏, 编辑
摘要: 这里接上篇:js中各种跨域问题实战小结(一)后面继续学习的过程中,对上面第一篇有稍作休整。下面继续第二部分:-->5.利用iframe和location.hash-->6.window.name跨域实现利用iframe和location.hash实现跨域想必有很多人像我之前一样,或许只知道上面文中所... 阅读全文

js中各种跨域问题实战小结(一)

2014-11-13 13:45 by 大额_skylar, 2633 阅读, 收藏, 编辑
摘要: 什么是跨域?为什么要实现跨域呢?这是因为JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。也就是说只能访问同一个域中的资源。我觉得这就有必要了解下javascript中的同源策略是怎么回事了:javascript的同源策略。这里更加细致详细的总结了为什么要跨域:javascrip... 阅读全文

一道原生js题目引发的思考(鼠标停留区块计时)

2014-11-04 18:32 by 大额_skylar, 1525 阅读, 收藏, 编辑
摘要: 我瞎逛个啥论坛,发现了一个题目,于是本着练手的心态就开始写起来了,于是各种问题接踵而至,收获不小。题目是这样的:Demo:mouseenter与mouseover区别demo 跨浏览器的区块计数demoDownLoad:https://github.com/zhangmengxue/Prac... 阅读全文

深入探究js中无所不在的this

2014-10-22 11:29 by 大额_skylar, 4130 阅读, 收藏, 编辑
摘要: 黄金守则: this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window而当函数被作为某个对象的方法调用时, this等于那个对象。下面是一些相关实践:------------------------------------------------->闭包相关的this... 阅读全文

熟用js中的Date

2014-10-09 20:12 by 大额_skylar, 1346 阅读, 收藏, 编辑
摘要: js中的Date类型是使用UTC(国际协调时间)自1970年1月1日午夜(零时)开始,经过的毫秒数来保存日期。 1. 创建日期对象 ---> 获得当前日期和时间 var now = new Date(); --->基于制定的日期和时间创建 var date = new... 阅读全文

巧用JS内置对象Function

2014-09-25 16:25 by 大额_skylar, 354 阅读, 收藏, 编辑
摘要: 在做练习的时候也好,做项目的时候也好,我经常会碰到想要的到一个字符串“”里面的东西的这样的需求。 注意,“”里面的东西可以是任何东西[],number等等 于是有了个大神教我一个绝招: 于是世界圆满了... 其实Function就是js的一个内置对象。 这里有个文章讲的挺好的http://www... 阅读全文

js DOM优化相关探索

2014-09-25 13:18 by 大额_skylar, 833 阅读, 收藏, 编辑
摘要: 我在这尝试两个方面:-->DOM与js -->DOM与浏览器(最近在秒味视频上学到不少,哈哈哈)一、DOM与js 1.js与dom的交互问题 频繁的与dom交互,是一件浪费时间与金钱的事情,这就需要我们尽量改进自己的代码,让我们想做的事情尽量在js中做的差不多了在去... 阅读全文