20170903 前端开发日报-前端开发博客

从这两套题，重新认识JS的this、作用域、闭包、对象；2017前端面试题大全（含答案）；如何遍历JavaScript中对象属性；Universal Link 前端部署采坑记；写 CSS 的姿势；说点Angular Cli打包的事；vue.js环境配置以及实例运行简明教程；Webpack入门以及 CSS模块化

从这两套题，重新认识JS的this、作用域、闭包、对象日常开发中，我们经常用到this。例如用Jquery绑定事件时，this指向触发事件的DOM元素；编写Vue、React组件时，this指向组件本身。对于新手来说，常会用一种意会的感觉去判断this的指向。以至于当遇到复杂的函数调用时，就分不清this的真正指向。本文将通过两道题去慢慢分析this的指向问题，并涉及到函数作用域与对象… 日常开发中，我们经常用到this。例如用Jquery绑定事件时，this指向触发事件的DOM元素；编写Vue、React组件时，this指向组件本身。对于新手来说，常会用一种意会的感觉去判断this的指向。以至于当遇到复杂的函数调用时，就分不清this的真正指向。本文将通过两道题去慢慢分析this的指向问题，并涉及到函数作用域与对象… 日常开发中，我们经常用到this。例如用Jquery绑定事件时，this指向触发事件的DOM元素；编写Vue、React组件时，this指向组件本身。对于新手来说，常会用一种意会的感觉去判断this的指向。以至于当遇到复杂的函数调用时，就分不清this的真正指向。本文将通过两道题去慢慢分析this的指向问题，并涉及到函数作用域与对象…
2017前端面试题大全（含答案）
如何遍历JavaScript中对象属性在2016年6月发布的 ECMAScript 2016 的同一时期，令JavaScript开发人员开心的是知道另一组很棒的提案已经达到了第4阶段（完成）。译者注：在翻译这篇文章时，这几个特性已得到了支持。来看一下这组特性的清单： Object.values() 和 Object.entries() 异步函数 str.padStart() 和 str.p…
Universal Link 前端部署采坑记前言：文章会适当说一些如何开发iOS上的universal link，但类似的文章太多了一艘一大堆，每篇都介绍的挺清楚，因此也不是重点本文更加会侧重从前端的角度，将整个universal link 部署应用到wap app中的一些策略和一些问题解决办法其实整个Universal Link没啥难的，真正上线过Universal link的人这…
#前端技术#【写 CSS 的姿势】详见：前端大牛教你写 CSS 的正确姿势，希望你能有所收获。[给力] 前两天去帝都参加第三届FEDay前端开发者大会，见了很多老朋友，也认识了很多新朋友。最主要的是听了很多大神的分享，涨了不少的姿势。想写这篇文章的出发点是PostCSS作者@Andrey Sitnik分享完之后有些同学提问，让我有感而发。希望这篇文章对一些同学有所帮助。
说点Angular Cli打包的事一、引言 Angular从开发再到生产环境部署都离不开Angular Cli工具集，而Angular Cli本质上是使用 Webpack（当前使用版本为2）来打包资源。 Webpack 本身并不复杂，略用过一点都清楚，只需要创建一个 webpack.config.js 的文件并简单的配置，就可以把一个复杂的应用所有文件全部打包成若干静态资源文件。 … 一、引言 Angular从开发再到生产环境部署都离不开Angular Cli工具集，而Angular Cli本质上是使用 Webpack（当前使用版本为2）来打包资源。 Webpack 本身并不复杂，略用过一点都清楚，只需要创建一个 webpack.config.js 的文件并简单的配置，就可以把一个复杂的应用所有文件全部打包成若干静态资源文件。 …
vue.js环境配置以及实例运行简明教程
Webpack入门以及 CSS模块化本文转载自：众成翻译译者： @miaoyu 链接： http://www.zcfy.cc/article/2773 原文： //css-tricks.com/css-modules-part-3-react/ 这是讲CSS模块化系列文章的最后一篇，我将探索如何通过Webpack来建一个静态的React网站。这个静态网站将包含模板：一个主页和一个包含几个 React 组件的页面。我们来看看他们是怎…
JavaScript 轻量级函数式编程（第 5 章）：减少副作用原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScri…
Vue.js 2.0 快速上手精华梳理
JS中几种循环的区别与相同点 while循环 while语句的循环条件是一个表达式（express），必须放在圆括号中。代码块部分，如果只有一条语句（statement），可以省略大括号，否则就必须加上大括号。 while (expression) statement; // 或者 while (expression) statement; 下面写个例子 var i = 0; while (i < 100) { console.log('i… while循环 while语句的循环条件是一个表达式（express），必须放在圆括号中。代码块部分，如果只有一条语句（statement），可以省略大括号，否则就必须加上大括号。 while (expression) statement; // 或者 while (expression) statement; 下面写个例子 var i = 0; while (i < 100) { console.log('i… while循环 while语句的循环条件是一个表达式（express），必须放在圆括号中。代码块部分，如果只有一条语句（statement），可以省略大括号，否则就必须加上大括号。 while (expression) statement; // 或者 while (expression) statement; 下面写个例子 var i = 0; while (i < 100) { console.log('i…
开始CSS模块这里不止一种方法来让CSS模块与JavaScript模板、CSS文件或者构建步骤运行起来。这篇文章作为CSS模块系列文章的一部分，我们学习一种方法。本文的目的就是开始一个CSS模块项目并且运行起来。系列文章 Part 1: 什么是CSS模块以及你为什么需要它? Part 2: 如何开始CSS模块 (你在这里!) Part 3: React…