Js
22篇文章 · 0订阅
  • ES6 完全使用手册
    此外还要注意这里不一定就是正式进入规范的语法。 1. let 和 const 在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量要使用 const。 然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使…
    JavaScript 前端 ECMAScript 8
    ES6 完全使用手册
  • 一步一步读懂JS继承模式
    JavaScript作为一种弱类型编程语言被广泛使用于前端的各种技术中，由于JS中并没有“类”的概念，所以js的OOP特性一直没有得到足够的重视，而且有相当一部分使用js的项目中采用的都是面向过程的编程方式。但是随着项目规模的不断扩大，代码量的不断增加，这种方式会让我们编写很多…
    JavaScript 前端 设计模式
  • webpack增量打包多页应用
    技术：好的，这就改。 这种方案，很快就被自我否定了。 这种方案，也思索了很久，后来也被否定了。 经过前面两个问题后，我发现思考的方向完全是错误的，总是妄想改变webpack的打包方式，简直就是跟它的理念对着干。 可以看到这一次生成的hash是4897.... 但是输出的每个文件…
    JavaScript Webpack CSS
  • 移动端自制音乐播放器--React
    因为项目是基于React，所以下面的源码基本都是在播放器组件中抽出来的，不过无论在什么框架下开发，逻辑是一样滴。 先从简单的开始讲起吧，说到播放器几个常用的操作按钮肯定少不了，但是最重要的是那一个可以拖动的播放条。 进度条的大致原理就是获取音频的当前播放时长以及音频总时长的比例…
    React.js 前端
  • JS 中 client/offset/scroll 等的宽高解释
    JS 中各种长度值让我们眼花缭乱，于是按 client/offset/scroll 分类小结了下各种宽高值的含义。
    前端 JavaScript
  • HTML5中手势原理分析与数学知识的实践
    在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。 近期，公司的多个项目中都对手势有着较高的需求，已有的手势库无法完全 co…
    前端
  • TypeScript 重构 Axios 经验分享
    拒绝做一个只会用 API 的文档工程师，本文将会让你从重复造轮子的过程中掌握 web 开发相关的基本知识，特别是 XMLHttpRequest。 又是一篇关于 TypeScript 的分享，年底了，请允许我沉淀一下。上次用 TypeScript 重构 Vconsole 的项目 …
    axios TypeScript HTTP
  • 在浏览器中使用原生 JavaScript 模块 （译）
    了解如何在web浏览器中直接使用JS modules
    JavaScript 浏览器
  • Event Loop是个什么玩意：从 Vue 的 nextTick 说起
    熟悉 Vue 的同学们都知道，Vue 有个 nextTick 方法，用来异步更新数据。 看起来似乎一切正常，我们在给数组添加了一条数据之后，页面也确实对应的更新了。可是，当我们在打印这个 ul 元素里 li 的 length 时，问题出现了： 这时候如果我们有需求需要通过 li…
    Vue.js JavaScript 前端
    Event Loop是个什么玩意：从 Vue 的 nextTick 说起
  • Nodejs流学习系列之二: Writable Stream
    nodejs网关开发或多或少都会牵扯到流的使用，但每次的使用都是迷迷糊糊、懵懵懂懂，总是踩完坑后才知道怎么使用，所以有必要深入学习一下Nodejs的流。学习是为了实践，因此这篇文章将利用两个很常用的demo来学习理论并实践。本来只打算一篇文章就写完的,后来看官网文档,越看越觉得一篇文章解决不来,于是打算使用3篇文章来阐述清楚nodejs流的原理.三篇文章如下: Nodejs流学习系列之一: Readable Stream Nodejs流学习系列之二: Writable Stream Nodejs流学习系列之三: Duplex Stream & Transform Stream 外加一篇应用篇: Nodejs流学习系列之四: Nodejs流的应用例子
    Node.js 前端 API