随笔分类 - javascript相关
与js相关的知识
摘要：在知识星球陆续发了些eslint小知识，意在通过eslint知识去了解规则内部的原理，汇总在此： prefer-const 含义：始终用const定义你从不修改的变量，如果会被修改则使用let，永不使用var。 理由：让你写代码的时候更明确哪些变量是会被修改的，哪些是不会修改的。帮你理清逻辑，减少b
阅读全文
摘要：我们常听说vue是用getter与setter实现数据监控的，那么getter与setter到底是什么东西，它与defineProperty是什么关系，平时有哪些用处呢？本文将为大家一一道来。 对象的属性 按照一贯的“由浅到深”行文原则，我们先温习一下对象的属性。我们知道对象有自身的属性以及原型上的
阅读全文
摘要：前段时间在小密圈和大家分享我的感受，H5代替客户端进行移动端开发，是大趋势。未来较长一段时间，是混合应用的天下。然而H5写移动页面，那绝对是一步一个坑的节奏啊，做好各设备的兼容将是各前端er的重要使命。今天给大家送上一个合集，是我最近开发中遇到的一些坑，作个记录，也给大家一些经验。 1. babel
阅读全文
摘要：vue有着完整的组件化开发机制，但是官网只给了开发的方式，对于开发规范以及组件化开发的最佳实践，还需要我们来摸索。本文就平时开发中的经验来谈谈“把握边界”和“状态驱动”这两个话题。 边界把握 边界把握其实很好理解。在模块化编程中，我们通常要定义好一个模块的功能边界，做什么，不做什么，从外部接收什么，
阅读全文
摘要：代码好似程序员手中的兵器，有人使的独孤九剑，有人使的打狗棒。 最近review代码有点多，看到了一些很不“讲究”的代码。本篇打算聊聊我做code review的一点心得，先从变量命名这件小事说起吧。 使用简单易识别的单词 这一条在码农界应该是公认的吧，不要搞太复杂太生僻的单词。有些人偏偏喜欢炫自己的
阅读全文
摘要：最近我本人也在学习一些新技术：webpack + vue全家桶。实际上它俩从去年就开始很流行了，今年已经不算新了。但我之前并没有在项目中使用。 前端框架更新频率快如疯狗，有时候会给我们前端er带来心理上的恐慌：艾玛，又出新框架了，要不要开始学呀！我对此的看法是，知其存在、保持关注、不必跟风。所以我到
阅读全文
摘要：我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么
阅读全文
摘要：本文是我用webpack进行项目构建的实践心得，场景是这样的，项目是大型类cms型，技术选型是vue，只支持chrome，有诸多子功能模块，全部打包在一起的话会有好几MB，所以最佳方式是进行多入口打包。文章包含我探索的过程以及webpack在使用中的一些技巧，希望能给大家带来参考价值。 首先，项目打
阅读全文
摘要：近日，几个码农因「写脚本」被开除了。要我说，不写点脚本那还叫码农吗。我最近也给自己写了一点小脚本，用于在微信公众号中生成个性排版。现在我把整个过程分享给大家。本文就是用这个小工具完成的哦。 操作过公众号后台的朋友肯定知道，微信的编辑器是很简易的，这也不叫缺陷吧，毕竟微信团队的主张一直就是简洁。但是这
阅读全文
摘要：1 大家都知道js在进行小数运算时会有丢失精度问题（其他语言也是），比如： 有一种比较快捷的方式是先把小数乘以10的整数倍，然后再运算，如： 但是这种方式也不是100%准确的，乘以整百也可能精度丢失，比如： 所以常用的几种处理方式有： 2 <a>标签的download属性可以用来设置用户下载后的文件
阅读全文
摘要：随着前端队伍越来越壮大，项目间共享代码就变得尤为重要。常用的框架/类库没必要在每个项目都放一份，团队内部产出的公共模块也需要有合理的共享机制。现在，用npm管理前端代码已经是业界趋势。楼主尝试用私有npm+资源管理系统的方式搭建起一套前端资源仓库，用以在公司内部托管公共代码，并为开发环境提供代码源。
阅读全文
摘要：工作中可能会用到的小工具，在此记录一下。可以实现的功能有： 第一步，新建package.json文件。用到了gulp、gulp-webserver、gulp-livereload package.json的内容如下： 第二步，在当前目录下执行npm install安装所需的包 第三步，建立目录结构
阅读全文
摘要：前两篇我们讲了ES6中的Promise以及Promise/A+规范，在Promise的知识体系中，jquery当然是必不可少的一环，所以本篇就来讲讲jquery中的Promise，也就是我们所知道的Deferred对象。 事实上，在此之前网上有很多文章在讲jquery Deferred对象了，但是总
阅读全文
摘要：在我们进行前后端完全分离的时候，有一个问题一直是挺头疼的，那就是公共header和footer的引入。在传统利用后端渲染的情况下，我们可以把header、footer写成两个单独的模板，然后用后端语言的include即可在其他页面中引入。我之前在《一个简单粗暴的前后端分离方案》这篇文章中说过一种方法
阅读全文
摘要：上一篇我们讲解了ES6中Promise的用法，但是知道了用法还远远不够，作为一名专业的前端工程师，还必须通晓原理。所以，为了补全我们关于Promise的知识树，有必要理解Promise/A+规范，理解了它你才能知道Promise内部是怎么回事，我们ES6中的Promise是如何一路走来的。 网上关于
阅读全文
摘要：去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Prom
阅读全文
摘要：本篇文章是缘于在微博上看到了一的有意思的东西。由于腾讯与阿里的竞争关系，如果你是一个大V，在微博上发布微信的二维码会被屏蔽掉。于是有人发现了这样一个现象：人眼有视觉暂留效应，手机的摄像头由于捕捉影像的频率较低，也会有类似人眼的“视觉暂留”效应，利用这个原理，如果把一个二维码分为两个部分，放在一张gi
阅读全文
摘要：上一篇介绍了如何用express搭建起服务端MVC的开发架构，本篇我们来详细介绍一下这个Model层，也就是数据库访问层。包含如何使用mongodb搭建数据库，以及如何使用mongoose来访问数据。 mongodb的安装和启动 首先我们得安装mongodb，先去官网（ http://www.mon
阅读全文
摘要：上一篇我们讲了如何使用angular搭建起项目的前端框架，前端抽象出一个service层来向后端发送请求，后端则返回相应的json数据。本篇我们来介绍一下，如何在nodejs环境下利用express来搭建起服务端，使之正确的响应前端的请求。本文所讲的示例还是基于我们的学习项目QuestionMake...
阅读全文
摘要：这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了不到十天时间发明，用来在网页上进行表单校...
阅读全文