国内优秀npm镜像推荐及使用

国内优秀npm镜像推荐及使用
npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。 国内优秀npm镜像 淘宝npm镜像 搜索地址:http://npm.taobao.org/ registry地址:http://registry.npm.taobao.org/ cnpmjs镜像 搜索地址:http://cnpmjs.org/ registry地址:http://r.cnpmjs.org/ 如何使用 有很多方...

Javascript深浅拷贝

Javascript深浅拷贝
Javascript有五种基本数据类型(也就是简单数据类型),它们分别是:Undefined,Null,Boolean,Number和String。还含有一种复杂数据类型,就是对象 注意Undefined和Null的区别,Undefined类型只有一个值,就是undefined,Null类型也只有一个值,也就是null Undefined其实就是已声明未赋值的变量输出的结果 null其实就是一个不存在的对象的结果 var c; console.log(c)//undefined console.log(do...

ul因为li浮动而没有被撑开

ul因为li浮动而没有被撑开
不清除浮动的一个常见危害是高度塌陷。关于高度,下面说这么几种情况: 如果父元素已经规定了度,不会高度塌陷,但可能会溢出(如果子元素总高度超过父元素的话) 如果父元素没有规定高度: 2.1 如果所有子元素都浮动,父元素没有高度,这时候给父元素设置边框的话,就会发现边框保不住子元素 2.2 如果存在没有浮动的子元素,父元素高度取决于没有浮动的子元素,所以如果浮动子元素更高的话,还是会塌陷 ...

从命令行传递参数

从命令行传递参数
从命令行传递参数 // npm install --save-dev gulp gulp-if gulp-uglify minimist var gulp = require('gulp'); var gulpif = require('gulp-if'); var uglify = require('gulp-uglify'); var minimist = require('minimist'); var knownOptions = { string: 'env', default: { env: process.env.NODE_ENV || 'production' } }; var options = minimist(process.argv.slice(2), known...

在gulp中嵌入webpack任务

在gulp中嵌入webpack任务
在gulp中嵌入webpack任务 var gulp = require("gulp"); var gutil = require("gulp-util"); var webpack = require("webpack"); var WebpackDevServer = require("webpack-dev-server"); var webpackConfig = require("./webpack.config.js"); // The development server (the recommended option for development) gulp.task("default", ["webpack-dev-server"]); // Build and watch cycle (a...

使用gulp编译sass文件

使用gulp编译sass文件
备注: sass文件中带_的文件不会被编译成css文件(例: _base.scss) 一个简单的sass文件: base/_base 基础的ui: reset header header_nav header_search footer form table layout ... config/_config config 核心层 比如一些基本的variables mixin media animate grid … mod/_mod mod 模块 比如分页 分步导航 哪个模块用到在导入 比如 index.scss 用到了分页 就导入 pub/_pub pub 一些公共的 gulpfile...

给已有的gulp工程里增加webpack

给已有的gulp工程里增加webpack
要解决的问题: 在已有的gulp工程里使用webpack打包js 思路: 把webpack的输出作为原来gulp里js的输入。 yo gulp-webapp 增加webpack.config.js var path = require("path"); module.exports = { entry: "./app/src/js/entry.js", output: { path: path.join(__dirname, "app/scripts"), filename: "main.js" }, module: { loaders: [ { te...

总结一些JavaScript开发的著名开源项目

总结一些JavaScript开发的著名开源项目
ggraph - 图形可视化的凌乱数据 这是一个建立在D3之上的库,目的是改进我们如何处理大型和凌乱的图形。 它扩展了节点和链路与节点组的概念。 它非常适用于当多个节点事实上是同一事物或属于同一组时。 medium-editor - Medium.com WYSIWYG编辑器的克隆. 使用可改写的API来实现富文本解决方案。 Chart.js  —  一个使用canvas元素实现简单HTML5图表。 Chart.js提供了两种可供您使用的不同构建。 Chart.js和...

Chrome 实用调试技巧

Chrome 实用调试技巧
如今Chrome浏览器无疑是最受前端青睐的工具,原因除了界面简洁、大量的应用插件,良好的代码规范支持、强大的V8解释器之外,还因为Chrome开发者工具提供了大量的便捷功能,方便我们前端调试代码,我们在日常开发中是越来越离不开Chrome,是否熟练掌握Chrome调试技巧恐怕也会成为考量前端技术水平的标杆。 介绍Chrome调试技巧的文章很多,本文结合我自己的开发经验,希望从实际运用的角度为大家再一次谈一谈...
Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录