20181119 前端开发日报

Vue.js 3.0 PPT(附部分中文翻译);为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法;总结:前端开发中让元素水平垂直居中的方法;WebSocket爬虫之爬取龙珠弹幕;Web 长列表的救星:谷歌推出 Virtual Scroller;谈起音视频,前端能做些什么;Vue-CLI路由懒加载预渲染项目实战;来实现一个缩水版Vuex

  1. Vue.js 3.0 PPT(附部分中文翻译) Evan You 刚刚发布了最新的 Vue 3 和他在 Vue Toronto 的演讲内容: Tweet PPT Vue 3.0 将会发生什么? 更快 更小 更易维护 更易于原生 让开发者更爽 Virtual DOM 完全重写,mountin
  2. 总结:前端开发中让元素水平垂直居中的方法这个是没有浮动的情况下,我们可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;即可。如果要居中的块级元素直接是内联元素(span、img、a等),直接在其父级元素上…
  3. WebSocket爬虫之爬取龙珠弹幕 这是崔斯特的第七十二篇原创文章 弹幕爬虫 (๑• . •๑) 我是一个直播爱好者,喜欢看很多人直播,以前可以看一天直播不出门。现在主要看这么些主播,虎牙的韦神、Dopa,斗鱼的狗贼嘘嘘。 对于其中的弹幕文化,非常感兴趣,就研究下,发现弹幕是用WebSocket实现的,那首先来说说什么是WebSocket。 WebSocket是…
  4. Web 长列表的救星:谷歌推出 Virtual Scroller Virtual Scroller 旨在解决长列表的性能问题,消除离屏渲染。尚在研发中,未来可能会成为 Web Layered API 的一部分。
  5. 谈起音视频,前端能做些什么音视频随着互联网的发展,对音视频的需求越来越多,然而音视频无乱是播放还是编解码,封装对性能要求都比较高,那现阶段的前端再音视频领域都能做些什么呢。
  6. Vue-CLI路由懒加载预渲染项目实战常见的<font color=red>Vue单页SPA</font>构建之后的index.html只是一个包含根节点的空白页面,当所有需要的js加载完毕之后,才会开始解析并创建<font color=red>vnode</font>,然后再渲…
  7. 来实现一个缩水版Vuex对 Vuex 源码进行浓缩,DIY 一个小型 Vuex 功能如下 通过 $store.commit 改变 $store.state 实现 strict model 源码约70行左右比较好理解,下面讲解一下两个比较重要的点。 install Vue.use(Vuex)实际上调用的是 …
  8. webpack4 中的最新 React全家桶实战使用配置指南这篇文档 是吕小明老师结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档,总共耗时一周总结下来的,希望能对读者能够有收获, 我是在这基础多些加工!
  9. 浅探css3渐变css3的渐变属性已经在各种网页设计中被广泛使用,在没有css3的渐变属性之前,要实现一些多种颜色切换的效果图,你可能别无他法,只能用一个图片来显示,虽然你知道使用图片需要网络请求,既耗带宽又耗时间,下面…
  10. 我们是怎样把 Carousell 的移动端 Web 体验搞快了 3 倍的? 原文地址:How we made Carousell’s mobile web experience 3x faster 原文作者:Stacey Tay 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Noah Ga
  11. React中 `锁定`this的N种‘facade pattern’模式 不管是什么样的历史原因,或者是基于什么样的考虑。反正现在我们已经接受了JavaScript中的this的多面性,以及乐此不疲的使用this这种多面性,来编写灵活的代码,比如借用其他对象的方法,改变回调函数的调用者等,但有时候我们还是希望this能够老实一点,别
  12. Webpack devServer.proxy反向代理地址模糊相似规则问题 我们在开发Vue、React等项目用Webpack进行项目配置的时候, 在开发模式下请求数据多少会涉及到它里面提供的devServe.proxy即Node.js的反向代理中间件。 Node.js代理很简单。轻松的配置代理服务器中间件连接,快递,浏览器同步以及更
  13. 深入浅出理解 React高阶组件 开始之前,有两点需要说明一下:1、React 高阶组件 仅仅是一种模式,并不是 React 的基础知识;2、它不是开发 React app 的必要知识。你可以略过此文章,仍然可以开发 React app。然而,技多不压身,如果你也是一位 React 开发者,强
  14. 优雅的在 react 中使用 TypeScript 写在最前面 为了在 react 中更好的使用 ts,进行一下讨论 怎么合理的再 react 中使用 ts 的一些特性让代码更加健壮 讨论几个问题,react 组件的声明?react 高阶组件的声明和使用?class组件中 props 和 state 的使
  15. redux 源码解析与实际应用 Redux createStore createStore是一个函数,接收三个参数recdcer,initState,enhancer enhancer是一个高阶函数,用于增强create出来的store,他的参数是createStore,返回一个更强大的
  16. ECMAScript 的 Observables 提案 开始之前 在之前读redux源码时,遇到了关于Symbol.observable的使用,发现从没有看到过这个特性,在国内的技术论坛上逛了许久发现提及此的文章甚少,恰巧今天在摸鱼时发现了一篇聊ECMAScript中新提案observables的文章,故翻译出来加
  17. WebGL2系列之实例数组(Instanced Arrays)实例化是一种只调用一次渲染函数却能绘制出很多物体的技术,它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象,使用它,可以把原来的的uniform变量转换成attribute变量,而且这个attribute变…
  18. WebP图片兼容性处理 WebP格式的图片在网络传输时可以节省流量,但是浏览器的兼容性并不好,这里收集整理了一些WebP图片兼容性处理的方案。

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

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


关注我

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

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

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