繁易の前端乐园

不为繁华易匠心

Always bet on F2E

这篇文章应该五一就发出来的,但是写到一半,和室友出去浪了。还剩下最后一点,在五月七号给补完了。 起因学习编程和前端的路上,有过欢笑有过迷茫。庆幸的是,我从15年3月份开始学编程,到15年10月份确定以编程作为我大学的方向,只花了6个月。因为编程使我感到快乐。更庆幸的是,我从15年10月份到16年5月份,花了7个月。确定把前端作为编程的方向。因为这能让我的优势得到最大的发挥,而且,我喜欢前......

从零组装新工具 - Koa2

整个项目已开源于Github,项目地址:koa2-easy,在线Demo: 起因作为一个前端,Node.js算是必备知识之一。同时因为自己需要做一些后台性的工作,或者完成一个小型应用。所以学习了Node的Express框架,用于辅助和加速开发。 不过当初自己对Express的学习和了解,并不是很深入。要求也仅仅是停留在能发送静态文件,构建后台API,与数据库完成简单交互而已。所以当初自己......

Vuex源码阅读笔记

笔记中的Vue与Vuex版本为1.0.21和0.6.2,需要阅读者有使用Vue,Vuex,ES6的经验。 起因俗话说得好,没有无缘无故的爱,也没有无缘无故的恨,更不会无缘无故的去阅读别人的源代码。之所以会去阅读Vuex的源代码,是因为在刚开始接触Vuex时,就在官方文档的Actions部分,看到这么一句: 12345678910// the simplest actionfunction......

ES6学习之解构赋值

本文选自我在SegmentFault的#21天阅读分享#中,所记录的两篇笔记。因为对自己帮助较大,所以分享在此。 起因前两天在项目中,需要应用到vuex(类似redux的状态管理工具)。而vuex中,关于变量的赋值是ES6中的解构赋值。恰巧今天在看犀牛书时,也看到了关于解构赋值的介绍,所以今天准备专门学习解构赋值。 解构赋值之前我们声明变量,是这样的:12var one = 1;var ......

前端基础HTTP知识学习之HTTP状态码

起因之前我在我的2016,寒假前端学习计划中,发现自己对HTTP的知识很不熟悉。而作为一个前端,应该对HTTP知识了如指掌。这也是三月份我在找实习的过程中,和几家公司的CTO交流中,他们给我的指点与建议。很感激他们对我的帮助,让我了解到自己知识的漏洞。在补习HTTP相关知识的时候,我手头上有两本书,一本是《图解HTTP》,另外一本是《HTTP权威指南》。在这儿比较推荐前端初学者,去看《图解H......

博客将于近期恢复更新

停滞的一个月在02-25,我写下了《寒假前端学习总结》。直到今天,整整一个多月的时间,没有去更新博客。在这儿对关注我博客的各位,说声抱歉。因为所处的学期是大二下学期,课程超级多。而且因为刚开学,学生会和工作室两头的事情也忙得不可开交。所以整整一个月,都是忙过来的。不过这一个月,倒也不是全无收获。 二十一天阅读分享虽然在三月份,一篇博客都没写,但是我也没有停止学习。在三月初参加了前端早读课与S......

2016,寒假前端学习总结

今天是2.25,寒假的最后一天。一月九号我写下《寒假前端学习计划》一文作为寒假的开始,今天我同样写下《寒假前端学习总结》一文作为寒假的结束。 疯狂生长给自己的寒假,定的总结词是“疯狂生长”。这也算是自己过的最为充实,最为努力的一个寒假。每天起床后,便一头扎进编程的海洋中,从早到晚,乐此不疲。 读书寒假带了三本书回家: 《JavaScript高级程序设计》 《JavaScript设计模式与开......

寒假前端学习(10)——理解DOM事件流的三个阶段

本文主要解决两个问题: 什么是事件流 DOM事件流的三个阶段 起因在学习前端的大半年来,对DOM事件了解甚少。一般也只是用用onclick来绑定个点击事件。在寒假深入学习JavaScript时,愈发觉得自己对DOM事件了解不够,遂打开我的《JavaScript高级程序设计》,翻到DOM事件那一章,开始第二次学习之旅。当然,DOM事件所囊括的知识较为庞杂,所以本文专注与自己学习时所碰到的难......

寒假前端学习(9)——理解CSS盒模型与宽高计算

起因盒模型是CSS的核心知识,属于那种不掌握好,在实际工作中就容易犯迷糊的知识。至于本篇文章,主要解决一个问题,那就是CSS盒模型的计算方法。至于别的知识,也算是自己回忆和复习一次。 盒模型的构成关于盒模型的构成,算是前端的基础知识了。网络上关于这方面的知识也是多如牛毛。所以这儿我就用Chrome浏览器控制台的盒模型图。(毕竟最贴近实际开发环境)可以看到盒模型由margin,border,p......

寒假前端学习(8)——理解CSS浮动与清除浮动

本文主要探讨两个问题: 为什么CSS设置浮动会引起父元素塌陷 为什么设置clear:both能清除浮动,并撑开父元素。 起因CSS的浮动,算是我在写网页时用的最多的属性之一。但要说我对浮动的了解程度的话,只能说“知其然而不知其所以然”。虽然很多人都说浮动会用就行,但是要想成为一个优秀的前端,对这些常用属性得知根知底。 恰巧在慕课网,张鑫旭老师开了《CSS深入理解之float浮动》这门课。......