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

2018 年你应该知道的 Vue.js 的 11 个组件库；欢迎来到新时代，HTML 5.2 已成为 W3C 新推荐标准；TypeScript, Angular 和移动端的跨平台开发；可能是最全的Vue-TypeScript教程(附实例代码和一键构建工具)；css sprites精灵图、css图片整合、css贴图定位案例教程；Bootstrap-vue；JS截取字符串之substring、substr和slice详解；每日源码分析 – Lodash(remove.js)

2018 年你应该知道的 Vue.js 的 11 个组件库 2018 年来临之际，继最热的 React 组件库和 Angular 组件库之后，这里有 11 个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。与 React 和 Angular 不同的是，Vue.js 是 Evan You 通过众包（ crowd-sourcing）来维护的一个开源项目。这也是 Vue.js 最好的一部分，因为会鼓励…
【欢迎来到新时代，HTML 5.2 已成为 W3C 新推荐标准】W3C 万维网联盟近日宣布，HTML5.2 已准备就绪，现已成为 W3C 推荐标准。HTML5.2 是 HTML 语言第五大版本的第二个小版本。详见（来自：开源中国）
TypeScript, Angular 和移动端的跨平台开发摘要 Google技术经理陈亮将为大家介绍TypeScript和Angular是什么以及如何利用TypeScript和Angular进行移动端的跨平台介绍。内容来源： 2017年7月15日，Google Engineering Manager陈亮在“2017 JavaScript中国开发者大会”进行《TypeScript, Angular, 和移动端的跨平台开发》演讲分享。IT 大咖说作为独家视频合…
可能是最全的Vue-TypeScript教程(附实例代码和一键构建工具) 功能轮播搜索列表懒加载简单动画 loading vue-router.ts vuex.ts vue-class-component使用 vuex-class使用 xxx.d.ts声明文件基于类的编写方式 mock数据 tsconfig.json webpack配置 vue-typescript-cli 项目地址： github.com/SimonZhangI… 欢迎提…
css sprites精灵图、css图片整合、css贴图定位案例教程一、什么是css sprites CSS Sprites通常被称为css精灵图，在国内也被意译为css图片整合和css贴图定位，也有人称他为雪碧图。就是将导航的背景图，按钮的背景图等有规则的合并成一张背景图，即多张图合并为一张整图，然后再利用bac
#开源项目#【Bootstrap 4 组件与 Vue.js 集成：Bootstrap-vue】详见： Bootstrap-vue 是前端两大流行框架 Vue 与 Bootstrap 4 集成的项目，用于构建响应式、移动优先的 Web 项目。
【JS截取字符串之substring、substr和slice详解】js字符串截取，本文详细的介绍了JavaScript中substring()、substr()和slice()三个js字符串截取的方法，substring()方法用于提取字符串中介于两个指定下标之间的字符.substr 方法用于…详情→ #前端开发博客#
每日源码分析 – Lodash(remove.js) 本系列使用 lodash 4.17.4版本源码分析不包括引用文件分析一、源码 import basePullAt from './.internal/basePullAt.js' /** * Removes all elements from `
基于 Egg 的高可靠高性能 React 同构解决方案 beidou 开源了本文发表于北斗同构github, 转载请注明出处注：本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。前言随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场…
redux v3.7.2源码详细解读与学习之compose redux是什么、有什么作用，解决什么问题，如果你还不知道，请先去这里： redux中文文档下面的文章适合对redux有一定理解和使用经验的人项目github地址：github.com/wangweiange…如果你觉得对你有帮助的话记得给我一个star 呢说
JavaScript "相等" 的二三事相等不相等？先来随便举几个:chestnut:吧~ ‘0’ == true //? == //? == 1 //? null == false //? null == undefined //? NaN === NaN //? +0 === -0 //? Object.is( ) //? Object.is(-0, +0) //? Object.is(NaN, NaN) //? v…
webpack 为什么这么难用？
前端开发者常用的9个JavaScript图表库
【Bootstrap Modal遮罩弹窗】本文分享的是一个简单仿Bootstrap遮罩弹窗插件的代码，通过固定遮罩在弹窗中的某个位置，并且有关闭按钮。希望你会喜欢这个简单版的遮罩代码。 #前端开发博客#
Pandora.js 的 Service 机制这篇依然是介绍 Pandora.js 的系列文章之一项目地址： https://github.com/midwayjs/pandora 欢迎社会各界前来 Star ~ 本章主要介绍我们的 Service 机制，是 Pandora.js 对于进程编排的一种高级机制。 Q：为什么要有这种机制？ A：因为进程是昂贵的，我们需要有一种机制可以管理进程内的启停。 Service 解…
React 官方文档 FAQ 常见问题参考解决怎样发送 AJAX 请求? 你可以在 React 中使用任何你喜欢的 AJAX 库，例如很受欢迎的 Axios，jQuery AJAX 和浏览器内置的 window.fetch。我应该在组件的哪个生命周期发送 AJAX 请求? 你应该
网站性能优化——DNS预热与合并HTTP请求DNS预热一次DNS解析耗时20-120ms, 当网页中使用的域名较多时，DNS预热节省的时间还是非常可观的先看效果预热的目的：减少请求次数提前对DNS预获取预热的方式爬虫 APP 网页meta {代码…} 另外，对于国际化…
深入理解 React JS 中的 setState 此文主要探讨了 React JS 中的 setState 背后的机制，供深入学习 React 研究之用。在课程 React.js入门基础与案例开发中，有些同学会发现 React JS 中的 setState 的表现好像有点怪异，和理解中的 state 更新机制不太一样，下面我们就来简单探讨下 setState 背后的机制。课程中的其他常见小问题请常见 React.j…
解读 JavaScript 之事件循环和异步编程欢迎阅读专门探索 JavaScript 及其构建组件的系列文章的第四章。在识别和描述核心元素的过程中，我们还分享了关于构建 SessionStack 时需要遵循的一些经验法则，一个 JavaScript 应用必须是强大且高性能的，才能保持竞争力。你有没有错过前三章？你可以在这里找到它们：引擎，运行时和调用堆栈…
vue mixins和extends的妙用 vue提供了mixins、extends配置项，最近使用中发现很好用。如有不对请指正，感谢尤大提供搞笑生产工具。混合mixins和继承extends 看看官方文档怎么写的，其实两个都可以理解为继承，mixins接收对象数组（可理解为多继承），extends接收的是对象或函数（可理解为单继承）。继承钩子函数 const extend …
从 webpack 到全面拥抱 Parcel #1 探索 Parcel 最近大家都在关注一个很流行的类似webpack 的前端构建工具 Parcel 。这个库刚出来没多久(好像截至目前十几天)，但是很受欢迎，看下图就知道。所以值得一探！官方地址：https://parceljs.org/ github 地址：https://github.com/parcel-bundler/parcel 介绍这个库之前，我们来说一下我个人觉得webpa…
解读 JavaScript 之内存管理和常见内存泄露处理几周前，我们开始了一系列旨在深入挖掘 JavaScript 及其工作原理的研究：我们认为，通过了解 JavaScript 的构建块及其组合方式，你将可以更好的编写代码和应用程序。该系列研究的第一篇幅重点介绍了引擎、运行时和调用堆栈的概述。第二篇幅则深入测试研究了谷歌的 V8 JavaScript 引擎的内部零件，也提供了一些关…
Angular2+,路由预加载–预先加载延迟模块使用懒加载才会存在预加载的概念预加载是自己加载完了再去加载其他模块注意，是自己加载完也就是闲时再去加载预加载指定模块参考了很多例子，虽然实现了预加载但却是在本模块内容没加载完就会去加载延迟模块，这样就等于没有配置懒加载，所以得进行一些优化。 1. 虽然配置了预加载但却在本模块没加载…
使用 Native Messaging 来开发 WebExtensions （图来自火狐壁纸 — 2017年11月） WebExtensions是用来开发Firefox扩展（Extension）的技术，与其他浏览器扩展接口有很大程度的兼容（比如Chrome扩展接口（Chrome Extension API）、Edge）。关于WebE
How to use CircleCI for GitHub Pages Continuous Deployment How to use CircleCI for GitHub Pages Continuous Deployment Dec 19, 2017 Today we’re going to introduce how to use CircleCI for
nodejs-学习 cluster 模块在学习cluster模块之前，本文先要聊聊服务模型的变迁，然后分析下nodejs的多进程架构，最后才正式开始学习cluster。服务模型的变迁石器时代：同步最早的服务器，其执行模型是同步的，它的服务器模式是一次为一个请求服务，所有请求都得按次序等待服务。这意味着除了当前的请求被处理外，其余请求都处于耽误的状…
你所不知道的 Typescript 与 Redux 类型优化自从Redux诞生后，函数式编程在前端一直很热；去年7月，Typescript发布 2.0，OOP 数据流框架也开始火热，社区更倾向于类型友好、没有 Redux 那么冗长烦琐的 Mobx 和 dob。然而静态类型并没有绑定 OOP。随着 Redux 社区对 TS 的拥抱以及 TS 自身的发展，TS 对 FP 的表达能力势必也会越来越强。Redux 社区也需要…