20171201 前端开发日报

分享7款个性化jQuery/HTML5地图插件;2017 年前端开发者必学清单;前端重构之路(组件化);now.js 0.1.0 发布了;JavaScript优化模式;关于JavaScript对象,你所不知道的事(二)- 再说属性;Vue实现一个页面缓存、左滑返回的navigator;开发者需要了解的WebKit

  1. 分享7款个性化jQuery/HTML5地图插件 现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化地图插件,有几款地图比较实用,有些则是具有抽象的概念,很有个性化。 1、HTML5世界地图 划
  2. 2017 年前端开发者必学清单 新的一年,前端开发者该学习一些什么呢?本文给出了一份清单。
  3. 前端重构之路(组件化) 本文解决了几个问题:组件化开发、按需且支持并行加载、数据驱动、服务端渲染、Web Component 使用方式等。
  4. now.js 0.1.0 发布了 now.js是什么now.js是一个javascript的时间操作小工具,类似date-fns和moment。 长啥样简单的把示例放这,更多用法请到github去发现。 import Now from 'now.js'; // for node(browser
  5. JavaScript优化模式 JavaScript优化模式(一)——作者Benedikt Meurer 已经有一段时间没有在博客上发帖了,主要是因为我真的没时间精力坐下来,把想写的东西写出来。一部分原因是Chrome浏览器59版V8引擎的点火装置(Ignition)翻译器和涡轮风扇
  6. 关于JavaScript对象,你所不知道的事(二)- 再说属性 说完了对象那些不常用的冷知识,是时候来看看JavaScript中对象属性有哪些有意思的东西了。 不出你所料,对象属性自然也有其相应的 特征属性 ,但是这个话题有点复杂,让我们先从简单的说起,对象属性的分类。 面对一个复杂的事物,寻找其内在共性,妥善分类往往是快速认知该事物的捷径,这与程序员“将难以解决…
  7. Vue实现一个页面缓存、左滑返回的navigator 本文将介绍如何在不使用vue-router提供的router-view的情况下,实现一个渲染路由对应组件的navigator控件,并逐步增加主副舞台区分、页面缓存、页面切换动画、左滑返回支持等功能。 本组件的源码位于我的github: github.com/lqt0223/nav… 本组件的demo: navigator-demo.herokuapp.com/#/view1 (建议在移动设备上…
  8. 开发者需要了解的WebKit 对许多开发者来说,WebKit就像一个黑盒。我们把HTML、CSS、JS和其他一大堆东西丢进去,然后WebKit魔法般的以某种方式把一个看起来不错的网页展现给我们。本文从前端开发者的角度讲解了Webkit是什么以及不同的浏览器中Webkit的相同及不同之处。
  9. React 16.2.0 发布,构建用户界面的 JavaScript 库 React 16.2.0 发布了。React 是 Facebook 推出的一个为数据提供渲染为 HTML 视图,用来构建用户界面的开源 JavaScript 库。 React 视图通常采用包含以自定义 HTML 标记规定的其他组件的组件渲染。React 为程序员提供了一种子组件不能直接影响外层组件("data flows down")的模型,数据改变时对 HTML 文档的…
  10. JavaScript 中的 delete 操作符 作者详细讲述了 delete 操作的实现、局限以及在不同浏览器和插件中的表现。
  11. jQuery插件的二种类型 jquery插件的开发包括两种:一种是类级别的插件开发,给jquery添加新的全局函数(jquery命名空间的函数),相当于给jquery类本身添加方法。另一种是对象级别的插件开发,即给jquery对象添加方法。 类级别的插件开发 //添加全局函数 jQuery.foo = function() {};//使用方式jQuery.foo(); //使用jQuery.extend(object)…
  12. JavaScript宝座:七大框架论剑 另一篇JS框架PK的文章
  13. Gulp 新手入门教程 Gulp 是目前前端领域最流行的构建工具,本文会帮助你快速入门。
  14. 我为什么从Redux迁移到了MobxRedux是一个数据管理层,被广泛用于管理复杂应用的数据。但是实际使用中,Redux的表现差强人意,可以说是不好用。而同时,社区也出现了一些数据管理的方案,Mobx就是其中之一。 Redux的问题 Predictable state co…
  15. 大话 Git 工作流 Git ,老少皆知,但工作流对于新入门的就未必了,可能很陌生,不知所云。本文风格有点像讲故事,正所谓“大话”。
  16. 时尚且健壮: 实现更优秀的 CSS 你觉得 CSS 难写吗?你觉得 CSS 算编程语言吗?如何实现时尚且健壮的 CSS ?
  17. Web 动画性能指南 文本围绕量化动画的流畅程度、了解浏览器的渲染机制、动画调优的策略与技巧等几个方面深度探索了 Web 动画性能。
  18. 深入浅出 Vue 之 State 本文对 Vue 中常用功能的内部工作原理进行介绍,推荐使用 Vue 开发的同学们看一看~
  19. Promise 与 Confirm 提示框 Promise 是 ES6 中非常重要的概念。相较于回调函数和事件监听,Promise 可以更好的解决了异步编程中遇到的问题。 Promise 是 ES6 新引入的对象。使用Promise 封装一个异步过程,避免了使用回调函数,链式调用让代码更加清晰。 1. Promsie 的基本概念 Promise 对象是个构造函数,通过 new 创建一个 Promise 实例…
  20. vue插件开发练习–实用弹窗 1.前言 上回说了组件( vue组件开发练习–焦点图切换 )的一个练习项目,这次换下口味,说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件,这个可能就更简单了,基本就是熟悉下插件开发的步骤就可以了!这个项目,我更建议大家动手练习了,这个弹窗比之前的焦点图更加的实用性,也更常用。同时也能让大家…
  21. 剖析 Promise 内部结构,一步步实现一个完整的的 Promise 此文深入剖析了一个 Promise/A+ 的内部实现,并一步一步带领读者实现了一个能够通过所测试用例的Promise类。
  22. 萌新也能懂的现代 JavaScript 开发 前端进化图: Images from Dinosaur Comics by Ryan North 有时候入门没入好,学习起现代的 JavaScript 开发还是颇有难度的。生态系统太日新月异以至于让人难以理解不同工
  23. JavaScript—网络编程(1)-介绍、变量、运算符与语句 摘要: JavaScript也是一种编程语言。并不是Java的分支哦。 可以直接在浏览器中运行的编程语言。 JavaScript 的历史故事: 1、JavaScript语言与名称的由来(Netscape,Sun Java) 最开始是叫LiveScript的~有一个小故事,有兴趣的朋友可以去百度一下。 JavaScript也是一种编程语言。并不是Java的分支哦。 可以…
  24. HTTP/2 Server Push 的研究 使用 Node 进行 HTTP/2 Server Push 实验。
  25. NVIDIA DIGITS:网页版深度学习框架 我也忘了在哪里看过几篇类似的文章,为了让更多朋友知道这个好工具,我今天也作为一名合格的搬运工,希望大家努力传播正能量,和大家共同进步!谢谢! NVIDIA为了卖出更多的显卡,对深度学习的偏爱真是亮瞎了狗眼。除了CUDNN, 又出了DIGITS,真是希望小学生也能学会深度学习,然后去买他们的卡。NVIDIA DIGITS…
  26. tio-websocket 0.0.4 发布,和 tio 底层 API 无缝对接 tio-websocket是基于tio实现的websocket服务器,使用方式极其简单 本次修改点 1、 t-io 版本升级到2.0.2.v20171129-RELEASE 2、 tio-http 版本升级到0.0.4-tio-http 3、简单优化一下demo程序 最新pom坐标 <strong><dependency> <groupId>org.t-io</groupId> <artifactId…
  27. Golang http server 代码原理学习 本文基于Go 1.7.1,所有列的Go标准库的代码均来自于go/src/net/http/server.go文件。 代码列的有点多,感觉有点乱,但是感觉代码列不全对于想看代码的人又难受。好吧,其实是写的乱。看起来需要耐心… 拨云见雾 Go中要实现一个简单的Web server非常的简单: package main import ( …
  28. #开源项目#【用 CSS 绘制样式的 Web 组件:CSS doodle】详见: CSS doodle 是一个用于绘制样式的 Web 组件。它的语法基于 CSS,也包含了一些额外的功能与特性,从而让你更容易地利用 CSS 绘制图案或动画样式。 ​​​

    CSS doodle
  29. 照片位图转SVG矢量图片JS工具primitive.js等简介 这篇文章发布于 2017年11月30日,星期四,01:19,归类于canvas相关,SVG相关。 阅读 74 次, 今日 73 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6565 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。 一、关于primitive primitive是相对来说比较有名的…
  30. 深入浅出 – vue变化侦测原理 深入浅出 – vue变化侦测原理 其实在一年前我已经写过一篇关于 vue响应式原理的文章 ,但是最近我翻开看看发现讲的内容和我现在心里想的有些不太一样,所以我打算重新写一篇更通熟易懂的文章 我的目标是能让读者读完我写的文章能学到知识,有一部分文章标题都以深入浅出开头,目的是把一个复杂的东西排除掉干扰学习…

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

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


关注我

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

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

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