20190123 前端开发日报

“计算机之子”winter:我的前端学习路线与方法;给2019前端的5个建议;js的三种异步处理学习笔记;精读《如何编译前端项目与组件》;一套闲置的前端算法字帖,有需要的吗?;每个 JavaScript 开发者都该了解的 ES2018 新特性;世界顶级公司的前端面试都问些什么;Canvas实用库Fabric.js使用手册

  1. “计算机之子”winter:我的前端学习路线与方法 你好,我是 winter。今天我们一起来聊聊前端的学习路线与方法。 到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。 基础知识的...
  2. js的三种异步处理学习笔记 含义: Promise是异步编程的一种解决方案, 优点: 相比传统 回调函数 和 事件 更加合理和优雅,Promise是链式编程(后面会详细讲述),有效的解决了令人头痛的回调地狱问题,Promise的结果有成功和失败两种状态,只有异步操作的结果,可以决定当前是哪一种状态,外界的任何操作都无法改变这个...
  3. 精读《如何编译前端项目与组件》 1 引言 说到前端编译方案,也就是如何打包项目,如何编译组件,可选方案有很多,比如: 通过 webpack / parcel / gulp 构建项目。 通过 parcel / gulp / babel 构建组件。 如果你喜欢零配置的 parcel,那么项目和组件都可以拿它来编译。 如果你业务比较复杂,需要使用 webpack 做深度定制,那么常见组...
  4. 一套闲置的前端算法字帖,有需要的吗? 练字帖会使人注意力高度集中,加深记忆。CODELF 多了一个贴心的功能 - 算法字帖。每天从GitHub 多个流行的算法 repo 选一个算法让同学们临摹,其中包括获得4万个 GitHub Star 的 trekhleb/javascript-algorithms repo。 支持的语言有:C, Python, JavaScript, Java, Swift 怕把学校里学的算法忘光了?算法...
  5. 编者按:曾几何时,年少的我捧着阮一峰老师的《ES6 标准入门》,感叹 JS 变迁实在太快,好怕学不动了。直至写了...
  6. 世界顶级公司的前端面试都问些什么在过去的几年里,我在亚马逊和雅虎面试过许多前端工程师。在这篇文章中,我想分享一些技巧,帮助大家做好准备。
  7. Canvas实用库Fabric.js使用手册 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。由于Fabric.js为国外框架,官方API杂乱繁多,相关文档大多为英文文档,而且数量不多,所以本文旨在帮助新手在项目中快速上手Fabric.js,享受绘制Canvas的过程。 为什么要使用Fabric.js? Canvas提供一个好的画布能力, 但是Api...
  8. JavaScript中的this详解 this是JavaScript这门语言中极其重要的一个知识点,特别是关于面向对象的相关的写法,可以说掌握了this的特性,相当于掌握了一大半JavaScript面向对象的编写能力。总的来说,JavaScript中的this大概有7种情况,理解到位了这些情况,基本上就掌握了这部分相关的内容,所有的高级写法,都是基于这些情况的演变。这7种情况...
  9. 前端加密那点事最近公司一个项目在传输数据的时候,测试部门安全扫描后,发现密码类型的数据是明文传输的,果断不符合要求,让加密,就有了接下来的故事。
  10. 从标准原理出发理解JavaScript数值精度 学过前端的开发人员在项目开发的时候,都会遇到0.1+0.2!=0.3的诡异问题。按照常规的逻辑来思考,这肯定是不符合我们的数学规范。那么JavaScript中为啥会出现这种基本运算错误呢,其中的原理又是什么。这篇文章将从原理给大家梳理此问题的缘由 JavaScript数值问题 在进入原理解析之前,笔者先抛出三个基本问题,大家...
  11. 如何利用webpack来提升前端开发效率(二)? 通过 如何利用webpack来提升前端开发效率(一) 的学习,我们已经能够通过 webpack 的 loader 和 piugin 机制来处理各种文件资源。细心的小伙伴们发现了缺少了对字体文件和 HTML 中 <img> 标签的资源处理,那让我们先来解决这个问题。 接上篇文章,我们的目录结构,如图所示: 首先是对字体文件的处...
  12. 前端DOM知识点DOM即文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。DOM把网页和脚本以及其他的编程语言联系起来。DOM属...
  13. 【前端笔记】Vuex快速使用 本文对 Vuex 官方文档重新组织编排,希望正在学习 Vue 的同学们,在阅读后可快速使用 Vuex。 开始使用 Vuex,把状态拿到应用外部管理,Vuex管这个管理状态的玩意叫 Store ,一个完全独立的应用,他只负责状态管理。尝试把 Vuex 应用和 Vue 应用划清界限, 一个 Vuex 应用,做状态管理,可以理解是 Model ...
  14. webpack拾忆 output.path output 目录对应一个绝对路径, 表示 build 后的文件存放位置 output.pathinfo 告诉 webpack 在 bundle 中引入「所包含模块信息」的相关注释。此选项默认值是 false output.publicPath 生成的文件注入到 html 文件...
  15. vue -on如何绑定多个事件监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
  16. 使用 Gulp 搭建轻量级前端开发环境 背景 在 web 开发大行其道的时代,迭代开发越来越注重开发效率,使用 React、Angular 这些大型前端框架来开发一些复杂交互的页面,第一步搭框架可能就会费很多精力。在中小型项目中,没有复杂交互下,有可能你的网页只是嵌入到大型前端 APP 的一部分,业务逻辑不复杂,更多的只是展示页面,而简单的不...
  17. 我的一些前端开源项目 前言 之前陆陆续续在 GitHub 上创建了几个项目,奈何没人关注(可能我的项目太垃圾了)。于是,我决定厚着脸皮来宣传一下我的几个开源项目,虽然大多数都是一些比较简单的游戏,但是这可以让更多人看到我的项目,也可以让我自己知道哪里地方做得不好,并且加以改进。 正文 1. 清技背单词SPA 使...
  18. 重构你的javascript代码 重构,对于每个开发者都至关重要,特别是对于那些需要进阶的高级程序员。根据二八理论,20%的重构方法,能解决80%的坏代码。笔者最近查阅较多js编码指南以及重新阅读了《代码整洁之道》、《重构:改善既有代码的设计》两本经典书籍(强烈建议每隔一段时间看,每次都有新体会),整理出以下几个要点,帮助大家以最小的记...
  19. 前端进击的巨人(四):略知函数式编程系列更文前三篇文章,围绕了一个重要的知识点:"函数"。函数调用栈、函数执行上下文、函数作用域到闭包。可见不理解函数式编程,代码都撸不好。
  20. 基于vue的验证码组件最近在自己写页面,模仿思否论坛,然后写登录注册UI的时候需要一个验证码组件. 去搜一下没找到什么合适的,而且大多都是基于后端的,于是自己手写一个。
  21. 理解 JavaScript 对象的属性 创建 JavaScript 自定义对象有两种方法。一种是通过 new 关键字创建一个 Object 实例,然后为它添加属性和方法。 let person = new Object(); person.name = 'Zhang san'; person.age = 18; person.job = 'Engineer'; person.sayName = function() { alert(this.name); }; 复制代码 另一种是对象的字面量,也是...
  22. JavaScript的工作原理:解析、抽象语法树(AST)+ 提升编译速度5个技巧这是专门探索 JavaScript 及其所构建的组件的系列文章的第 14 篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引...
  23. 20190122 前端开发日报】JavaScript中任意两个数加减的解决方案;入坑 GitHub,先当女装大佬?给这个 2500+ 星的项目跪了;通过垃圾回收机制理解 JavaScript 内存管理;漂亮的动态气泡背景效果bu...详情→ ​​​

    20190122 前端开发日报
  24. Vue自定义Toast插件基于vue全家桶 目录结构: {代码...} components/Toast/index.js {代码...} components/Toast/index.css {代码...} main.js {代码...} 调用 {代码...} 参考链接:[链接]
  25. React 用axios 获取遍历json 引入swiper轮播图 结构展示: 功能展示: 1.使用swiper轮播插件, 2.自动轮播,当前图片高亮小按钮 首先引入swiper和配置环境 1.npm install --save swiper 2.在src文件夹index.js下引入样式,避免打包失败 import Swiper from 'swiper/dist/js/swiper.js' import 'swiper/dist/css/swiper.min.css'复制代码 ...

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

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

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