20171116 前端开发日报

所有主流浏览器都已支持 WebAssembly,包括 Edge 和 Safari;Chrome 扩展开发:定制 HTTP 请求响应头域;每日一读–JavaScript深入之执行上下文栈;前端跨域有哪些种方法及介绍?;大型网站HTTPS 实践(一)| HTTPS 协议和原理;10个JavaScript常见BUG及修复方法;GitHub 热门开源库汇总;JS 常用设计模式总结

  1. 所有主流浏览器都已支持 WebAssembly,包括 Edge 和 Safari While Mozilla has been preparing to launch Firefox Quantum, its fastest browser yet, some notable developments have happened with
  2. Chrome 扩展开发:定制 HTTP 请求响应头域 本文首发于《程序员》杂志2017年第9、10、11期,下面的版本又经过进一步的修订。 导读 搜索是程序员的灵魂,为了提升搜索的效率,以便更快的查询信息,我试着同时搜索4个网站,分别是百度、Google、维基、Bing。一个可行的做法就是网页中嵌入4个iframe,通过js拼接前面4个搜索引擎的Search URL并依次在if…
  3. 每日一读–JavaScript深入之执行上下文栈 顺序执行? 如果要问到 JavaScript 代码执行顺序的话,想必写过 JavaScript 的开发者都会有个直观的印象,那就是顺序执行,毕竟: var foo = function () { console.log('foo1'); } fo
  4. 前端跨域有哪些种方法及介绍? 1.同源策略如下: URL 说明 是否允许通信 www.a.com/a.js www.a.com/b.js 同一域名下 允许 www.a.com/lab/a.js www.a.com/script/b.js 同一域名下不同文件夹 允许
  5. 10个JavaScript常见BUG及修复方法 译者按: JavaScript语言设计太灵活,用起来不免要多加小心掉进坑里面。 原文: Top 10 bugs and their bug fixing 译者: Fundebug 为了保证可读性,本
  6. #开源项目#【GitHub 热门开源库汇总】详见: 本文收集了 GitHub 上一些知名度高的开源库,从数据库、Android、后台等均有涉及,希望你能找到自己喜欢的库。[耶] ​​​

    GitHub 热门开源库汇总
  7. #前端技术#【JS 常用设计模式总结】详见: 一篇文章了解 JS 中 18 种常见的设计模式。 ​​​

    JS 常用设计模式总结
  8. HttpProxy 研发心得 笔者之前为了研究HttpProxy,自己用Java造了一个轮子WAF,随着研究的深入,该项目也逐步成为公司的API Gateway之一,在研发过程中收获很多。 HTTP协议 既然初衷是HttpProxy,那么HTTP(RFC7230-7235/7216)协议是必然需要了解,这是每个开发人员都或多或少了解的协议。我之前自认为对HTTP还是有足够…
  9. 使用 Vue.js 和 Flask 实现全栈单页面应用 在本教程中,我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。 如果你只是想使用 Vue.js 库和 Flask 模板基本上是没什么问题的。但…好吧,其实还是有一个比较显而易见的问题:跟 Vue.js 一样,Jinji(模板引擎)也是使用双大括号来渲染页面,但已经有一个很好的解决方案 在这里 了。 …
  10. Zent:源自有赞微商城的 React 组件库 Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本,提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent,可以快速搭建出风格统一的页面,提升开发效率。目前我们有 45+ 组件,其中包括 Design 以及 SKU 等实用的业务组件。这些组件都已经在有赞的各类 PC 业务中广泛使用,我们会在此基础上,持续开发…
  11. fighting:React 全家桶工程,开箱即用 这是一个react工程项目,开箱即用,它拥有如下配置,如果这不是你喜欢的,可以随时移除。 【请求库】: https://github.com/axios/axios 【UI组件库】: https://ant.design/index-cn 【icon图标库】: iconfont 【mock server】: 使用了koa 1.x 【Less】: 样式上使用了l…
  12. JavaScript 高级系列之节流 [throttle] 与防抖 [debounce] 一、概念这两个东西都是为了项目优化而出现的,官方是没有具体定义的,他们的出现主要是为了解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题;像这类事件一般像 scroll keyup mousemove resize等等,短时间内不断的触发,在
  13. 如何控制多个同级视图的显示隐藏(Vue.js) 因群里有个小伙伴问到了一个场景,有很多视图需要控制显示隐藏(视图可以同时显示),常规的做法就是每个视图都使用一个变量去控制,但是这样的话又会对应到每个控制变量切换的methods,这样做会让代码变得很臃肿且不移维护,那么用什么方式可以比较优雅地解决这个问题呢?
  14. 一文读懂 JavaScript 和 ECMAScript 的区别》这篇文章代表了我目前对 JavaScript 和 ECMAScript 之间差异的理解。 (by oschina ) ​​​

    一文读懂 JavaScript 和 ECMAScript 的区别
  15. ThinkJS 3.0 如何实现对 TypeScript 的支持 ThinkJS 3.0 是一款面向未来开发的 Node.js 框架,内核基于 Koa 2.0。 3.0 相比 2.0 版本进行了模块化改造,使得内核本身只包含了最少量必须的代码,甚至还不足以构成一个完整的 Web MVC 框架,除了内核里面实现的 Contro
  16. 从零搭建 vue2 vue-router2 webpack3 工程 以新手视角,详细介绍各个步骤内容,不深入讲步骤涉及的原理,主要介绍如何操作。 本文示例工程 GitHub:https://github.com/qinshenxue/vue2-vue-router2-webpack2 2017-09-30 升级了 Vue(2.4.4)和 Webpack(3.6.0),github 项目已更新。 2017-11-02 修复了 babel 配置为”prese…
  17. #css3动画#【jQuery Waypoint 元素滚动监听触发插件】插件介绍Waypoint(路标)是一个很容易执行滚动到元素触发事件的jQuery插件。常常用于滚动到元素时触发动画、添加事件、固定在某个位置和无限滚动加载等。该插件主要是跟…请戳→ #前端开发博客# ​​​

    jQuery Waypoint 元素滚动监听触发插件

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

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


关注我

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

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

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