20190120 前端开发周报

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

  1. 2019年给牛掰的 JavaScript 开发者的9条技巧 又一年过去了,JavaScript 也一直在改变。不过有些技巧可以帮助你写出简洁高效可伸缩的代码,即便是(或者说特别是)2019 年。下面 9 条实用小技巧能助你成为一个更好的开发者。 1.async / await 如果你仍深陷 回调地狱 ,那么你应该还在写 2014 年之前的老古董代码吧。除非很有必要,比如遵守代码库要求或者...
  2. 长期维护更新,前端面试题 网上找到的各种面试题整理,长期更新。大部分答案整理来自网络,有问题的地方,希望大家能指出,及时修改;技术更新迭代,也会及时更新 前端 前端性能优化 1.清理 HTML 文档 HTML,即超文本标记语言,几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 ...
  3. 2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事 2018年12月7日,我在B站注册了会员,当天下午发布了第一次个视频,从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。 之后,我保持着每两到三天发布一套视频的更新频率,也是希望通过这种公开自己学习过程的方式来督促自己不断学习。 到发文的这一刻,正好过去40天。回头看这短短的40天,在B站总共发...
  4. 王垠对 JS 的评价 js,对。。js。。 然后看到大神说Java好,也想玩玩了,之前用python,也蛮鄙视...hongkangzy 发表话题 作者其它话题 Jimmy 怎么看待 王垠 对JAVA的最新...
  5. 2019 年(大)前端技术规划 新的一年里,有些新的技术会从实验走向试用;有些技术,则会从试用走向采用;有些技术,则会从采用走向弃用。若是以此为出发点,那么这个 2019 年和过去的 2018 年相比,并不会有太大的区别。学一些新的技术,忘掉一些不同使用的技术。只是前端一个这么广的领域,到底要关心什么技术,到底要忽略什么技术呢? 这便也是...
  6. GitHub 年度盘点:Deno 赶超 Node,跃升第四 本文通过对比各项目过去 12 个月在 GitHub 上新增 star 数量,来评估其在 2018 年度的受关注程度,进而选出 2018 年度 JavaScript 领域崛起的明星项目。 最受欢迎的前 20 个项目 这些就是今年最火的前 20 项目,基本涵盖所有类别。 Vue.js 已经连续三次登顶年度排行榜冠军。它今年在 GitHub 上新增了超过 45k...
  7. 电商网站项目总结:Vuex 带来全新的编程体验 如果在简历上写“XX电商系统”的实现,其实第一直觉是这个人一定是从培训班出来的。而我们“项目管理”课程正好就是做一个小型电商网站。开发时长一个月左右,包含买家端、卖家端、管理员端,虽然业务逻辑比较常见,但是这次开发仍有收获,最重要的一点收获就是 对Vuex有了真正的实践和认识。 所以,本文大部分介绍Vuex在该...
  8. 前端基本功-示例代码(一)1.ajax {代码...} 2.jsonp 1.)原生实现: {代码...} 服务端返回如下(返回时即执行全局函数): {代码...} 2.)jquery ajax: {代码...} 3.)vue.js: {代码...} 4.)npm包jsonp: {代码...} {代码...} 本节参考...
  9. 记一次 Vue 单页面上线方案的优化 前段时间在工作中会设计到项目上线方案,也踩了一些坑,写个博客记下来她们。 前提 项目是 SPA 单页面应用( Vue 项目),首次会加载 manifest ,这个文件会记录当前项目中所需要的 JS 的版本映射,由于是 SPA ,在点击其他页面时只会加载对应版本的 JS 静态文件和 HTML 文件在同一域名中,比...
  10. 新手福音用vue-cli3从0到1做一个完整功能手机站(一) 开篇 从今天起,小肆将和大家从头开始做一个完整的实战项目。其中遇到的每个知识点都是我们工作中常见的,这些知识点大多在网上都能找到但却没有哪个教程能都讲得到,那就由小肆来做吧。 关注”技术放肆聊“,跟小肆一起行动起来! 在这个项目中,小肆力争做到以下几点: 应用目前最新的技术,并随时间更新。 ...
  11. 携程机票 Node.js 开发实践 作者简介 付文平,携程机票研发部前端开发总监。2011年加入携程,主要负责携程机票PC、H5、Hybrid业务方面的开发工作。先后负责机票PC前后端分离,H5 Swift改版,机票React Native技术的推进,重点关注Node.js技术和产品体验。 本文来自付文平在“2018携程技术峰会”上的分享。 Nodejs自...
  12. JS 将有父子关系的平行数组转换成树形数据 假设数据结构为: let data = ; 需要转换成: ...
  13. 前端常用代码片段(四)前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里
  14. 前端常用代码片段(五)问题点击穿透问题:点击蒙层(mask)上的关闭按钮,蒙层消失后发现触发了按钮下面元素的click事件
  15. 2019 年值得学习的顶级 JavaScript 框架与主题 图:Jon Glittenberg Happy New Year 2019 (CC BY 2.0) 又到了一年的这个时候:JavaScript 年度技术生态回顾。我们的目标是找出最有职业投资回报率的主题和技术。在实际生产中大家都在用什么呢?现在的趋势是什么样的呢?我们不会试图去找出最佳,但是会使用数据驱动的方法,来帮助大家着重关注那些能帮助你在求职面试...
  16. 细说 async/await 相较于 Promise 的优势 上一篇文章 「前端面试题系列1」今日头条 面试题和思路解析 中提到了 async/await。它是在 ES8 中正式提出的,但是我发现,身边的朋友用到 async/await 的并不多。那么今天,我们就具体地聊聊什么是 async 函数,与 Promise 相比较,有哪些写法与运用上的优势。 熟悉的同学,也可以温故而知新,正文开始。。。 asyn...
  17. WebGL基础教程:第一部分 WebGL是一种基于OpenGL的浏览器内置3D渲染器,它可以让你在HTML5页面中直接显示3维内容。 在本教程中,我会介绍你使用此框架所需的所有基础内容。 介绍 开始学习之前,有几件事你是需要了解的。 WebGL是将3D内容渲染到HTML5的Canvas元素上的一种JavaScript API。 它是利用"3D世界"中称为着色器的两种脚本...
  18. 学习如何用CSS变量创建网页响应布局 — css var()如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置呦。
  19. 基于 Vue-Cli3 构建的脚手架模版 早在 2018 年中上旬,那时候 Vue-Cl3 还处于 Beta 、 RC 版本时候,就有在公司小项目中予以使用,且颇为受用;就有将先前写Vue 项目的经验,集成进新的模板 awesome-vue-cli3-example ,以便更高效和合理地构建 web 应用程序。如今,它已成为 Vue.js 开发的标准工具,故而就在此分享。 如果您想预览此脚手架模版,可...
  20. 20190113 前端开发周报】2018前端入门年终总结;前端面试官的套路,你懂吗?;八种方法实现CSS页面底部固定;Vue.js最受期待的5个特性;CSS 三角实现;2019 年的 JavaScript 新特性学习指南;前...详情→ ​​​

    20190113 前端开发周报
  21. 从Web到未来 】本文会以时间轴为主线,从介绍我们最为熟悉的一种承载互联网技术形态(浏览器)的历史开始,通过对一些重大节点的还原,以史为鉴,从历史的沿革总结具有启发性的准则,来指导我们一起去看未来技术的发展走向。全文=> ​​​ 本文会以时间轴为主线,从介绍我们最为熟悉的一种承载互联网技术形态(浏览器)的历史开始,通过对一些重大节点的还原,以史为鉴,从历史的沿革总结具有启发性的准则,来指导我们一起去看未来技术的发展走向。    web诞生   在1989年3月,供职于欧洲粒子物理研究所Tim Berners Lee写下了他关...

    从Web到未来
  22. Web事件总结事件并不是JavaScript的核心部分,他们是在浏览器的Web Api中定义的。下面列举的几种情况,都属于发生了事件。
  23. 用 JS 实现人脑和计算机交互,这个厉害了!】作者非计算机科学背景却用JS 实现了人脑和计算机交互![憧憬]如果你想要入门神经科技,可以看看下面这篇文章,听作者分享他在学习神经科技过程中学到的东西: ​​​

    用 JS 实现人脑和计算机交互,这个厉害了
  24. 大前端的下一站何去何从? 近年来,移动互联网应用有着爆发式的增长,同质化 APP 层出不穷,人们对于产品体验的要求越来越高,渲染迟缓、交互卡顿的单体 Web APP 已经无法满足现有用户苛刻的使用标准;与此同时,井喷式的业务需求迫使 iosAndroid 两个移动平台不断提升迭代开发速度,缩短版本发布周期;如何既能利用 Web 门槛低、轻量级、跨平台...
  25. 前端基本功-示例代码 (二)伪类 + transform 实现对于老项目,有没有什么办法能兼容1px的尴尬问题了,个人认为伪类+transform是比较完美的方法了。
  26. [NodeJs系列]理解NodeJs中的Event Loop、Timers以及process.nextTick()译者注: 为什么要翻译?其实在翻译这篇文章前,笔者有Google了一下中文翻译,看的不是很明白,所以才有自己翻译的打算,当然能力有限,文中或有错漏,欢迎指正。 文末会有几个小问题,大家不妨一起思考一下 欢迎...
  27. JavaScript实现自定义的生命周期 React,Vue 和 Angular 的流行,让“生命周期”这个名词常常出现在前端们的口中,以至于面试中最常见的一个问题也是: 介绍下React, Vue的生命周期以及使用方法? 听起来高大上的“生命周期”,其实也就是一些普通的方法,只是在不同的时期传参调用它们而已。我们可以照着React的生命周期,自己模拟一个简单的类,并让这...
  28. vue-cli3使用svg问题的简单解决办法此解决办法使用的是 vue-cli 插件 vue-cli-plugin-svg-sprite 效果如下: 那个朋友圈图标就是我从网上找的svg图片 使用方式如下: {代码...} vue.config.js添加配置,在文件内最下方找到pluginOptions {代码...} ...
  29. JavaScript是如何工作的:渲染引擎和优化其性能的技巧这是专门探索 JavaScript 及其所构建的组件的系列文章的第11篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引擎...
  30. 提高 JavaScript 开发效率的高级 VSCode 扩展之二作为一名业余爱好者、专业人员,甚至是每月只有一次编程的开发人员,你必须知道,对于任何愿意在工作中投入最大生产时间的人来说,拥有智能和敏捷的工具是至关重要的,废话不多说,介绍插件比较重要。

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

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

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