20190120 前端开发周报-前端开发博客

2019年给牛掰的 JavaScript 开发者的9条技巧；长期维护更新，前端面试题；2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事；王垠对 JS 的评价；2019 年（大）前端技术规划；GitHub 年度盘点：Deno 赶超 Node，跃升第四；电商网站项目总结：Vuex 带来全新的编程体验；前端基本功-示例代码（一）

2019年给牛掰的 JavaScript 开发者的9条技巧又一年过去了，JavaScript 也一直在改变。不过有些技巧可以帮助你写出简洁高效可伸缩的代码，即便是（或者说特别是）2019 年。下面 9 条实用小技巧能助你成为一个更好的开发者。 1.async / await 如果你仍深陷回调地狱，那么你应该还在写 2014 年之前的老古董代码吧。除非很有必要，比如遵守代码库要求或者…
长期维护更新，前端面试题网上找到的各种面试题整理，长期更新。大部分答案整理来自网络，有问题的地方，希望大家能指出，及时修改;技术更新迭代，也会及时更新前端前端性能优化 1.清理 HTML 文档 HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 …
2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事 2018年12月7日，我在B站注册了会员，当天下午发布了第一次个视频，从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。之后，我保持着每两到三天发布一套视频的更新频率，也是希望通过这种公开自己学习过程的方式来督促自己不断学习。到发文的这一刻，正好过去40天。回头看这短短的40天，在B站总共发…
王垠对 JS 的评价 js,对。。js。。然后看到大神说Java好,也想玩玩了,之前用python,也蛮鄙视…hongkangzy 发表话题作者其它话题 Jimmy 怎么看待王垠对JAVA的最新…
2019 年（大）前端技术规划新的一年里，有些新的技术会从实验走向试用；有些技术，则会从试用走向采用；有些技术，则会从采用走向弃用。若是以此为出发点，那么这个 2019 年和过去的 2018 年相比，并不会有太大的区别。学一些新的技术，忘掉一些不同使用的技术。只是前端一个这么广的领域，到底要关心什么技术，到底要忽略什么技术呢？这便也是…
GitHub 年度盘点：Deno 赶超 Node，跃升第四本文通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2018 年度的受关注程度，进而选出 2018 年度 JavaScript 领域崛起的明星项目。最受欢迎的前 20 个项目这些就是今年最火的前 20 项目，基本涵盖所有类别。 Vue.js 已经连续三次登顶年度排行榜冠军。它今年在 GitHub 上新增了超过 45k…
电商网站项目总结：Vuex 带来全新的编程体验如果在简历上写“XX电商系统”的实现，其实第一直觉是这个人一定是从培训班出来的。而我们“项目管理”课程正好就是做一个小型电商网站。开发时长一个月左右，包含买家端、卖家端、管理员端，虽然业务逻辑比较常见，但是这次开发仍有收获，最重要的一点收获就是对Vuex有了真正的实践和认识。所以，本文大部分介绍Vuex在该…
前端基本功-示例代码（一）1.ajax {代码…} 2.jsonp 1.）原生实现： {代码…} 服务端返回如下（返回时即执行全局函数）： {代码…} 2.）jquery ajax： {代码…} 3.）vue.js： {代码…} 4.）npm包jsonp： {代码…} {代码…} 本节参考…
记一次 Vue 单页面上线方案的优化前段时间在工作中会设计到项目上线方案，也踩了一些坑，写个博客记下来她们。前提项目是 SPA 单页面应用（ Vue 项目），首次会加载 manifest ，这个文件会记录当前项目中所需要的 JS 的版本映射，由于是 SPA ，在点击其他页面时只会加载对应版本的 JS 静态文件和 HTML 文件在同一域名中，比…
新手福音用vue-cli3从0到1做一个完整功能手机站（一）开篇从今天起，小肆将和大家从头开始做一个完整的实战项目。其中遇到的每个知识点都是我们工作中常见的，这些知识点大多在网上都能找到但却没有哪个教程能都讲得到，那就由小肆来做吧。关注”技术放肆聊“,跟小肆一起行动起来！在这个项目中，小肆力争做到以下几点: 应用目前最新的技术，并随时间更新。 …
携程机票 Node.js 开发实践作者简介付文平，携程机票研发部前端开发总监。2011年加入携程，主要负责携程机票PC、H5、Hybrid业务方面的开发工作。先后负责机票PC前后端分离，H5 Swift改版，机票React Native技术的推进，重点关注Node.js技术和产品体验。本文来自付文平在“2018携程技术峰会”上的分享。 Nodejs自…
JS 将有父子关系的平行数组转换成树形数据假设数据结构为： let data = ; 需要转换成： …
前端常用代码片段(四)前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里
前端常用代码片段(五)问题点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件
2019 年值得学习的顶级 JavaScript 框架与主题图：Jon Glittenberg Happy New Year 2019 (CC BY 2.0) 又到了一年的这个时候：JavaScript 年度技术生态回顾。我们的目标是找出最有职业投资回报率的主题和技术。在实际生产中大家都在用什么呢？现在的趋势是什么样的呢？我们不会试图去找出最佳，但是会使用数据驱动的方法，来帮助大家着重关注那些能帮助你在求职面试…
细说 async/await 相较于 Promise 的优势上一篇文章「前端面试题系列1」今日头条面试题和思路解析中提到了 async/await。它是在 ES8 中正式提出的，但是我发现，身边的朋友用到 async/await 的并不多。那么今天，我们就具体地聊聊什么是 async 函数，与 Promise 相比较，有哪些写法与运用上的优势。熟悉的同学，也可以温故而知新，正文开始。。。 asyn…
WebGL基础教程：第一部分 WebGL是一种基于OpenGL的浏览器内置3D渲染器，它可以让你在HTML5页面中直接显示3维内容。在本教程中，我会介绍你使用此框架所需的所有基础内容。介绍开始学习之前，有几件事你是需要了解的。 WebGL是将3D内容渲染到HTML5的canvas元素上的一种JavaScript API。它是利用"3D世界"中称为着色器的两种脚本…
学习如何用CSS变量创建网页响应布局 — css var()如果你未曾听说过CSS变量，那么我告诉你，它就是CSS的一种新功能，可以让你拥有在样式表中使用变量的能力，这样做时并不需要什么特别的设置呦。
基于 Vue-Cli3 构建的脚手架模版早在 2018 年中上旬，那时候 Vue-Cl3 还处于 Beta 、 RC 版本时候，就有在公司小项目中予以使用，且颇为受用；就有将先前写Vue 项目的经验，集成进新的模板 awesome-vue-cli3-example ，以便更高效和合理地构建 Web 应用程序。如今，它已成为 Vue.js 开发的标准工具，故而就在此分享。如果您想预览此脚手架模版，可…
【20190113 前端开发周报】2018前端入门年终总结；前端面试官的套路，你懂吗？；八种方法实现CSS页面底部固定；Vue.js最受期待的5个特性；CSS 三角实现；2019 年的 JavaScript 新特性学习指南；前…详情→
【从Web到未来】本文会以时间轴为主线，从介绍我们最为熟悉的一种承载互联网技术形态（浏览器）的历史开始，通过对一些重大节点的还原，以史为鉴，从历史的沿革总结具有启发性的准则，来指导我们一起去看未来技术的发展走向。全文=> 本文会以时间轴为主线，从介绍我们最为熟悉的一种承载互联网技术形态（浏览器）的历史开始，通过对一些重大节点的还原，以史为鉴，从历史的沿革总结具有启发性的准则，来指导我们一起去看未来技术的发展走向。　web诞生　　在1989年3月，供职于欧洲粒子物理研究所Tim Berners Lee写下了他关…
Web事件总结事件并不是JavaScript的核心部分，他们是在浏览器的Web Api中定义的。下面列举的几种情况，都属于发生了事件。
【用 JS 实现人脑和计算机交互，这个厉害了！】作者非计算机科学背景却用JS 实现了人脑和计算机交互！[憧憬]如果你想要入门神经科技，可以看看下面这篇文章，听作者分享他在学习神经科技过程中学到的东西：
大前端的下一站何去何从？近年来，移动互联网应用有着爆发式的增长，同质化 APP 层出不穷，人们对于产品体验的要求越来越高，渲染迟缓、交互卡顿的单体 Web APP 已经无法满足现有用户苛刻的使用标准；与此同时，井喷式的业务需求迫使 iOS、Android 两个移动平台不断提升迭代开发速度，缩短版本发布周期；如何既能利用 Web 门槛低、轻量级、跨平台…
前端基本功-示例代码 (二)伪类 + transform 实现对于老项目，有没有什么办法能兼容1px的尴尬问题了，个人认为伪类+transform是比较完美的方法了。
[NodeJs系列]理解NodeJs中的Event Loop、Timers以及process.nextTick()译者注：为什么要翻译？其实在翻译这篇文章前，笔者有Google了一下中文翻译，看的不是很明白，所以才有自己翻译的打算，当然能力有限，文中或有错漏，欢迎指正。文末会有几个小问题，大家不妨一起思考一下欢迎…
JavaScript实现自定义的生命周期 React，Vue 和 Angular 的流行，让“生命周期”这个名词常常出现在前端们的口中，以至于面试中最常见的一个问题也是：介绍下React, Vue的生命周期以及使用方法? 听起来高大上的“生命周期”，其实也就是一些普通的方法，只是在不同的时期传参调用它们而已。我们可以照着React的生命周期，自己模拟一个简单的类，并让这…
vue-cli3使用svg问题的简单解决办法此解决办法使用的是 vue-cli 插件 vue-cli-plugin-svg-sprite 效果如下：那个朋友圈图标就是我从网上找的svg图片使用方式如下： {代码…} vue.config.js添加配置，在文件内最下方找到pluginOptions {代码…} …
JavaScript是如何工作的:渲染引擎和优化其性能的技巧这是专门探索 JavaScript 及其所构建的组件的系列文章的第11篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引擎…
提高 JavaScript 开发效率的高级 VSCode 扩展之二作为一名业余爱好者、专业人员，甚至是每月只有一次编程的开发人员，你必须知道，对于任何愿意在工作中投入最大生产时间的人来说，拥有智能和敏捷的工具是至关重要的，废话不多说，介绍插件比较重要。