20180823 前端开发日报

vuex持久化方案探究;前端每日实战:视频演示如何用纯 CSS 创作一个赛车 loader;如何构建无渲染 Vue 组件?;前端技术周刊 2018-08-20:GraphQL;Hello Vue: Vue快速入门教程;Loader 入门【Webpack Book 翻译】;如何用 Node.Js 和 Puppeteer 爬取网页;通过HTTP的HEADER完成各种骚操作

  1. vuex持久化方案探究 背景 用vue开发中大型应用时候,我们通常都会使用vuex进行状态管理,但由于vuex是将数据以js对象的形势维护在内存中,所以当页面刷新时候,存在内存中的vuex数据将会丢失,在很多场景中,我们不愿意看到这样的结果的 引出的问题 那么如何实现vuex的持久化
  2. 前端每日实战:视频演示如何用纯 CSS 创作一个赛车 loader效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  3. 如何构建无渲染 Vue 组件? 作者|Samuel Oloruntoba 译者|无明 很多人把 Vue 比作 React 和 Angular 相结合的产物,我也一直很有同感。Vue 的学习曲线这么平缓,难怪有那么多人喜欢它。 无渲染组件是指不渲染任何内容的组件。在这篇文章中,我们将介绍 Vue 如何处理组件的渲染,我们还将看到如何使用 render() 函数创…
  4. 前端技术周刊 2018-08-20:GraphQLSafari 自去年起上线智能追踪预防 ITP 功能之后,收获了大量关于此功能如何影响页面脚本表现的问题。在新的 Safari Technology Preview 62 中,你可以开启 ITP 的调试模式,以在控制台中得到相关输出。
  5. Hello Vue: Vue快速入门教程Vue快速入门教程,此教程包括使用Kendo UI for Vue的组件。希望通过此教程能够成为你学习vue的一个很好的起点。这其中还包含一个可扩展的事例,如果你感兴趣可以深入学习下去。
  6. Loader 入门【Webpack Book 翻译】原文链接:[链接]翻译计划:[链接]附言:因为发现书中一些内容单独放出来会比较尴尬,所以会跳过部分章节,当然完整版会全部翻译,已经正在研究原版的网站搭建工程了
  7. 如何用 Node.Js 和 Puppeteer 爬取网页 如何用 Node.Js 和 Puppeteer 爬取网页 原文:How To Scrap That Web Page With Node.Js And Puppeteer 作者:Francesco Napoletano 发表时间:2018/8/17 译者:陈
  8. 通过HTTP的HEADER完成各种骚操作 作为一名专业的切图工程师,我从来不care网页的header,最多关心Status Code是不是200。但是HEADER真的很重要啊,客户端从服务器端获取内容,首先就是通过HEADER进行各种沟通!HEADER可以帮助我们完成许多骚操作,提高网站的性能,用户
  9. 为什么Vue.mixin中的定义的data全局可用 0. 背景 目前在丁香医生的业务中,我会负责一个基于Vue全家桶的WebApp项目。 一直有件不太弄得明白的事:在每个组件的template标签里,都会使用dataReady来进行渲染控制。例如像下面这样,请求完了以后再渲染页面。 ## 模板部分 <te
  10. 从 1 到完美,用 js 和 electron 写一个桌面应用目前用 js 和前端技术写桌面软件的方案主要有两种:electron 和 nw.js。这两者在底层实现上有所不同,简单的说,electron 是 node + chromium,nw.js 是 node + webkit。从使用上来说,electron 的使用更为广泛,…
  11. 一行 JavaScript 代码竟然让 FT.com 网站慢了十倍 原文地址:This one line of Javascript made FT.com 10 times slower 原文作者:Arjun 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:IridescentMi
  12. React 源码全方位剖析第一章- 前置知识当时在各种前端框架或库充斥市场的情况下,出现了大量优秀的框架,比如 Backbone、Angular、Knockout、Ember 这些框架大都采用了 MV* 的理念,把数据与视图分离。而就在这样纷繁复杂的时期,React 诞生于 Faceboo…
  13. webRequest – 监控网络请求 使用 webRequest API 可以让插件监控 Chrome 的网络请求,甚至重定向请求。 如图,我们可以替换掉原有图片。 配置 见 manifest.json we
  14. Node.js 前端开发指南众成翻译 原文链接 关于作者 2018年6月21日出版​ 本指南面向了解Javascript但尚未十分熟悉Node.js的前端开发人员。我这里不专注于语言本身 — Node.js 使用 V8 引擎,所以和Google Chrome的解释器是一样的,这点…
  15. vue-multi-tab–一个让你在SPA里使用多页签的框架页 介绍 vue-multi-tab 是一套基于 vue 和 element-ui 的 , 实现了 tab-router (一个基于 tab 的路由) 的 单页面, 多页签 应用程序. 我之前写这个项目的时候,有写了一篇 记一次基于vue的spa多
  16. JavaScript 日期权威指南简介 JavaScript通过强大的对象为我们提供日期处理功能:日期。 本文确实_不是_谈论 Moment.js ,我认为它是处理日期的最佳库,你应该在处理日期时几乎总是使用它。 Date对象 Date对象实例表示单个时间点。 尽管…

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

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


关注我

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

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

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