JavaScript

关于 Cannot find module '' 错误的记录

最近团队里有个小伙伴的gulp一直跑不起来,命名所有包都装好的,但是运行的时候还是报“包找不到”的错误。之前折腾了好久,没解决。 这比较影响工作效率,今天查了下,发现这个方法也许可以解决这个问题。 使用npm install -g 'xxx' 之后仍然报。 Cannot find module 'xxx' 错误,可以通过设置环境变量来解决: export NODE_PATH

Node.js 深度体验

Node.js模块系统 模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的 node.js //代码 require('./love') 引入了当前目录下的love.js文件 var love = require('./love');love.confession(); love.reject();love.js //代码 require('./love'

DOM is fast

业界有一个普遍的观点, DOM is slow。的确,从经验上,频繁的 DOM 修改往往得到一个很慢的页面。但是事实是,DOM is fast, layout is slow。频繁的 DOM 修改也很容易频繁地触发 layout,拖慢了页面的速度。造成了 DOM is slow 的幻觉The short answer is that the DOM is not slow.

Javascript重温OOP之类与对象

对象对象的含义所谓对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。对象的创建使用new运算符创建Objectvar p = new Object();p.name = "Tony"; 使用对象字面量的形式//对象字面量形式var p ={name: "tony",work: function(){console.log("working..

magi,阿里妈妈前端页面区块化利器

转载请注明出处: https://github.com/thx/magix/...什么是区块其实html标签就是区块,比如 div span a等标签。前端工程师就是在重复使用、组装这些区块(html标签)形成最终的需求页面。这是最原子的区块,我们要达到想要的页面效果,就得不停的重复嵌套这些区块。通常我们所说的区块是这些html标签的组合,比如当我们开发一个项目时,每个页面

JavaScript_高程三

JavaScript 简介JavaScript实现核心 (ECMAScript)文档对象模型 (DOM)浏览器对象模型 (BOM)ECMAScriptECMA-262定义是基础Web浏览器是ECMAScript实现可能的宿主环境之一宿主环境不仅提供基本的ECMAScript实现,同时也会提供该语言的扩展,以便语言和环境之间对接交互。而这些扩展-如DOM,则利用ECMAScr

手把手深入理解 webpack dev middleware 原理與相關 plugins

本文將對 webpack 周邊的 middleware 與 plugin 套件等作些介紹,若您對於 webpack 還不了解可以參考這篇彙整的翻譯。webpack dev server 是什麼?webpack dev server 是一個開發伺服器,內建 webpack 使用的 live reloading 功能。那 webpack dev middleware 是啥?它就

ES6部分方法点评(三):babel-preset-es2015-loose可转换且移动端兼容性较好的语法

前言由于目前各浏览器对ES6兼容性较低,再加上需要兼容历史上各种版本的浏览器,因此,使用编译器将ES6语法转译成ES5语法则势在必行了。babel是目前最常用的ES6转ES5的工具,但即使是ES5,各浏览器的支持度也是不一的,因此便产生了本文,找出一些能够被翻译成兼容性高代码的ES6语法。讨论基础兼容IE10+、android4.0+、ios6+。使用babel的一个pre

写了一个web os脚手架

预览地址在这里:http://thx.github.io/magix-os/ 项目地址在这里:https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

《每周一点canvas动画》——从2D到3D

前面的章节我们介绍了2D层面的canvas动画,基本上如果你对原理和概念都理解了,一般的2D层面的动画对你来说都是小菜一碟。从这一章开始我们介绍如何使用2D的canvas来渲染3D系统。1.CSS3与webGL提到3D效果,你可能首先会想到css3中的3D动画。通过它,单个元素或是整个页面都可以通过动画,图片滤镜,以及2D或3D的变换变得生动起来。使用它来构建3D效果,一个