随笔分类 - 前端技术
摘要：首页 文档 下载 实例 社区 工具 关于 2.0 EN 首页 文档 下载 实例 社区 工具 关于 2.0 EN 首页 文档 下载 实例 社区 工具 关于 2.0 EN ECharts 特性 ECharts 特性 ECharts 特性 特性 丰富的可视化类型 多种数据格式无需转换直接使用 千万数据的前
阅读全文
摘要：为什么要使用FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。 项目地址：https://github.com/ftlabs/fastclick FastClick的
阅读全文
摘要：pc端事件在移动端的问题 移动设备主要特点是不配备鼠标，键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了，虽然部分仍然可以使用。 click事件的300ms延迟问题。 2007年第一代iphone发布，由于那个年代所有的网页都是针对大屏的pc端设
阅读全文
摘要：本文为转载 Introduction As you would probably know, Node.js is a platform built on Chrome's JavaScript runtime, gracefully named V8. The V8 engine, and hen
阅读全文
摘要：作者｜javinpaul 译者｜无明 之前我们已经介绍了 2019 年 Vue 学习路线图，而 React 作为当前应用最广泛的前端框架，在 Facebook 的支持下，近年来实现了飞越式的发展，我们将在下文中介绍 2019 年 React 学习路线图，希望给想学 React 的开发者一些借鉴。 下
阅读全文
摘要：在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： 观察上述代码执行，在Chrome的控制台输出可以看到： 可见，异步操作会在将来的某个时间点触发一个函数调用。 AJAX就是
阅读全文
摘要：Hybrid App技术解析 — 原理篇 Hybrid App技术解析 — 原理篇 原文出处： https://segmentfault.com/a/1190000015678155 引言 随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybri
阅读全文
摘要：H5 移动调试全攻略 H5 移动调试全攻略 随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，定 Bug于无形。 一、概要 因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方
阅读全文
摘要：mocha 如果你听说过“测试驱动开发”（TDD：Test-Driven Development），单元测试就不陌生。 单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 比如对函数abs()，我们可以编写出以下几个测试用例： 输入正数，比如1、1.2、0.99，期待返回值与输
阅读全文
摘要：前端项目构建之Yeoman 转自博客园博主，没找到出处，侵权删。 grunt(构建工具):http://www.gruntjs.net/ 1.安装完node后打开终端输入node -v 出现下图则说明安装成功。 2.安装git Git 是 Linus Torvalds 为了帮助管理 Linux 内核
阅读全文
摘要：官方 React 快速上手脚手架 create-react-app 摘要： 此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快
阅读全文
摘要：安装 npx create-react-app my-app cd my-app npm start 安装后之后，就是这样的了 配置 这样的”零配置”没法满足我们的需求，我们需要自定义，需要加一些 loader，plugin 等。react 团队当然也提供了这样的途径 yarn eject Remo
阅读全文
摘要：React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 1 2 3 4 5 6 7 8 9 render () { return ( <ul> {this.state.todoItems.map(({item, key}) =>
阅读全文
摘要：Web Worker 使用教程 一、概述 JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。 Web W
阅读全文
摘要：前言 前言 这篇文章主要是分享一个时空穿梭框功能，也就是我们平时用的选择功能。勾选了的项就会进入到另一个框中。 时空穿梭框之旅 时空穿梭框之旅 示例演示： 这个时空穿梭框实现了： 1、可以全选、反选 2、没有选中时，不可以点穿梭按钮 3、自动计数（共有多少个，选中了多少个） 4、没有数据时，全选不可
阅读全文
摘要：什么是前端路由 前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。这篇文章主要和大家谈谈什么是前端路由，以及它的使用场景及优缺点1.什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服
阅读全文
摘要：vue-router中的router-link的active-class 在vue-router中要使用选中样式的方法有两种： 1、直接在路由js文件中配置linkActiveClass 2、在router-link中写入active-class 问题：如果就这样，那么会出现一个问题，不管跳转到哪里
阅读全文
摘要：什么是 mvvm？ MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View
阅读全文
摘要：起步 webpack 用于编译 JavaScript 模块。一旦完成安装，你就可以通过 webpack 的 CLI 或 API 与其配合交互。如果你还不熟悉 webpack，请阅读核心概念和打包器对比，了解为什么你要使用 webpack，而不是社区中的其他工具。 基本安装 首先我们创建一个目录，初始
阅读全文
浙公网安备 33010602011771号