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

2019年给牛掰的 JavaScript 开发者的9条技巧；电商网站项目总结：Vuex 带来全新的编程体验；长期维护更新，前端面试题；2019 年值得学习的顶级 JavaScript 框架与主题；JavaScript实现自定义的生命周期；20190116 前端开发日报；结合vue-cli来谈webpack打包优化；GitHub 年度盘点：Deno 赶超 Node，跃升第四

2019年给牛掰的 JavaScript 开发者的9条技巧又一年过去了，JavaScript 也一直在改变。不过有些技巧可以帮助你写出简洁高效可伸缩的代码，即便是（或者说特别是）2019 年。下面 9 条实用小技巧能助你成为一个更好的开发者。 1.async / await 如果你仍深陷回调地狱，那么你应该还在写 2014 年之前的老古董代码吧。除非很有必要，比如遵守代码库要求或者…
电商网站项目总结：Vuex 带来全新的编程体验如果在简历上写“XX电商系统”的实现，其实第一直觉是这个人一定是从培训班出来的。而我们“项目管理”课程正好就是做一个小型电商网站。开发时长一个月左右，包含买家端、卖家端、管理员端，虽然业务逻辑比较常见，但是这次开发仍有收获，最重要的一点收获就是对Vuex有了真正的实践和认识。所以，本文大部分介绍Vuex在该…
长期维护更新，前端面试题网上找到的各种面试题整理，长期更新。大部分答案整理来自网络，有问题的地方，希望大家能指出，及时修改;技术更新迭代，也会及时更新前端前端性能优化 1.清理 HTML 文档 HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 …
2019 年值得学习的顶级 JavaScript 框架与主题图：Jon Glittenberg Happy New Year 2019 (CC BY 2.0) 又到了一年的这个时候：JavaScript 年度技术生态回顾。我们的目标是找出最有职业投资回报率的主题和技术。在实际生产中大家都在用什么呢？现在的趋势是什么样的呢？我们不会试图去找出最佳，但是会使用数据驱动的方法，来帮助大家着重关注那些能帮助你在求职面试…
JavaScript实现自定义的生命周期 React，Vue 和 Angular 的流行，让“生命周期”这个名词常常出现在前端们的口中，以至于面试中最常见的一个问题也是：介绍下React, Vue的生命周期以及使用方法? 听起来高大上的“生命周期”，其实也就是一些普通的方法，只是在不同的时期传参调用它们而已。我们可以照着React的生命周期，自己模拟一个简单的类，并让这…
【20190116 前端开发日报】WebGL基础教程：第一部分；基于 Vue-Cli3 构建的脚手架模版；王垠对 JS 的评价；学习如何用CSS变量创建网页响应布局 — css var()；新手福音用vue-cli3从0到1做一个完整功…详情→
结合vue-cli来谈webpack打包优化随着web应用功能越来越复杂，模块打包后体积越来越大，这样会带来两个问题：所有的js文件打包到一个bundle.js中导致首屏加载时间过长有时我们只是修改了一个模块就得重新打包所用的文件 webpack天然支持多种模块系统风格，支持灵活的代码分割 1.2、按需加载的三种方式 webpack支持三种代码分割方式…
GitHub 年度盘点：Deno 赶超 Node，跃升第四本文通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2018 年度的受关注程度，进而选出 2018 年度 JavaScript 领域崛起的明星项目。最受欢迎的前 20 个项目这些就是今年最火的前 20 项目，基本涵盖所有类别。 Vue.js 已经连续三次登顶年度排行榜冠军。它今年在 GitHub 上新增了超过 45k…
聊一聊CSS中的长度单位CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）…
NodeJs 模块机制注： 1. 本文涉及的nodejs源码如无特别说明则全部基于v10.14.1 Nodejs中对模块的实现本节主要基于NodeJs源码，对其模块的实现做一个简要的概述，如有错漏，望诸君不吝指正。当我们使用require引入一个模块的时候，概况起来经历了两个步骤：路径分析和模块载入路径分析 …
大前端时代安全性如何做之前在上家公司的时候做过一些爬虫的工作，也帮助爬虫工程师解决过一些问题。然后我写过一些文章发布到网上，之后有一些人就找我做一些爬虫的外包，内容大概是爬取小红书的用户数据和商品数据，但是我没做。我觉…
基于 WebRTC 的互动直播实践互动直播已经逐渐成为直播的主要形式。映客直播资深音视频工程师叶峰峰在LiveVideoStackCon 2018大会的演讲中详细介绍了INKE自研连麦整体设计思路、如何基于WebRTC搭建互动直播SDK以及针对用户体验进行优化。本文由LiveVideoStack整理而成。文 / 叶峰峰整理 / LiveVideoStack 大家…
前端进击的巨人（二）：栈、堆、队列、内存空间面试经常遇到的深浅拷贝，事件轮询，函数调用栈，闭包等容易出错的题目，究其原因，都是跟JavaScript基础知识不牢固有关，下层地基没打好，上层就是豆腐渣工程，新人小白，踏实踩土才是关键。
Deep In React（五）：setState 中的黑魔法在React官方文档中有这么一句话React does not guarantee that the state changes are applied immediately。在我最开始使用React的时候，我只是简单的把这句话当做React这个框架的约束，但是随着使用的深入，setState这个函数也让我觉得越来越神秘。在这篇文章中，我将通过反思自己在使用react中遇到的关于setState…
想在 JavaScript 里面用 Pattern matching?
less学习之Bootstrapless学习笔记之bootstrap 目录说明源代码里面的目录是这样的(只给出部分)： {代码…} 文件 variables.less 顾名思义，为整个Bootstrap定义的全局变量。 {代码…} 定义在Bootstrap中使用的灰色和品牌颜色。 {代…
前端技术周刊 2019-01-07：CSS 动画Chrome 72 已经进入了 beta 阶段。新增：公有类成员的声明和初始化、一些 DevTools 新功能（可视化性能指标、高亮 text nodes、复制节点的 JS 访问路径）等；废弃：页面 unload 的时候将不能使用 window.open() …
vue开发环境配置跨域，一步到位本文要实现的是：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问阅读时间需要三分钟
如何优雅地查看 JS 错误堆栈？在前端，我们经常会通过 window.onerror 事件来捕获未处理的异常。假设捕获了一个异常，上报的堆栈是这个：
Webpack 的 Bundle Split 和 Code Split 区别和应用话说之前也是对 chunk 这个概念有些模糊，并且很多时候网上的文章大部分在将代码分离动态加载之类的。写这篇文章的目的也是想让其他那些跟我一样曾经对这个概念不是很清楚的童鞋有个清晰的认识。废话不多说，撸起…
使用Grunt实现资源自动化同步同步美术、策划资源是日常开发中极为频繁的事情，shawn借用Web前端的一些思想和工具，将Grunt自动化框架引入Cocos Creator项目，可以实现相对高效地将图片、动画、配置、音效等游戏资源导入到客户端工程中。 grunt介绍在开始之前先用简单介绍一下Grunt是什么：为什么选择使用Grunt做自动化工具，我简单总结…
如何优雅的使用 Angular 表单验证