20180514前端开发周报

记得点击文章末尾的“阅读原文”查看哟~

下面先一起看下今天的周报摘要吧~

浅谈前端/软件工程师的代码素养

本文提到的 6 个代码编写的原则，前三个偏向于代码维护性，后三个偏向于代码可读性，整个可维护性和可读性构成了代码的基本素养。

苏宁 Nodejs 性能优化实战

作者｜李浩 编辑｜覃云 Nodejs 项目背景介绍 自 2016 年以来，苏宁大规模的使用了基于 Nodejs 渲染的项目，架构使用 Nginx+Nodejs+PM2 组合，其中 Nodejs 版本从最初的 6.0+ 升级到如今的 8.0+，Nodejs 框架从 Express 过度到 Koa2，而 Nodejs 的性能优化作为其中的核心，苏宁在其性能提升...

滑向未来：现代 JavaScript 与 CSS 滚动实现指南

为你介绍最新的 JavaScript 与 CSS 特性，让你的页面滚动更平滑、美观，性能更好。

前端应该了解的PWA

一、传统web 应用 当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。 究其原因，无外乎下面不可避免的几点： 移动设备网络限制-不可忽略的加载时间 web应用依赖于浏览器作为入口 体验与原生的差距 假如能

CSS Grid VS Flexbox：实例比较

不久以前，所有 HTML 页面的布局还都是通过 tables、floats 以及其他的 CSS 属性来完成的。面对复杂页面的布局，却没有很好的办法。 然而 Flexbox 的出现，便轻松的解决了复杂的 Web 布局。它是一种专注于创建稳定的响应式页面的

vue实现2048

用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个 4X4的方格用一个二维数组存放，绑定好后只关心这个二维数组，其他事交给vue 监听键盘事件 2048的核心部分就是移动合并的算法，因为是一个4X4的矩阵，所以只要实现左移的算法，其他方向的移动只需要将矩阵旋转，移动合并，再旋转回来，渲染do...

LeetCode 算法题刷题心得（JavaScript）

花了十几天，把《算法》看了一遍然后重新 AC 了一遍 LeetCode 的题，收获颇丰。这次好好记录下心得。 我把所有做题的代码都放在 github 上以供参考。 项目地址：https://github.com/violetjack/LeetCodeACByJ

前端 touch 事件知多少

此篇文章主要介绍touch类的事件, 也会顺带介绍下mouse类的, 因为比较类似 分类 touch类和mouse类的时间主要有 touch 事件 touch事件初体验: http://demo.404mzk.com/event/base/window_all_type.html touchstart: 手指触摸屏幕时触发 touchmove: 手指滑动屏幕时触发...

IndexedDB 打造靠谱 Web 离线数据库

在知乎和我在平常工作中，常常会看到一个问题： 前端现在还火吗？ 这个我只想说： 隔岸观火的人永远无法明白起火的原因，只有置身风暴，才能找到风眼之所在 ——『秦时明月』 你 TM 看都不看前端现在的发展，怎么去评判前端火不火，我该不该尝试一下其他方面的内容呢？本人为啥为这么热衷于新的技术呢？主要原因...

CSS animation和transition的性能探究

CSS animation和transition的性能探究 本篇文章翻译自adobe Web Platform Team的博客：CSS animations and transitions performance: looking inside th

新来的开发花了四天时间来制作一个简单的 HTML 和 CSS 按钮，我该解雇他么？

简评：quora 上面的一个提问，我觉得他对编程这事儿是不是有什么误解。 你看到这个按钮了么？ 这只是个简答的、普通的，毫无花哨的，没动画，没 JS，没有特殊的触发机制，没有复杂的权限的小按钮。 我花了 8 个小时才做出来，究竟发生了什么？ 首先我没有什么想法，我要做啥我根本不知道。然...

前端学习路线及面试经验

前言 个人主页 原文链接 掘金 知乎&知乎专栏 本人从大二上学期到现在学习前端已将近有3年时间了，最近利用毕业论文写完的一些空余时间写一下这篇文章，用于分享一些个人的前端学习经验，以及一些面试经验，不一定适合每个人，不喜勿喷，同时欢迎大家提出建议。 学

面试：对javascript的闭包的理解

js的变量作用域有两种，全局变量和局部变量 需要注意的是，函数内部可以直接读取全局变量。 var global = 666; function func() { alert(global); } func(); //666 函数外部无法读取到函数内部的局部变量，因为函数在执行完之后，函数内部的环境就被销毁了。 function func() { var m

JavaScript从初级往高级走系列————ES6

现在基本上开发中都在使用ES6，浏览器环境支持不好，可以用babel插件来解决。 采用‘二八定律’，主要涉及ES6常用且重要的部分。 问题： ES6模块化如何使用，开发环境如何打包 Class和普通构造函数有何区别 Promise的基本使用和原理 总结一下ES6其他常用功能 ES6模块化如何使用，开发环境如何打...

实例：使用puppeteer headless方式抓取JS网页

puppeteer google chrome团队出品的puppeteer 是依赖nodejs和chromium的自动化测试库，它的最大优点就是可以处理网页中的动态内容，如JavaScript，能够更好的模拟用户。 有些网站的反爬虫手段是将部分内容隐藏于某些j

37个JavaScript基本面试问题和解答

1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？ 尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被

Vue + better-scroll 实现移动端字母索引导航

vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。 Demo：list-view，使用 chrome 手机模式查看。换成手机模式之后，不能滑动的话，刷新一下就 OK 了。 Github： 移动端字母索引导航 效果图 配置环境 因为用到的是 vue-cli 和 b

Sublime Text 3.1 发布

Since version 3.0 we've been shipping frequent dev builds, refining Sublime Text for a more polished experience all-around. Those

用小猪佩奇说明Javascript的原型和原型链

没错，我就是标题党！你已经成功被我骗进来了。来都来了，那就聊聊再走呗！接下来就听我一本正经地跟你说道说道。 Javascript的原型是这门语言的一个重点和难点。看过很多大佬写的解释Javascript原型的文章，但是很多对于初学者其实不是很友好，看完之后还是云里雾里。我虽然不敢说能把这个东西解释的很清楚，但是作...

推荐2个前端工具：Charles和Postman

5.1假期第二天，依然窝在家里，不过今天来客了，我的好朋友「晓哥」来看小宝，中午喝了点，各自「吹嘘」了一阵，聊聊各自职业的发展，工作中遇到的问题，以及对未来的规划。 他现在发展的特别好，在一家近千人开发的公司，主管北京地区的业务，包括需求洽谈、研发、项目推进和验收等，公司业务是为多家银行做app端，和...

欢迎点击“阅读原文”，学习今日精华文章～

前端开发博客

——————————————————

领略前端技术 阅读前端开发博客

长按二维码，关注前端开发博客

▼