u011649976的博客

1.localStorage   对应方法： getItem(), setItem(), removeItem(), clear() 清除所有2.sessionStorage   对应方法： getItem(), setItem(), removeItem(), length是sessionStorage的项目数      3.javascript 数据类型：boolean n

meta是html文档在head标签里定义的一个对文档进行描述的功能性标签meta标签有下面的作用：　　1.搜索引擎优化（SEO）　　2.定义页面使用语言　　3.自动刷新并指向新的页面　　4.实现网页转换时的动态效果　　5.控制页面缓冲　　6.网页定级评价　　7.控制网页显示的窗口meta标签的组成：meta标签共有两个属性，

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。CSS 基础知识下面几个入门教程不错：幕课网 - HTML+CSS基础课程：偏基础，可以在线练习和预览MDN - CSS入门教程: MDN 的官方文档学习 CSS 布局：排版和配色特别舒服，简短但不深

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

前言在了解 cubic-bezier 之前，你需要对 CSS3 中的动画效果有所认识，它是 animation-timing-function 和 transition-timing-function 中一个重要的内容。本体简介cubic-bezier 又称三次贝塞尔，主要是为 animation 生成速度曲线的函数，规定是 cubic-bezier(, , , )。我们可以从下图中简要

var Utils = { /** * 传入毫秒，格式化时间 * @param second 毫秒数 * @param fmt 格式，常见：'yyyy-MM-dd hh:mm:ss.S'、'yyyy-M-d h:m:s.S' * @returns {*} */ formateDate(second, fmt) { i...

CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目，比如服务器和桌面环境中。CommonJS规范是为了解决JavaScript的作用域问题而定义的模块形式，可以使每个模块在它自身的命名空间中执行。该规范的主要内容是：模块必须通过  module.exports导出对外的变量或接口，通过require()来导入其他模块的输出到当前模块。module.exports =...

实现自定义美化的音量加减input[type=range] { -webkit-appearance: none; width: 100px; border-radius: 1px; /*这个属性设置使填充进度条时的图形为圆角*/}input[type=range]::-webkit-slider-thumb { -webkit-appearance: none;}inpu...

Gulp和Webpack对比时间 2016-10-18 11:38:08 前端小开发原文  http://chping.website/2016/10/18/gulp和webpack对比/主题 Webpack Gulp在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今...

在nodejs链接MySQL时，若出现Client does not support authentication protocol requested by server; consider upgrading MySQL client错误时，不妨试着下面操作USE mysql; ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_na...

这个列表包含许多种类的资源，所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素

一.webpack基础　　1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成）　　2.安装webpaack　　　　a.在全局中安装webpack：npm install webpack -g　　　　b.将webpack

.loadingDiv{ width:100px; height:100px; margin:auto; position: fixed; z-index: 1000;}.loadingDiv .loading{ position: absolute; top:34px; left:34px; width:34px;}

/** * 存储obj对象 */var CookieData = (function(){    var dataResolve = function(obj){        var arr = [];        var part = 1000;        var datas = JSON.stringify(obj);  

在css中设置该属性：-webkit-transform-style:preserve-3d;或-webkit-backface-visibility:hidden;

DOCTYPE html>html>head>meta charset="UTF-8">meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>meta name="viewport" content="width=device-width, initial-scale=1.0, 

常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。gulpgulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。PS：简单

译者按：能够读懂这篇博客的JavaScript开发者，运气不会太差...原文: 10 JavaScript concepts every Node.js programmer must master译者: Fundebug为了保证可读性，本文采用意译而非直译，并且对示例代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。1. 立即执行函数立即

开发时解决跨域，最简单直白的方法是通过Google开发在Google，右键--属性--快捷方式中，目标那一栏 添加 --disable-web-security --user-data-dir=D:\MyChromeDevUserData。注意  --disable前有一个空格

从移动端 click 到摇一摇以前听到前辈们说移动端尽量不要使用click，click会比较迟钝，能用touchstart还是用touchstart。但是用touchstart会有一个问题，用户在滑动页面的时候要是不小心碰到了相关元素也会触发touchstart，所以两者都有缺点。那怎么办呢？首先为什么移动端的click会迟钝呢？从谷歌的开发者文档《300ms tap de

高阶函数高阶看上去就像是一种先进的编程技术的一个深奥术语，一开始我看到的时候我也这样认为的。Javascript的高阶函数然而，高阶函数只是将函数作为参数或返回值的函数。以上面的Hello,World作为一个简单的例子。复制代码 代码如下:var Moqi = function(p1){    this.add = function (p2){        r

1.Object.assign(target, obj1, obj2);var a = {a:1,b:2};var b = {};Object.assign(b, a);console.log(b); // {a:1,b:2}a.a=2;console.log(b); // {a:1,b:2}看着像深拷贝，其实不然不完全。再看如下：var a = {a:1,b:2, c: [...