20170709 前端开发日报

raf-plus:更适合响应交互的 requestAnimationFrame(JS);通过JavaScript发送表单;美剧老司机 —— Electron + Vue开发的桌面小应用;对javascript中闭包的理解;JavaScript this 从此不再疑惑;美剧老司机:Electron + Vue 开发的桌面小应用;一个vue+express+nodejs爬虫构建的伪整站移动书城;一系列的 JavaScript 项目最佳实践

  1. raf-plus:更适合响应交互的 requestAnimationFrame(JS) raf-plus 是有管理队列功能的window.requestAnimationFrame,他保证在同一帧内最多只会执行一次相同的函数。 原因 window.requestAnimationFrame方法告诉浏览器您希望执行动画,并请求浏览器在下一次重绘之前调用指定的函数更新动画。 — MDN 但是window.requestAnimationFrame并不会管理队…
  2. 通过JavaScript发送表单系列文章说明 原文 在[发送表单数据]()一文中,HTML表单可以声明式地发送一个HTTP请求。但表单也可以用JavaScript来准备一个HTTP请求。本文将探索如何做到这点。 表单,不只是表单 随着开放式Web应用的出现,现在…
  3. 美剧老司机 —— Electron + Vue开发的桌面小应用 一个Electron + Vue开发的桌面小应用 —— 由yrq1025分享
  4. 对javascript中闭包的理解在前端开发中闭包是一个很重要的知识点,是面试中一定会被问到的内容。之前我对闭包的理解主要是”通过闭包可以在函数外部能访问到函数内部的变量”,对闭包运用的也很少,甚至自己写过闭包自己都不太清楚,只知道…
  5. JavaScript this 从此不再疑惑问题引入 {代码…} 我的问题是 fna 的 this 是指向哪里的? {代码…} 再看我们经常遇到的情形 {代码…} 这里就是我们平时在写代码的时候为什么要调用 bind 函数来绑定上下文 {代码…} 为什么会有以上这种情况…
  6. 美剧老司机:Electron + Vue 开发的桌面小应用 DramaOldDriver A desktop app for finding drama resource Download Releases Built by Electron Vue RizuUI Command # install requirements npm install # run npm run dev # build npm run build Function Card V…
  7. 一个vue+express+nodejs爬虫构建的伪整站移动书城项目地址:点击 预览地址:点击 api地址:点击 爬虫地址:点击 技术栈:vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage 这个项目很早以前就开始写了,算是…
  8. 一系列的 JavaScript 项目最佳实践 Git、文档、环境、依赖、测试、代码结构及命名、代码风格、日志、API 设计 —— 由kalasoo分享 Git、文档、环境、依赖、测试、代码结构及命名、代码风格、日志、API 设计 —— 由kalasoo分享
  9. Promise 规范解读及实现细节 (一)一、 macrotask (宏任务)和 microtask (微任务) 这两个是指两个队列,脚本整体代码、setTimeout、setInterval、setImmediate、I/O、的回调及UI渲染都会被加入到 macrotask 队列中, process.nextTick回调、Pro…
  10. D3 力导向图和 WebGL 的整合使用 D3 是目前最流行的数据可视化库,WebGL 是目前 Web 端最快的绘制技术。由于性能问题的局限,将两者结合的尝试越来越多(如),本文将尝试用 D3 的力导向图 和 Three.js 和 PixiJS 结合。全文阅读完大概 5 分钟。 —— 由GeekPlux分享 D3 是目前最流行的数据可视化库,WebGL 是目前 Web 端最快的绘制技术。由于性能问题的局限,将两者结合的尝试越来越多(如),本文将尝试用 D3 的力导向图 和 Three.js 和 PixiJS 结合。全文阅读完大概 5 分钟。 —— 由GeekPlux分享
  11. Vue.js 小 Tips Vue.js Little Tips —— 由晨辰分享 Vue.js Little Tips —— 由晨辰分享
  12. 深入了解 WebRTC Safari 11 开始支持 WebRTC,由于可以获得并且广播非常个人的信息,因而 Security Origin Policy 非常重要 —— 由kalasoo分享 Safari 11 开始支持 WebRTC,由于可以获得并且广播非常个人的信息,因而 Security Origin Policy 非常重要 —— 由kalasoo分享
  13. 21 分钟精通前端 Polyfill 方案原文链接 今天是 2017 年 7 月 7 日,es2015 正式发布已经两年了。但最新的浏览器们逼近 100% 的支持率对我们好像并没有什么卵用,为了少数用户的体验,我们很可能需要兼容 IE9。感谢 babel 的编译,让我们完美的…
  14. JavaScript中setTimeout执行顺序网上关于JavaScript中setTimeout的文章很多,但总感觉例子不够直接具体,因此写了个简单的例子并加以解释希望能让大家明白setTimeout是如何执行的。实例代码如下: {代码…} 代码十分简单,想必大家都能看懂,执…
  15. 使用nodejs自动生成前端项目组件脚本编写背景 写这个小脚本的初衷是,项目本身添加一个组件太繁琐了,比如我想要去建立一个login的组件,那么我需要手动去IDE中,创建index.js(组件出口文件),login.js(业务文件),login.html,login.less这四个…
  16. vane:基于 mobx & mobx-react 的 React store 管理框架 基于mobx & mobx-react的React store管理框架,提供简单快捷开发方式。 项目地址:Vane。 特点 三个API搞定问题!简单易上手,开发效率高。 如何使用 vane提供了一键初始化的start方法,入口文件可以像下面这样开始: import React from ‘react’; import App from ‘./App’…
  17. 庖丁解牛React-Redux(一): connectAdvanced 转眼间2017年已经过了一半了,看到之前有人问是否完成了自己半年的计划,答案是:当然没有啦。感觉自己现在对技术产生了敬畏,因为要学习的知识是在是太多了,而自己的时间和精力却很难达到目标,目前处在比较焦虑的状态。自己是年初进入掘金的,半年内虽然文章的阅读量不错但 转眼间2017年已经过了一半了,看到之前有人问是否完成了自己半年的计划,答案是:当然没有啦。感觉自己现在对技术产生了敬畏,因为要学习的知识是在是太多了,而自己的时间和精力却很难达到目标,目前处在比较焦虑的状态。自己是年初进入掘金的,半年内虽然文章的阅读量不错但
  18. 紧跟时尚,Fetch实践那些事今天看到关于阿里前端面试的提问,看到有一个兄弟说,阿里应该都用fecth了,怎么还在考ajax的底层实现,虽然以前读ajax已死,fetch永生文章时有了解这个知识,但闲着也是闲着,还是探索一下,才知道他好在那。老…

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

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


关注我

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

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

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