20190312 前端开发日报

我在淘宝做前端的这三年:第三年;JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of;Vue图片懒加载插件;前端权限管理之 addRoutes 动态加载路由踩坑;13 岁女孩被捕:因发布 JavaScript 无限循环代码;每天学点Vue源码: vm.$mount挂载函数;浅析js闭包;前端开发 VS Code 上手使用

  1. 我在淘宝做前端的这三年:第三年 转眼已经离职半年多了,早就想写一篇工作总结,但由于一直在准备英语考试,又需要处理结婚和房子装修,没想到一拖拖了半年。在淘宝做前端是我第一份签了劳动合同的工作,在这个人才济济的大公司里,接触了非常多的人和事物,也学到了非常多的东西、开阔了眼界。所以还是有必要做一个回顾和总结,一是自己备忘,二是或许...
  2. JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of 译者按:JS 骚操作。 原文: For vs forEach() vs for/in vs for/of in JavaScript 译者:Fundebug 本文采用意译,版权归原作者所有 我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人 疑惑 。 Airbnb 编码风格 禁止使用 for/in 与 for/of,你知道为什么吗? 这篇文章...
  3. 前端权限管理之 addRoutes 动态加载路由踩坑 这几天在开发后台管理系统的路由权限,在开始做之前,我查阅了不少资料,发现前后端分离的权限管理基本就以下两种方式: addRoutes 两种方法的不同 第一种,完全由后端控制路由,但这也意味着如果前端需要修改或者增减路由都需要经过后端大大的同意,也是我司目前采用的方式; 第二种,相对于第一种,前端相对...
  4. 13 岁女孩被捕:因发布 JavaScript 无限循环代码 这个女孩被指控传播恶意程序。 微软浏览器Edge让人们很容易突破JavaScript无限警告循环。 日本刈谷市警方已质询并指控一名13岁的女学生,起因是她将一段恶意代码的链接放到了在线公告栏上,广泛分发代码。这段有问题的恶意代码是弹出警告消息的无限循环,每...
  5. 每天学点Vue源码: vm.$mount挂载函数 _init这个私有方法是在执行initMixin时候绑定到Vue原型上的。 $mount函数是如如何把组件挂在到指定元素 $mount函数定义位置 $mount函数定义位置有两个: 第一个是在src/platforms/web/runtime/index.js 这里的$mount是一个public mount method。之所以这么说是因为Vue有很多构建版本, 有些...
  6. 前端开发 VS Code 上手使用所谓网红编辑器,我觉得比vim来的更爽,因为vim的所有操作和插件,对于vs code 来说也就是一个插件就能无缝兼容。
  7. 从前端模块化编程切入想聊聊前端的未来 没有模块化前的项目,常常在一个JS文件中会有很多功能的代码,这使得文件很大,分类性不强,自然而然不易维护; 那么我们将一个大的JS文件根据一定的规范拆分成几个小的文件的话将会便于管理,可以提高复用性,随之,可以起到分治的效果; 一个复杂的项目肯定有很多相似的功能模块,如果每次都需要重新编写模块肯...
  8. 记阅读promise-polyfill源码探究Promise运行原理 Promise可以看作一个异步操作的占位符,表示一个异步操作的最终状态(完成或失败),以及其返回的值,是目前流行Javascript异步编程解决方案之一。 网上关于Promise用法的文章汗牛充栋,作者在本文也不赘述了。Promise用久了难免会对其内部运行原理感到好奇,作者曾试着遵循Promise/A+规范自己写一个promise的补丁,无...
  9. 「译」用 Proxy 追踪 JavaScript 类 原文地址: Using Proxy to Track Javascript Class 原文作者:Amir Harel 译文出自: 阿里云翻译小组 译文链接: github.com/dawn-teams/… 译者: 牧曈 校对者: 也树 Proxy 对象是 ES6 中一个很酷而且鲜为人知的特性。虽然它已...
  10. webpack4 升级记 号称 “ 零配置 ”、“ 最高可提升98%的速度 ” 的 webpack4 已经出来一段时间了,而且 webpack5 也已经在路上了。再不体验一下 webpack4 就老了!目前项目使用的还是 webpack3,打包速度确实是锻炼人的耐心,这次趁着有点时间,决心优化一下项目,尝试从 webpack 升级开始。期间断断续续也遇到不少问题,在这里对大致的过程...
  11. webpack配置看这里就够了webpack简单来说就是一个模块打包器,也是目前最流行的前端构建工具之一,他将整个项目根据依赖关系通过各种loader与plugin的处理后进行打包;可以实现对代码的各种处理,比如less、sass、stylus的解析,ecmascri...
  12. 浅谈 React 数据流管理 作者简介 颜陈宇,携程玩乐高级前端开发工程师,前端架构组成员,目前主要负责玩乐国际化项目的App、H5以及Online三端技术架构。热衷于react技术栈,喜欢阅读和分享。 引言 为什么数据流管理如此重要?react的核心思想就是:UI=render(data),data就是我们说的数据,re...
  13. 「金三银四」| 手撕排序算法(JavaScript 实现)(上) 俗话说金三银四 金九银十,马上又到了求职跳槽的黄金季。但是今年的这种大环境下,前端岗位的竞争势必比往日更加激烈。 在如今的面试过程中,算法是常常被考察的知识点,而排序作为算法中比较基础的部分,被面试官要求当场手写几种排序算法也不算是过分的要求。 所以最近将十种常见的排序算法整理如下,并附上一些...
  14. JavaScript-作用域是什么 理解作用域 引擎 从头到尾负责整个JavaScript程序的编译和执行过程 编译器 负责语法分析及代码生成 作用域 负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符有访问权限。 ...
  15. 根据调试工具看Vue源码之computed(一)类型:{ [key: string]: Function | { get: Function, set: Function } }
  16. Web 性能优化:缓存 React 事件来提高性能这是 Web 性能优化的第三篇,上一篇在下面看点击查看: Web 性能优化: 使用 Webpack 分离数据的正确方法 Web 性能优化: 图片优化让网站大小减少 62% JavaScript中一个不被重视的概念是对象和函数是如何引用的,...
  17. HTML 标签语义HTML全称是HyperText Markup Language,翻译过来就是超文本标记语言。它定义了网页的内容和结构。
  18. 「干货」细说 Array 的常用操作(ES5 和 ES6)今天,会更具体地将数组的常用操作进行归纳和汇总,以便备不时之需。每组方法都会配以示例说明,有时我也会忘了某个方法是否会返回一个新的数组,如果你也有类似的困惑,那么看这篇就够了。希望能帮到有需要的同学。
  19. Webpack Loader 高手进阶(一)文章首发于个人github blog: Biu-blog,欢迎大家关注~ Webpack loader 详解 loader 的配置 Webpack 对于一个 module 所使用的 loader 对开发者提供了2种使用方式: webpack config 配置形式,形如: {代码...} in...
  20. 基于 Node.js 环境的 KotlinJs 工程的完美搭建 我们知道 Kotlin 对 Jvm 的支持实在是太好了,以至于我们创建一个 Java 工程,配置一下 Kotlin 的编译插件和标准库就可以很轻松愉快的开始玩耍,什么互调用、什么单步调试都没有毛病——毕竟 KotlinJvm 与 Java 无论从使用上还是从生态上都尽可能的保持了一致,构建也主要用了 gradle,所以从 Java 到 Kotlin 的切换可谓是...
  21. JavaScript:回流(重排)与重绘简单先了解一下浏览器的渲染过程(图片来自于网络) 浏览器生成渲染树的过程(图片来自于网络) 回流 回流当render tree中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变时,浏览器重新渲染部分DOM或全部DO...
  22. 使用Mock.js生成前端测试数据前端工程师在做前后端分离的项目的时,有时候接口未开发完成,或者开发环境不允许使用接口,这时候就需要前端工程师自己模拟数据了,模拟数据的方式有很多种,今天给大家介绍一款npm包,Mock.js。
  23. 不一样的redux源码解读1、本文不涉及redux的使用方法,因此可能更适合使用过 redux 的同学阅读2、当前redux版本为4.0.1
  24. 纯js版本房贷计算器开源 前言 这个代码是蛮久之前写的,当时还是在易居,纯js版本的房贷计算器,界面精美【界面版权归易居房友,请勿抄袭】。后来我基于此代码转换过一个react版本的,其实核心代码都一样,就是我这个纯js里面的代码。假如有需要,可以借鉴,但是不能原封不动的抄袭。 界面 源码地址: github地址: https://githu...

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

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

原文:20190312 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190312.html)