Zoo Weekly! 政采云前端小报

政采云前端小报第5

  1. 尤大多伦多演讲:Vue 3.0 预览Vue

    尤大 11.20 日在 Vue Toronto 的主题演讲中预览了 Vue 3 。通过利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的Vue.js 的改进版本。
  2. Min – 小程序组件化解决方案小程序

    在这个前端高速发展的时代,撸轮子并不是目的,而是解决问题的手段。我们希望通过 Min 这个轮子,帮助像我们这样的小程序开发者,优雅高效的搞定小程序中自定义组件的「开发」和「使用」这 2 个环节,为开发者 赋能。
  3. “双十一”背后的互联网转型:迈向产业互联网趋势

    如果说十年前的“双十一”仅仅是一个平台商业模式的创新,那么今年的“双十一”就完全可以称得上是一次平台技术实力的比拼了;如果说十年前的“双十一”主要是想方设法连接人,那么这个“双十一”中,“物的连接”至少已经变得和“人的连接”同等重要了。
  4. React组件的DidMount事件里的setState事件 - 掘金React

    参考原文: React 源码剖析系列 - 解密 setState setState 之后发生了什么 —— 浅谈 React 中的 Transaction 无法多次setState React组件的componentDidMount事件里使用setS
  5. 第八期 杭州 NodeParty x Rokid 技术分享技术会议

    第八期 杭州 NodeParty x Rokid 技术分享,时间为 2018年12月9日,有兴趣的可报名去交流学习下。
  6. 前端监控实践——FMP的智能获取算法方案

    今天来给大家介绍下前端监控中一个特定指标的获取算法,有人会问,为啥就单单讲一个指标?这是因为,目前大部分的指标,比如白屏时间,dom加载时间等等,都能通过现代浏览器提供的各种api去进行较为精确的获取,...
  7. Web安全开发规范手册V1.0安全

    团队最近频繁遭受网络攻击,引起了技术负责人的重视,笔者在团队中相对来说更懂安全,因此花了点时间编辑了一份安全开发自检清单,觉得应该也有不少读者有需要,所以将其分享出来。
  8. npm包的发布和管理 - 用户与产品 - SegmentFault 思否npm

    为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集...
  9. css3属性transform-origin属性讲解CSS3

    transform是CSS3里的变换属性,常用的有translate(平移)、rotate(旋转)、skew(倾斜)、scale(缩放)方法。而transform-origin并不是transform的属性值,其具有独立的语法,但值得注意的是,transform-origin必...
  10. 你不知道的Node.js性能优化NodeJS

    我第一次知道要这篇文章的时候,其实我是拒绝的,因为我觉得,你不能叫我写马上就写,我要有干货才行,写一些老生常谈的然后加上好多特技,那个 Node.js 性能啊好像 Duang~ 的一下就上去了,那读者一定会骂我,Node.js 根本没有这样搞性能优化的,都是假的。
  11. 数据可视化:浅谈热力图如何在前端实现方案

    制作一张完整的热力图,需要前端做哪些工作呢?接下来,我将基于自己在工作过程中的实践,为大家详细解析热力图在前端的实现过程。
  12. 前端常用插件、工具类库汇总,不要重复造轮子啦!!! - 掘金汇总

    在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。
  13. 同学,GraphQL了解一下:基础篇 - 地铁上的小前端 - SegmentFault 思否技巧

    GraphQL由Facebook发起,其手机客户端自2012年起,就全面采用了GraphQL查询语言, 2015年, Facebook全面开源了第一份GraphQL规范。到目前为止,在Twitter,Github,Pinterest,Shopify等大型网站也得到了广泛的...
  14. JavaScript单线程和浏览器事件循环简述 - 破狼 - 博客园JS 基础

    JavaScript单线程和浏览器事件循环简述 - 破狼 - 博客园
  15. 理解 JavaScript 中的 macrotask 和 microtask - 前端 - 掘金JS 基础

    前言 在实现 Promise/A+ 库的过程中,第一次听说了 JavaScript 中的 macrotask 和 microtask 的概念。然后 Google 搜索到了以下的资料: differenc
  16. Tasks, microtasks, queues and schedules - JakeArchibald.comJS 基础

    Tasks, microtasks, queues and schedules - JakeArchibald.com
  17. 这些被同事喷的JS代码风格你写过多少?总结

    现在写代码比以前好多了,代码的格式都有 eslint、prettier、babel(写新版语法) 这些来保证,然而,技术手段再高端都不能解决代码可读性(代码能否被未来的自己和同事看懂)的问题,因为这个问题只有人自己才能解决。
  18. 安卓验收杀手锏技巧

    那么关于安卓和IOS的验收,最让多数设计师头疼的其实是安卓验收。本身因为安卓的实现效果就比IOS会逊色一些,且国内设计师大多都是基于IOS的规范和操作习惯来进行设计的。这也是安卓开发门比较苦恼的事,总是按照IOS那一套来,我们不一样...不一样...
  19. 搞定复杂 GUI!西安交大提出前端设计图自动转代码新方法业界新闻

    搞定复杂 GUI!西安交大提出前端设计图自动转代码新方法
  20. 理解 JavaScript 中的高阶函数技巧

    如果你正在学习 JavaScript,那么你应该见过高阶函数这个术语。 它虽然听起来很复杂,但其实并不难。使 JavaScript 适合函数式编程的原因是它接受高阶函数。高阶函数在 JavaScript 中广泛使用。 如果你已经用 JavaScript 编程了一段时间,你可能已经在不知不觉中用过它们了。
  21. 从URL输入到页面展现到底发生什么总结

    打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解~
  22. 浅谈HTTP Keep-AliveHTTP

    浅谈HTTP Keep-Alive
  23. 关于Http协议,你必须要知道的HTTP

    HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网服务器传输超文本到本地浏览器的传送协议。HTTP 是基于 TCP/IP 协议通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。
  24. Vue.js 的动态组件模板Vue

    组件并不总是具有相同的结构。有时需要管理许多不同的状态。异步执行此操作会很有帮助。
  25. ES6 核心特性ECMAScript

    ES6 虽提供了许多新特性,但我们实际工作中用到频率较高并不多,根据二八法则,我们应该用百分之八十的精力和时间,好好专研这百分之二十核心特性,将会收到事半功倍的奇效。
  26. 项目中可以怎么优化图片方案

    看似平常的事物,往往会蕴含的巨大的智慧。把看似平常的事物简单做好,可能很正常。如果能把平常的事物做精,做细,这个不平常。
  27. 精读《使用 CSS 属性选择器》CSS 进阶

    带你重新理解强大的 CSS 选择器
  28. 数据产品的前端技术选型的思考总结

    数据产品首先也是一个web工程,这里不谈是react还是vue,个人认为凭喜好即可。本文想说说关于高交互,多维数据分析,多图表展示的产品如何选择工具库,以及有哪些库可以用。
  29. NPM生态报告,React和Vue的差距居然这么大?npm

    这篇报告从整体、前端、后端、构建工具的角度分别讲述了npm生态的现状。希望这篇文章能给大家对于npm包有一个量化的认识,也能够帮助大家进行技术选型。
  30. CSS 与网络性能CSS 进阶

    CSS 是页面渲染的关键因素之一,(当页面存在外链 CSS 时,)浏览器会等待全部的 CSS 下载及解析完成后再渲染页面。关键路径上的任何延迟都会影响首屏时间,因而我们需要尽快地将 CSS 传输到用户的设备,否则,(在页面渲染之前,)用户只能看到一个空白的屏幕。
  31. 静态类型在 JavaScript 中是一种负担吗?JS 基础

    静态类型的 JavaScript 就像开始做手机后的罗永浩,你能看出他们的妥协,他们本不是这样。但他们是真正要上场合了,才不得不这样,即使他们根本不是你喜欢的样子。
  32. React 项目结构和组件命名之道React

    React 作为一个库,不会决定你如何组织项目的结构。这是件好事,因为这样我们有了充分的自由去尝试不同的组织方式并且选取最适合我们的方式。但是从另一个角度讲,这可能会让刚刚上手 React 的开发者产生些许困惑。
  33. Git 常用技巧Git

    Git 的版本管理思路,十分简单:使用一个类似链表的结构,将每次修改记录串联起来。每次提交都会产生一个 SHA1 的唯一标示符,我们可以利用 git 提供的命令行工具对“链表”中的每次修改进行编辑、删除、插入、移动等等多种操作。下面就介绍几种十分有用也比较常用的操作方法。
  34. 平庸前端码农之蜕变 — ASTDSL

    我们定一个小目标,从解释什么是AST开始,然后到怎么从一般代码开始去构建它。我们将简单地接触在AST处理基础上,一些最流行的使用例子和工具。并且,我计划谈下我的 js2flowchart 项目,它是一个不错的利用AST的demo。OK,让我们开始吧。
  35. 一篇文章搞明白CORS跨域 总结

    CORS要求浏览器(>IE10)和服务器的同时支持,是跨域的根本解决方法,由浏览器自动完成。优点在于功能更加强大支持各种HTTP Method,缺点是兼容性不如JSONP。
  36. 做一个好前端必须要知道的事——JS语言JS 基础

    编程语言按各种方法可以分为各种类型,现在让我们来看看JS属于什么类型语言。
  37. Vue 探索与实践Vue

    本文主要讲了实际业务在结合 vue 开发的过程中的探索与实践。
  38. 周下载量过200万的npm包被注入恶意代码安全

    这个被注入恶意代码的 package 名为event-stream,它是一个用于处理 Node.js 流数据的 JavaScript 软件包,而且 Angular、Vue、Bootstrap、Gatsby 等都在使用 event-stream,使用这些库的开发者都应该检查一下自己是否受到了影响。

About Zoo Weekly