Zoo Weekly! 政采云前端小报

政采云前端小报第4

  1. 年终回顾,为你汇总一份「前端技术清单」 - 掘金趋势

    2018 眼看就要过去了,今年的你相较去年技术上有怎样的收获呢? 记得年初的时候我给自己制定了一个学习计划,现在回顾来看完成度还不错。但仍有些遗憾,一些技术点没有时间去好好学习。 在学习中我发现,像文章这样的知识往往是碎片化的,而前端涉及到的面很多,如果不将
  2. React PureComponent 使用指南 - 前端 - 掘金React

    pureComponent使用指南,并附一些react优化的技巧
  3. 抛开 Vue、React、JQuery 这类第三方js,我们该怎么写代码? - 前端 - 掘金技巧

    首先感谢React、Vue、Angular、Cycle、JQuery 等这些第三方 JS 为开发带来的便利。 以下将Vue、React这类常用的框架(库)统称为“第三方 JS”。第三方 JS 除了带来便利之外还有哪些副作用?抛弃第三方 JS 我们还能写出高效的代码吗?
  4. JavaScript之你不知道的 thisJS 基础

    只有深谙了this,你才有可能用 JavaScript 创建类似谷歌地图这样大型的复杂应用
  5. php,vue,vue-ssr 做出来的页面有什么区别?方案

    目前我这边的web页面,都是采用php+smarty模板生成的,是一种比较早期的开发模式。好处是没有现阶段常用的前后端分离出现的首屏问题,因为其本身就是服务器渲染,坏处是代码分离不好做,公用化及组件化不好做。这...
  6. 使用 Chrome 原生 lazyload 属性进行图片懒加载浏览器

    在最近的 《Chrome Dev Summit - Key Techniques for Fast Websites》 ,Chrome 团队的成员介绍了,原生的 lazyload 属性即将登陆 Chrome。
  7. CSS 文本换行总结 CSS 基础

    到文本过长的问题,元素的宽度不足以容那文本的内容,文本超出元素显示,遇到这种情况,一般有两种处理方式,一种是超出省略不显示,很暴力,很直接,还有一种就是换行显示,本文会介绍几种 CSS 常用的换行方法。
  8. Node.js 指南(阻塞与非阻塞概述)NodeJS

    此概述介绍了Node.js中阻塞与非阻塞调用之间的区别,此概述将引用事件循环和libuv,但不需要事先了解这些主题,假设读者对JavaScript语言和Node.js回调模式有基本的了解。
  9. css文字颜色渐变的3种实现CSS 基础

    在web前端开发过程中,UI设计师经常会设计一些带渐变文字的设计图,在以前我们只能用png的图片来代替文字,今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参考!
  10. 分析 JavaScript 的数据类型与变量JS 基础

    这篇文章,我们来聊聊 JS 中的数据类型与变量。这是最基础的一类问题,但却很重要。
  11. 给前端工程插上 Docker 的翅膀 NodeJS

    What Docker / Why Docker / Install Docker,请自行查阅相关资料。
  12. HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 HTTP

    作为互联网通信协议的一员老将,HTTP 协议走到今天已经经历了三次版本的变动,现在最新的版本是 HTTP2.0,相信大家早已耳熟能详。今天就给大家好好介绍一下 HTTP 的前世今生。
  13. 前端性能优化之重排和重绘性能

    前言,最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》,今天写的文章从“老生常谈”的页面重绘和重排入手,去探究这两个概念在页面性能提升上的作用。
  14. 谈 target="_blank" 的安全问题安全

    关于 target="_blank" 的安全问题
  15. Vue 3.0 UpdatesVue

    Vue 3.0 Updates
  16. 构建时预渲染:网页首帧优化实践方案

    移动端白屏优化是前端界面体验的一个重要优化方向,Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化了白屏问题,提升用户体验,并形成最佳实践。
  17. 深拷贝的终极探索JS 基础

    该文章对深拷贝的探索很深入
  18. 前端:后端,我要分手设计模式

    前端:后端,我要分手
  19. 前端黑科技:美团网页首帧优化实践体验

    自JavaScript诞生以来,前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向,Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化了白屏问题,提升用户体验,并形成了最佳实践。
  20. JavaScript 箭头函数:适用与不适用场景ECMAScript

    在本文中,我们将首先回顾箭头函数的工作原理,然后深入研究箭头函数改进代码的示例,最后深入研究箭不建议使用头函数的示例。
  21. 网页中默认图片的几种解决方式 - XboxYan前端工作站 - SegmentFault 思否可访问性

    现在网页中图片随处可见,但避免不了有时会出现图片资源失败的情况,在谷歌浏览器中就会显示这样 {代码...} 这里的alt属性是为了当图片加载失败时告诉用户图片信息的 能不能美化一下呢? 下面给出几种方式 js 方...
  22. 图解浏览器的工作原理(史上最全)浏览器

    图解浏览器的工作原理(史上最全)
  23. 蚂蚁金服玉伯:我们是如何从前端技术进化到体验科技的?职业

    前端是离用户最近的工程师!本文,玉伯分享了他从前端一路进阶升级到体验科技的个人思考,并详细介绍了体验科技的历史及未来发展,以及本次体验科技开放的愿景。
  24. WebSocket 协议介绍及 WebSocket API 应用HTTP

    WebSocket 是由HTML5提出的一个独立的协议标准。WebSocket可以分为协议(Protocol)和API两部分,分别由IETF和W3C制定了标准。它跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而对 HTTP 协议的一种补充。更加确切的说 WebSocket 利用了 HTTP 协议来建立连接,仅此而已。
  25. 别再说虚拟 DOM 快了,要被打脸的性能

    如果你觉得虚拟 DOM 很快,那么这篇文章可能就是你所缺少的
  26. Vue数据通信详解 - 全栈工程师自我修养Vue

    组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列出一些常见的数据传递方式,如props、$emit/$on和vuex以及新出的$attrs/$listeners和provide/inject,以通俗易懂的实例讲述这其中的差别,希望对小伙伴有些许帮助。
  27. Web 安全漏洞之 XSS 攻击安全

    作为JS系工程师接触最多的漏洞我想就是 XSS 漏洞了,然鹅并不是所有的同学对其都有一个清晰的认识。今天我们请来了@卢士杰 同学为我们分享他眼中的 XSS 漏洞攻击,希望能帮助到大家。
  28. 浏览器输入url到发起http请求所经历的过程总结

    当用户输入url,操作系统会将输入事件传递到浏览器中,在这过程中,浏览器可能会做一些预处理,比如 Chrome 会根据历史统计来预估所输入字符对应的网站,例如输入goog,根据之前的历史发现 90% 的概率会访问「www...
  29. 浏览器的进程与线程详解浏览器

    浏览器的进程与线程详解
  30. 掌握JavaScript:类和原型继承之间有什么区别?JS 基础

    掌握JavaScript:类和原型继承之间有什么区别?
  31. 深入 Web 缓存策略性能

    移动互联网时代,各种互联网技术层出不穷,尤其在移动端方面,各种动态化方案如雨后春笋般,在各自的领域蓬勃生长。但是,不管哪种方案,都会涉及到资源的迭代更新问题。如何让用户在更快地使用最新资源的同时,也能结合缓存保证应用的加载效率,是这类方案必须要考虑的。本文将从浏览器缓存谈起,在涵盖 App Cache、SW Cache 等纯 Web 缓存方案的同时,也将站在大前端角度去分析不同方案的差异,最终,让大家对 web 缓存策略有一个详尽的了解。
  32. 又是一年D2:颇具匠心的中台技术修养总结

    杭州、西溪、冬、烟雨朦胧,又是一年阿里 D2。同样的会场,同样的人,但却是不一样的感受。 这届 D2 的主题是“匠心”,令笔者最为触动的词是“中台”,而笔者今年关注了 D2 新加入的主题“前端技术管理”,关注了团队与个人的“技术修养”问题,因此,结合几个关键词,给这篇文章起了一个比较文艺的题目《颇具匠心的中台技术修养》。
  33. 场景中台化助力提升上下游协作效率总结

    大企业工作台场景中台化的思考与实践
  34. 试读《Mastering Modular JavaScript》总结

    掌握模块化 JavaScript 并不是严格遵循一套定义明确的规则,而是能够从用户的角度出发,为可能即将到来的功能开发预先做好规划。接口文档和接口设计同样重要,而内部的实现细节可以在后续的开发中不断进行改进,最终让模块化产生真正的价值。
  35. 网站性能优化实战——从12.67s到1.06s的故事性能

    今天,我们将从性能优化的三大方面工作逐步展开介绍,其中包括网络传输性能、页面渲染性能以及JS阻塞性能,系统性地带着读者们体验性能优化的实践流程。
  36. 前端图片优化机制性能

    60% 的网站流量来自图片,图片优化可以大幅影响网站流量。
  37. 反击爬虫,前端工程师的脑洞可以有多大? 安全

    对于一张网页,我们往往希望它是结构良好,内容清晰的,这样搜索引擎才能准确地认知它。而反过来,又有一些情景,我们不希望内容能被轻易获取,比方说电商网站的交易额,教育网站的题目等。因为这些内容,往往是一个产品的生命线,必须做到有效地保护。这就是爬虫与反爬虫这一话题的由来。

About Zoo Weekly