Vant 1.3.10 发布，有赞轻量级移动端 Vue 组件库
Vant 1.3.10 已发布，更新内容如下：ImprovementsField: 新增 focus 方法 #1987Search: 新增 left-icon 插槽 #1974CouponCell: 新增 border 属性 #1993CouponCell: 优化优惠金额展示规则 #1...
2018年最佳JavaScript数据可视化和图表库
现在有很多图表库，但哪一个最好用？这可能取决于许多因素，如业务需求，数据类型，图表本身的目的等等。在本文中，每个JavaScript图表库将与一些关键因素进行比较，包括图表类型，商业或免费和开源状态。这些图表库通过实践经验从而进行了彻底的分析，以最大限度地进行最佳比较。1. React-VisReactJS是Facebook团队所创作的令人惊喜的前端框架。如果你已经在使用React了，那么...
Vant 1.3.5 发布，有赞轻量级移动端 Vue 组件库
Vant 1.3.5 已发布，更新内容如下：ImprovementsTab: 样式升级 #1908Badge: 样式升级 #1907Dialog: 样式升级 #1906NoticeBar: 样式升级 #1893Collapse: 新增 disabled 属性 #1892TreeSelect: 新增 height 属性 #1905ImagePreview: 支持手...
作为JavaScript开发人员，这些必备的VS Code插件你都用过吗？
如今，Visual Studio Code无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多，最主要是从Sublime和Atom那里。然而它的成功关键是源于能提供更好的性能和稳定的表现。另外，它还提供了如代码智能提示等开发者非常需要的功能。而这些功能，曾经只在像Eclipse或者Visual Studio 2017这样的完整集成开发环境(IDEs)中才有。 VS Code的强大无疑来自于它的插件市场。多亏了开源社区，VS Code现在几乎对所有的编程语言、框架和开发技术都有支持。提供这种支持的方式是多样的，主要包括了为特定技术提供代码片段、语法高亮、Emmet以及智能提示功能。
学习ES6笔记──工作中常用到的ES6语法
一、let和const在JavaScript中咱们以前主要用关键var来定义变量，ES6之后，新增了定义变量的两个关键字，分别是let和const。对于变量来说，在ES5中var定义的变量会提升到作用域中所有的函数与语句前面，而ES6中let定义的变量则不会，let声明的变量会在其相应的代码块中建立一个暂时性死区，直至变量被声明。let和const都能够声明块级作用域，用法和var是类似的，let...
2018 现代前端开发修炼手册
在我们开始这篇文章之前，先给你一个关于我和这个路线图的想法；在过去的5年里，我一直在做全栈开发，现在在 tajawal 担任首席工程师，在那里我不得不戴上不同的帽子。这不仅是我的爱好，也是我的工作职责之一，我要密切关注趋势，并让其它开发者保持接受良好的培训。我看到初学者（和类似的经验的人）为了跟上时代有很多困惑。在2017年，我有很多朋友来发邮件问我，如果他们想要从事这个职业，他们应该学习什么。因...
Hubble 见证 Vue 与 React 突破 10 万 GitHub Stars!
HomeArchivesTagsCategoriesHubble 见证 Vue 与 React 突破 10 万 GitHub Stars! 2018-06-16昨天 19 时 9 分前后，Vue 与 React 两个著名现代前端框架双双突破 10 万 GitHub Stars。并且在同日，晚于 React 诞生的 Vue 首次在 GitHub Star 数量上超越 React，最终率先达到 10 ...
这回试试使用CSS实现抛物线运动效果
一、回顾之前的JS实现 文章头图缩略图 差不多5年前，写了篇文章，名为“JavaScript与元素间的抛物线轨迹运动”（忽略前面几段的牢骚），然后写个JS方法，可以实现任意元素的抛物线运动效果，兼容到IE6浏览器，语法如下： funParabola(element, target, options); 就可以实现element元素到target元素的抛物线运动效果，类似这样：
vue中Axios的封装和API接口的管理
在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。
Uber开源Fusion.js：一个基于插件架构的通用Web框架
可能很多人都不知道，Uber 其实开发了很多基于 Web 的应用程序，可能有数百个，而且这个数字还在不断增加中，它们中的大部分被用在公司内部，用于管理各种业务。 我们知道，Web 技术变化得很快，而最佳技术实践也在不断发展。为数百名 Web 工程师提供高质量的框架和功能，同时又要保持 Web 平台的动态特性，一直以来都是一个巨大的挑战。 为了应对这一挑战，Uber 的 Web 平台团队开发了 Fusion.js，一个开源的 Web 框架，用于简化 Web 开发，并构建出高性能的轻量级 Web 应用程序。
HTTP2和HTTPS来不来了解一下？
本文力求简单讲清每个知识点，希望大家看完能有所收获二、HTTP协议的今生来世最近在看博客的时候，发现有的面试题已经考HTTP/2了，于是我就顺着去了解一下。到现在为止，HTTP协议已经有三个版本了：HTTP1.0HTTP1.1HTTP/2下面就简单聊聊他们三者的区别，以及整理一些必要的额外知识点。2.1HTTP版本之间的区别2.1.1HTTP1.0和HTTP1.1区别HTTP1.0...
如何实现一个HTTP请求库——axios源码阅读与分析
概述在前端开发过程中，我们经常会遇到需要发送异步请求的情况。而使用一个功能齐全，接口完善的HTTP请求库，能够在很大程度上减少我们的开发成本，提高我们的开发效率。axios是一个在近些年来非常火的一个HTTP请求库，目前在GitHub中已经拥有了超过40K的star，受到了各位大佬的推荐。今天，我们就来看下，axios到底是如何设计的，其中又有哪些值得我们学习的地方。我在写这边文章时，ax...
Vue vs React: Javascript 框架之战
正如我们之前提到的，WordPress 的核心团队正争论着为应该将哪款（前端框架）加入现在的架构之中。目前看来，暂时脱颖而出的是React与Vue.js，社区中的很多成员正权衡着这两款框架的利弊。那到底哪款框架会胜出，哪款框架又会沦为昔日的prototype.js.呢？让我们一起看看吧。我已经写出了两个几乎一样的Web应用，一个是基于Vue，另一个则基于React，可以方便你在看这篇文...
React 教程：2018年学习 React.js 的综合指南
组件(Component) 是 React的构建块。如果你有 Angular 技术背景，那么组件(Component) 与 Directives 非常相似。如果你来自其他的技术背景，那么它们本质上是小部件或模块。您可以将组件视为 HTML，CSS，JS 的集合以及特定于该组件的一些内部数据。我喜欢将 React 组件视为 Web 中的水果派 。它们拥有您需要的一切，将美味随心所欲的组合并包裹起来。这些组件定义在纯 JavaScript 中，或者可以在 React 团队称为“JSX”的内容中定义。如果您决定使用JSX（您很可能会使用它，它非常标准 – 我们将在本教程中使用），你需要一些编译阶段来将你的 JSX 转换为 JavaScript ，我们稍后会讨论这个问题。
React 16 加载性能优化指南
关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 React 16 和 Webpack 4.0，做了很多这方面的优化，所以就写一篇文章来总结一下。
DOM系列：动态添加CSS样式规则_JavaScript, DOM, DOM系列 教程
在上一节中学习了如何通过JavaScript来修改CSS样式。简单地说：查询CSS样式（即计算样式），设置单个样式（设置的是行内样式），设置多个样式（通过类来设置样式）。即：通过DOM Element对象的getAttribute()、setAttribute()和removeAttribute()等方法修改元素的style属性通过对元素节点的style来读写行内CSS样式通过style对象的...
从零开始搭建一个react项目
新建并配置webpack新建webpack.config.js 文件。首先要理解webpack的几个基础概念入口(entry)、出口(output)、载入器(loader)、插件(plugins)、模式(mode) 。webpack中文文档。代码如下：1 // __dirname是node.js中的一个全局变量，它指向当前执行脚本所在的目录2 // path是node.js中提供的处理文件路径...
Rest/Spread 属性 • 探索 ES2018 和 ES2019
Rest/Spread 属性Sebastian Markbåge的ECMAScript提案『Rest/Spread属性』可以：rest操作符（…）在对象解构中的使用。目前，该操作符仅适用于数组解构和参数定义。spread操作符（…）在对象字面量中的使用。目前，这个操作符只能在数组字面量和函数以及方法调用中使用。在对象解构中使用rest操作符（...）在对象解构模式中，rest操作符（…）将解构...
AntV官微的微博：在这全年最 6 的日子，AntV/G6 开源了
G6 是一个图可视化框架。它提供了一套图可视化的基础设置，能帮助开发者搭建属于自己的图 图分析 应用或是 图编辑器应用。官方地址：https://antv.alipay.com/zh-cn/g6/1.x/index.html