代码改变世界

随笔分类 -  前端杂谈

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

借助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这样的实时... 阅读全文

透过浏览器看HTTP缓存

2015-05-18 19:11 by 大额_skylar, 12224 阅读, 收藏, 编辑
摘要: 作为前端开发人员,对于我们的站点或应用的缓存机制我们能做的似乎不多,但这些却是与我们关注的性能息息相关的部分,站点没有做任何缓存机制,我们的页面可能会因为资源的下载和渲染变得很慢,但大家都知道去找前端去解决页面慢的问题而不会去找服务端的开发人员。因此,了解相关的缓存机制和充分的利用它似乎就变得必不可... 阅读全文

各种前端资源汇总「备忘、常逛」【持续更新...】

2015-04-19 20:25 by 大额_skylar, 5686 阅读, 收藏, 编辑
摘要: change log: Generator section (2015-08-29) Generator section (2015-08-31) Generator section (2015-09-09) webpack section(2015-09-26) Webpack:[web... 阅读全文

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

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

相识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 % ... 阅读全文

浅析JS中的模块规范(CommonJS,AMD,CMD)

2014-10-31 16:46 by 大额_skylar, 22765 阅读, 收藏, 编辑
摘要: 如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 现在就看看吧,这些规范到底是啥东西,干嘛的。一、CommonJSCommonJS就是为JS的表现来制定规范,因为js没有模块的功能所以CommonJS应运而生,它希望... 阅读全文

GitHub初体验(小菜新手github用起来)

2014-10-07 12:32 by 大额_skylar, 2820 阅读, 收藏, 编辑
摘要: 记得自己刚认识github的时候觉得他好高端,只知道好多牛人托管代码在上面,但是还觉得离我好遥远。其实不然,用起来,哇塞,真强大。 如果你现在像我当时一样茫然,那希望我的分享能帮助到你。(记录自己用起来的过程,备忘) 1.First Step: 毫无疑问的,第一步要先去下载git,你是windo... 阅读全文

常用的正则表达式收集

2014-09-12 13:46 by 大额_skylar, 1326 阅读, 收藏, 编辑
摘要: 备注:正则表达式真的很头疼,收集起来,用起来很方便的。常用的元字符.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或结束^匹配字符串的开始$匹配字符串的结束常用的限定符*重复零次或更多次+重复一次或更多次?重复零次或一次{n}重复n次{n... 阅读全文

js中的console很强大

2014-08-24 12:56 by 大额_skylar, 2529 阅读, 收藏, 编辑
摘要: 今天闲来没事,瞎逛, 发现了淘宝首页的这个: 想起来之前在百度的 页面中也曾看到过。于是乎自己试一试。 于是便见识到了console对象其实很强大,用好它对调试真的有很大帮助。代码: 1 2 3 4 5 demo 6 7 8 9 10 11 12 31... 阅读全文

相识Highcharts,几分钟玩转Highcharts

2014-08-22 17:53 by 大额_skylar, 1998 阅读, 收藏, 编辑
摘要: Highcharts是一个功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库。 官网:http://www.hcharts.cn/ 我觉得对于刚接触一个东西的新手来说,有时候对一个东西真的可能毫无头绪,这个Highcharts的官网做的挺不错的。可以一点点学起。当然,看了下面我... 阅读全文