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

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

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