20181118 前端开发周报

介绍几个开发前端动画不得不学的动画库;浅谈未来几年前端的发展方向;Vue.js 你不知道的奇技淫巧;看看这些被同事喷的JS代码风格你写过多少;2018前端秋招总结;jQuery的没落和技术发展的一般规律;前端黑科技:美团网页首帧优化实践;你应该知道的 JavaScript Array.map() 的 5 种用途

  1. 介绍几个开发前端动画不得不学的动画库 简评:JavaScript 库对设计师和开发人员来说,都是非常…web可视化学习—tween.js前端动画库 01-20 2293…
  2. 浅谈未来几年前端的发展方向 在知乎上看到这么一个问题,觉得很有意思,以下是原提问者的见解 过去五年前端的发展过程基本上是一个工程化的过程,框架和工程化工具层出不穷。 近两年其实发展已经比较迟滞了。 框架方面:基本就是三大框架鼎立的局面,三大框架都在相互借鉴吸收,而且方向各有侧重,未来短时间内我看格局不可能有什么大变化. …
  3. Vue.js 你不知道的奇技淫巧 面试官:MVVM 和 MVC 的区别是什么? 自己先想一分钟。 关于上面的面试题的具体解释,请移步这里,本文不在累述。正文开始,下面列举的一些奇技淫巧有的或许你用过,有的或许你没用过。不管有的没的,希望你看完之后有所收获吧。文笔和知识有限,不对的地方,请留
  4. 看看这些被同事喷的JS代码风格你写过多少 作者:殷荣桧@腾讯 目录: 一、变量相关 二、函数相关 三、尽量使用ES6,有可以能的话ES7中新语法 现在写代码比以前好多了,代码的格式都有eslint,prettier,babel(写新版语法)这些来保证,然而,技术手段再高端都不能解决代码可读性(代码
  5. 2018前端秋招总结对于自己来说,近两个半月的秋招终于算是结束了,中间向很多类型的公司投了很多简历,有互联网巨头,有银行三大运营商,也有创业型公司,这其中也只通过部分公司的笔试,进入面试阶段。
  6. jQuery的没落和技术发展的一般规律 jQuery是一个伟大的库, 它解决了dom api兼容的问题,使得dom操作更简便 它支持类似css选择器的方式来选择组件 支持批量的操作数组中的元素,也叫隐式迭代 支持链式操作,可以在一条语句中完成很复杂的逻辑 有易于使用的插件扩展机制 deffered的异步方案比promise更早。 等等。 jquer…
  7. 前端黑科技:美团网页首帧优化实践自JavaScript诞生以来,前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向,Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化…
  8. 你应该知道的 JavaScript Array.map() 的 5 种用途 小编推荐: 掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。 从经典的 for 循环到 forEach() 方法,用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。 .map() 通过指定函数…
  9. HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 作为互联网通信协议的一员老将,HTTP 协议走到今天已经经历了三次版本的变动,现在最新的版本是 HTTP2.0,相信大家早已耳熟能详。今天就给大家好好介绍一下 HTTP 的前世今生。 HTTP/0.9 HTTP 的最早版本诞生在 1991 年,这个最早版本和
  10. 前端常用插件、工具类库汇总(下)对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到类似的场景就来看看具体的插件及其用法。
  11. 一个vue前端的VSCODE插件分享(2018) background 给编辑器窗口加个背景!唯一的缺点是vscode会显示已损坏,当然啦,并不影响使用 可以参考以下配置 “background.useDefault”: false, “background.style”: { “content”: “””, “pointer-events”: “none”, …
  12. Vue钩子函数生命周期实例详解 对于执行顺序和什么时候该执行哪个钩子函数,看上面两个图基本有个了解了。下面的案例将通过代码去看看钩子函数的执行,让大家更清晰透彻的理解Vue的生…
  13. Chrome 72 更快的异步函数和 Promise Chrome 72 中的 async 和 await 性能更快,Promise 性能提升 8 倍,增加方便开发者调试和定位 bug
  14. webpack 初学指南 这边用到的 webpack 版本 4.0+,这边将接触到 TypeScript,ES6,ES7,sass 等 loader …不想解释了直接上代码 目录结构 —- dist |- css |- js |- images |- fonts |- index.html —- src |- scss |- js |- images |- fonts |- index.html package.json { &q…
  15. HTML5 之地理定位(Geolocation) 很久前研究过 HTML5 Geolocation,最近整理 F2E-Awesome 的时候,发现缺少相关的文章,所以按照自己的使用经验整理了此篇文章。 一、应用场景: 附近商家定位;计算行走路程; GPS 导航; 请求一个位置信息,如果用户同意,浏览器就会返回位置信息,该位置信息是通过支持 HTML5 地理定位功能的底层设备提供给…
  16. 图片纯前端JS压缩的实现 本文删简自: www.zhangxinxu.com/wordpress/?… 一、功能体验 先看demo: 使用canvas在前端压缩图片并上传demo 如下截图: 点击文件选择框,我们不妨选一张尺寸比较大的图片,例如下面这种2M多的钓鱼收获照: 于是图片歘歘歘地传上去了: 此时我们点击最终上传完毕的图片地址,…
  17. 前端渲染过程的二三事前端渲染过程的二三事 本文不会介绍整个前端渲染过程的步骤,只是记录最近阅读的文章的些许思考和感悟。(文章地址一(系列),文章地址二) 希望大家在阅读这篇文章之前能将上述文章仔细浏览一篇,因为本文所述基…
  18. 百度小程序与微信小程序全面对比】百度小程序已出来一段时间了,本文分享我所见到的一些百度小程序与微信小程序的差别。帮助你快速转换微信小程序到百度小程序。 @前端开发博客 ​​​
  19. 一次性搞懂JavaScript正则表达式之引擎 本文是『horseshoe·Regex专题』系列文章之一,后续会有更多专题推出 GitHub地址: github.com/veedrin/hor… 博客地址(文章排版真的很漂亮):veedrin.com 如果觉得对你有帮助,欢迎来GitHub点Star或者来我的博客亲口告诉我 我们说正则表达式是语言无关的,是因为驱动正则表达式的…
  20. 你不知道的Node.js性能优化 “当我第一次知道要写这篇文章的时候,其实我是拒绝的,因为我觉得,你不能叫我写马上就写,我要有干货才行,写一些老生常谈的然后加上好多特技,那个 Node.js 性能啊好像 Duang~ 的一下就上去了,那读者一定会骂我,Node.js 根本没有这样搞性能优化的,
  21. nodejs 基础篇整合最近有朋友也想学习nodeJs相关方面的知识,如果你是后端想接近前端,node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端,想走的更高,走的更远。nodeJs同样也是不二之选。node的地位虽然…
  22. vue项目刷新当前页面this.$router.go(0)。这种方法虽然代码很少,只有一行,但是体验很差。页面会一瞬间的白屏,体验不是很好
  23. javascript函数全解 本文总结了js中函数相关的大部分用法,对函数用法不是特别清晰的同学可以了解一下。 1.0 简介 同其他语言不同的是,js中的函数有2种含义。 普通函数:同其他语言的函数一样,是用于封装语句块,执行多行语句的语法结构。 构造函数:不要把它当作函数,把它当作class,内部可以使用this表示当前对象。 …
  24. NodeJS踩坑实录大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构,其中某些类型的对象(又称触发器,Emitter)会触发命名事件来调用函数(又称监听器,Listener)
  25. HTTP/3 来啦,你还在等什么?赶紧了解一下 原文作者:DANIEL STENBERG 译者:UC 国际研发 Jothy写在最前:欢迎你来到“UC国际技术”公众号,我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章,不限于原创与翻译。曾长期被称作 HTTP-over-Q
  26. Vuex最完整的模块定义在项目中有时就会用到在一个命名模块中 访问/调用 另一个模块的state,mutation,action等,所以把使用的普遍方法总结下来,以供需要者参考。
  27. JS箭头函数三连问:为何用、怎么用、何时用 在现代JS中最让人期待的特性就是关于箭头函数,用=>来标识。箭头函数有两个主要的优点:其一是非常简明的语法,另外就是直观的作用域和this的绑定。 因为这些优点,箭头函数比起其他形式的函数声明更加受欢迎。比如,受欢迎的airbnb eslint conf
  28. 在工作中如何优化前端代码? 此为知乎问答,我把我的答案稍作整理放到这里来了。 原则 首先说一个最重要的优化原则:代码优化是每天都要进行的,而不是一两个月做一次大优化,那时做就已经晚了。另外由于优化是每天做的,所以你不需要一次的就过度优化,保持小步快跑即可。 这个原则为什么重要?因为很多
  29. JavaScript异步处理的那些事儿 前言 原文 之前总结了关于 JavaScript 异步的 事件循环与消息队列 机制以及 ES6 带来的 微任务与宏任务 的知识。传送门 下面是关于JS异步处理的各种方案: callback >> ES6 Primise >> async
  30. 手把手教你实现一个 Vue 进度条组件最近在个人的项目中,想对页面之间跳转的过程进行优化,想到了很多文档或 npm 等都用到的页面跳转进度条,于是便想自己去实现一个,特此记录。

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流