20170903 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170903 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170903.html)
评论已关闭。