20171001 前端开发日报-前端开发博客

JavaScript 版数据结构与算法（一）栈；我是怎么让网站用上HTML5 Manifest；JavaScript 版数据结构与算法（二）队列；JavaScript 版数据结构与算法（三）链表；node.js邮箱注册，激活，登陆相关案例；在 JavaScript 中使用构造器函数模拟类；ReactNative 到 Weex 的艰难一迈；JavaScript 版数据结构与算法（四）集合

JavaScript 版数据结构与算法（一）栈栈是什么？栈是一个后进先出（LIFO）的数据结构。栈有啥作用？栈可以模拟算法或生活中的一些后进先出的场景，比如：十进制转二进制，你需要将余数倒序输出。二叉树的先中后序非递归遍历都用到了栈。在生活中，栈可以模拟煤炉与蜂窝煤等场景。用 JavaScript 写一个栈类对于 JavaScript 工…
我是怎么让网站用上HTML5 Manifest Manifest是用来做离线页面的，即使断网也能正常打开页面，用起来简单，但是在实际使用中存在以下问题：（1）如何自动缓存所有的页面的资源？因为manifest不能使用*通配符进行cache （2）如果网站资源更新，怎么让manifest文件自动更新？不然如果用户不清缓存即使联网也会加载老页面我觉得很多网站没有使用Manife…
JavaScript 版数据结构与算法（二）队列队列是什么？队列是一种先进先出（FIFO）的数据结构。队列有什么用呢？队列通常用来描述算法或生活中的一些先进先出的场景，比如：在图的广度优先遍历中，我们需要使用队列来记录每个节点的相邻节点，以便可以在接下来最先访问它们，从而实现广度优先遍历。在 JavaScript 事件循环（Event Loop）中有一个事件…
JavaScript 版数据结构与算法（三）链表链表是什么？链表是一种动态的数据结构，这意味着我们可以任意增删元素，它会按需扩容。为何要使用链表？下面列举一些链表的用途：因为数组的存储有缺陷：增删元素时往往需要移动元素。而链表在内存中的放置并不是连续的，元素通过 next 属性指向下个元素，所以链表增删元素，不需要移动元素，只需要更改 next 的…
node.js邮箱注册，激活，登陆相关案例具体的详细代码github 现在的登陆系统除了第三方登陆接入以外，主要有短信登陆和邮箱登陆，按照现在实名制的特点，现在的短信登陆比较多，但是还是有一些会用到邮箱登陆的。本文主要是关于邮箱登陆的相关案例，通俗的说就是用户使用邮箱注册，当注册成功时，会给注册用户发邮件进行激活，当然这个邮件有一定的时效…
在 JavaScript 中使用构造器函数模拟类
ReactNative 到 Weex 的艰难一迈 “Write once，Run Everywhere” 一次编写，多端运行。React迁移到MIT协议，可惜React Native依然没改，没有RN的日子，还好有Weex这位哥们顶着。虽然没有RN那么牛逼，但也算是一个不错的小兄弟。很多人可能要问我搞了
JavaScript 版数据结构与算法（四）集合什么是集合？与栈、队列、链表这些顺序数据结构不同，集合是一种无序且唯一的数据结构。集合有什么用？在 Python 中，我经常使用集合来给数组去重： >>>list(set( )) 当然，ES6中也实现了集合——Set，那么 JavaScript 集合风格的数组去重应该是这样： function remove_duplicat…
ES6 Promise：模式与反模式
Vue.js的从入门到放弃进击录（二）
【JS】装饰器让你的代码更简洁当我们在使用JavaScript时，有时需要用到setTimeout函数来强制代码延迟运行。比如： setTimeout(() => { …代码… // 这里的代码将延迟运行 }, 0); 我很讨厌这样写代码，我希望它变当我们在使用JavaScript时，有时需要用到setTimeout函数来强制代码延迟运行。比如： setTimeout(() => { …代码… // 这里的代码将延迟运行 }, 0); 我很讨厌这样写代码，我希望它变
前端小项目之在线便利贴实现的效果如下：界面可能不是太好看，考虑到容器的高度会被拉长，因此没有用图片做背景。实现的效果如下：界面可能不是太好看，考虑到容器的高度会被拉长，因此没有用图片做背景。
使用JSARToolKit5 开发AR应用 (1) 简介相关站点 jsartoolkit5 – ARToolkit.js Talkingdata – 用数据的心智去超越 three.js 系列教程- 良心之作介绍本文是使用JSARToolKit5构建增强现实（AR）Web应用程序的简短介绍。我们将要学习什么是JSARToolKit5，您可以使用它AR应用程序，以及如何使用Three.js 3D引擎来构建3D AR对象。我也…
Node.js 性能调优之代码篇(四)—— 使用 Rust 编写 Node.js 扩展
手把手教你用React实现一个简单的个人博客学习 React 的过程中实现了一个个人主页，没有复杂的实现和操作，适合入门 ~ 原文地址：https://github.com/axuebin/react-blog/issues/17 这个项目其实功能很简单，就是常见的主页、博客、demo、关于我等功能。 …
在Vue中有条件地使用CSS类很多时候Web在运行时要更改元素的CSS类名。但是在改变类名时，有时最好是有条件地应用样式。例如你有一个翻页的效果。翻页效果通常有一个高亮的效果，用于向用户显示当前页，这对于用户而言是很有帮助的。该项目的样式是有条件设置的，基于当前正在查看的页面。翻页常见的一个效果看起来像下面这样：在这个…
前端最佳实践（一）——DOM操作前言本文是博主最近处理一些网站卡顿问题的学习记录。原文地址：前端最佳实践（一）——DOM操作，觉得有用的话可以给个star，谢谢啦。作者:wengjq 1、浏览器渲染原理在讲DOM操作的最佳性能实践之前，先介绍下浏览器的基本渲染原理。浏览器渲染展示网页的主
React16中的错误处理 React DocsTutorialCommunity Blog v16.0.0-rc.3GitHub React16的错误处理 2017.9.26 由Dan Abramov撰写。随着React16的发布
Vue 2.0学习笔记：自定义表单组件上一节中，通过 v-model 的学习，我们可以实现双向数据绑定的的效果。在整个教程中，我们看到的示例都是表单控件方面的。实际上 v-model 还可以和组件结合在一起实现双向数据的绑定效果。在Web的表单控件中，我们经常为了一些特殊的视觉效果，做自定义的表单风格，比如单选按钮、复选框和下拉选择框之类的。那么我们…
前端每周清单第 33 期：React 16 发布与特性介绍，Expo AR 教程，ExtJS 从崛起到沉寂前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单。新闻热点国内国外，前端
log.io-ts – 基于nodejs+socket.io的实时日志系统使用nodejs构建web应用非常方便，但是带来的日志管理问题却不太好搞，因为一般程序日志都是写本地文件中的。当然，如果您不闲折腾使用rsyslog去做日志集中管理也是可以的，不过配置略麻烦。今天要介绍的是一个基…
Preact 源码解析之元素创建流程 Preact 源码解析之元素创建流程 Preact 作为实现大部分 React 的接口，并且专注于轻量的框架，在前一阵 React 由于专利事件受到质疑的时候，进入了大家的视野，并且成为了在不得已需要放弃 React 之后的首选。虽然在今天，React
React 内部机制探秘 – React Component 和 Element（文末附彩蛋demo和源码）React 内部机制探秘 – React Component 和 Element（文末附彩蛋demo和源码）这篇文章比较偏基础，但是对入门 React 内部机制和实现原理却至关重要。算是为以后深入解读的一个入门，如果您已经非常清楚: React Co…
nuxt(vue) + koa + mongo 写blog的一次小结两个多月的空余时间里，博客差不多搭完。感谢surmon.me，此 blog 才会诞生。感谢七牛云提供资源存储。感谢腾讯云提供 SSL 证书。感谢各种开源。体验地址： jkchao.cn nuxt(vue) + koa + mongo 写
MultiHttp：高性能的 PHP 封装的 HTTP Restful 多线程并发请求库 This is high performance curl wrapper written in pure PHP. It’s compatible with PHP 5.4+ and HHVM. Notice that libcurl version must be over 7.36.0, otherwise timeout can not suppert decimal. 这是一个高性能的PHP封装的HTTP Restful多线程并发请求库，参考借鉴了httpresful 、multirequest等优秀…
#IT技术分享#【12 个 GitHub 上的实用技巧】详见：玩转 GitHub 的一些实用小技巧，希望你能 get√ 新姿势。[喵喵]
JavaScript是如何工作的：内存管理 + 如何处理4个常见的内存泄露本文转载自：众成翻译译者：Leslie Wang审校: 为之漫笔链接：http://www.zcfy.cc/article/4211原文：https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leak…