本文是《编写可维护的javascript》的读书笔记,主要讲的是如何编写易读、可维护的JS代码。作为一枚合格的程序猿,是要对自己写的代码负责任的。在实际工作中,我们很少自己从头写代码,通常更多的是维护别人的代码。如果遇见风格糟糕的代码,我们就会被搞得对着代码一头雾水,针对是一项糟糕至极的体验。己所不欲勿施于人,那么我们就需要的一项素质,就是让自己写的代码,别人不需要花很大力气去理解,不需要花很大力气去维护。保证我们的代码,可以轻松的为人所用。那么开始吧~我们的目标是:没有蛀牙(误
201709月记
这里是2017年09月的月季(记。本月收获不小:工作上完成了商品房签约平台的雏形,作为演示DEMO。虽然是没有具体需求都是凭着自己的理解去做,但是给业内人士演示的时候他们表示基本的功能和思路是正确的。从项目中总结的经验技巧已经开了一个系列在写,现在还没写完。然后还帮同事大哥解决了一些JS的问题,虽然问题不难,但是也是很有成就感的呀T^T。学习上,系统的看了webpack和chrome调试大全,开始开node…毕竟有了JS和ES6的基础,理解起来不是很困难,但是对后端不了解,整体上的有些概念还是不清楚。生活上,将近一个月没有系统的运动,每周只运动一天导致体能下降,下个月不能这样了,然后解锁了手工土豆泥、蜂蜜鸡翅、饺子、慕斯蛋糕和月饼,麻麻表示她很有口福,我表示很羡慕她有个心灵手巧又美丽的女儿hiahiahia
深入理解JS-part7-性能优化
本文是深入理解JS系列的part7,也是《高性能JavaScript》的读书笔记。本文基于一个正常的JS开发周期,从加载、编码、部署、测试四大方面展开讨论,力求在各个阶段提升Web应用性能。
参考书籍:《高性能JavaScript》
我看过的那些前端书们
从年初开始正式学习前端到现在已有接近10个月的时间了。从刚开始的看啥都蒙圈,到现在可以带别人一起做项目帮别人解决问题,真的是鬼知道我经历了什么。虽然现在的水平还不够,需要学习的知识还很多,但和十个月前相比,我有了明确的方向和充足的信心,踏实的走好接下来的每一步。
这段日子以来的成长,和正确的学习姿势有很大的关系。最初确定学习路线和方法的时候,借鉴了许多别人的经验,也和男票针对自己的情况做了计划———不管这世界纷纷扰扰~~先看书,打牢基础。这篇文章就是对我看过的、和正在看的书,做的简介和评价,如果有可能,希望也能对刚入门的同学提供些参考。
商品房网签平台-总结Part2(CSS3)
本篇是商品房网签平台总结系列的Part2-CSS,内容包括box-sizing、媒体查询。
全部项目请戳->>>>> https://github.com/honey3go/realEstate
商品房网签平台-总结Part1(HTML)
最近完成了一个小项目的演示DEMO,用于商品房网上签约。平台设计两种用户角色:开发商和房地产管理部门。对于开发商用户,提供合同模板的增删改查;合同的增删改查、提交、打印;合同状态查询统计、单个楼盘统计表、用户管理功能。对于房地产管理部门,提供合同状态查询统计、合同审批、用户管理功能。项目前端采用vue + vuex + vue router + vue resource + elementUI + Less,后端采用C#调用WebService提供数据服务(内网服务)。
这一系列总结主要想整理的是,在项目过程中使用的新方法、思路、以及遇到的坑,包括HTML5、CSS、ES6、VUE四个部分。本篇是商品房网签平台项目总结的Part1-HTML,讲的是在做移动端适配时遇到的屏幕尺寸问题,以及HTML5新增的本地存储。
全部项目请戳->>>>> https://github.com/honey3go/realEstate
深入理解JS-part6-原型和继承
本文是深入理解JS系列的part6,我们要开始研究的是JS的一个区别于其他很多语言的特点:原型、原型链和继承。虽然ES6提供了更简洁优雅的方法来实现继承,但是这不过是语法糖,实现继承的原理是没有变化的。并且我认为原型和继承属于JS中比较难懂的点,也是被广泛使用的点。实际上我们无时不刻的用到了JS的原型和继承,只是没有发觉。深入理解原型和继承的原理,我们才会更好的理解和运用它们。So, let’s start!
参考书籍:JavaScript高级程序设计-第三版, 《你不知道的JavaScript》
深入理解JS-part5-数据类型和typeof、instanceof
本文是深入理解JS系列的part5。在实际应用中,我们经常发现typeof和instanceof的表现和我们的预期并不一致,其实这就是因为JS数据类型带来的问题。那么我们从JS的基础概念-数据类型开始,探讨JS中的基本数据类型、基本包装类型、引用类型这三个数据类型的概念和内容,以及对应于typeof、instanceof的不同表现。希望通过这篇文章,我们能够清晰的分辨出变量的类型,并且在合理的应用场景下使用typeof和instanceof。本文在原理部分描述的有些细碎和混乱,大家可以直接看标题中带干货的章节记住结论,或者先看带干货的章节再回头看原理部分,这样理解起来更顺畅:-D
参考书籍:JavaScript高级程序设计-第三版 Nicholas C·Zakas
深入理解JS-part4-回调函数
本文是深入理解JS系列的part4,我们要讨论的是一个特别容易让人混乱的概念:回调函数。在查文档时,我们经常会遇见callback这个东西,它通常以函数形式作为方法的参数,比如MDN上对array.map的描述。那我就在想,既然给这个函数起了一个这么洋气的名字,那么它一定是有别的特点的!于是我带着好奇想起一探究竟,看过很多文章之后反而更困惑了。大家各执一词,经常把callback和异步、闭包等串在一起,将原本很简单的概念搞的极其复杂。以上就是我想要写这篇文章的原因。首先给大家剧透一下,callback虽然名字洋气,但是它本身并不洋气。只要理解了深入理解系列前3部分的内容,callback这货也就只是个概念而已。
深入理解JS-part3-作用域和闭包
本文是深入理解JS系列的part3,我们要讨论的是javscript中的一个十分重要的概念:闭包。闭包是这门语言中的特点和难点,借助闭包我们可以实现很多高级应用。闭包是和作用域紧紧结合起来的,因此在讨论闭包之前,我们简单的介绍一下javascript的作用域。
参考书籍:《你不知道的JavaScript》