九天1111111111-CSDN博客

原创 webstorm上传文件到github

第一步下载这几个文件第二步右击 add第三步 commit第四步 push

2017-06-27 21:09:45 434 1

转载 vue-cli node-sass安装问题

第一步 npm install --save-dev node-sass --registry=http://registry.npm.taobao.orgnpm install sass-loader --save-dev第二步打开webpack.base.config.js在loaders里面加上、rules: [

2017-06-21 21:02:44 2112

原创 web性能

解析器在解析 table 布局时需要计算大量的单元格的尺寸，所以是件很重的操作table{table-layout:fixed;} 所以使用 table-layout: fixed 可以缓解部分性能消耗

2017-06-09 21:25:36 303

原创前端各种安装教程收集

window下安装nvm教程http://blog.csdn.net/tyro_java/article/details/51232458

2017-03-14 09:59:25 356

转载连接远程github

第1步：创建SSH Key。在用户主目录下，看看有没有.ssh目录，如果有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，如果已经有了，可直接跳到下一步。如果没有，打开Shell（Windows下打开Git Bash），创建SSH Key：$ ssh-keygen -t rsa -C"youremail@example.com"你需要把邮件地址

2017-02-27 16:27:09 523

转载 ES6之Babel的各种坑总结

自从 Babel 由版本5升级到版本6后，在安装和使用方式上与之前大相径庭，于是写了这篇入坑须知，以免被新版本所坑。坑一：本地安装和全局安装全局安装只需： $ npm install --global babel-cli这时候我们可以使用 Babel 命令编译文件： $ babel index.js --out-file compiled.js #

2017-02-10 14:34:30 5952

原创 jquery中的stopPropagation

stopPropagation()函数用于阻止当前事件在DOM树上冒泡。

2017-01-24 15:24:47 446

转载 ios移动端(H5)alert/confirm提示信息去除网址(URL)

在android中有问题，过滤androidvar browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1,

2017-01-23 20:02:11 2189

转载 JS 将数字转化成为货币格式

JavaScript Money Format（用prototype对Number进行扩展） Number.prototype.formatMoney = function (places, symbol, thousand, decimal) { places = !isNaN(places = Math.abs(places)) ? places : 2;

2017-01-20 20:51:39 2109

转载下拉加载更多DEMO(js实现)

项目的一个前端页面展示已购买商品时，要求能下拉加载更多。花了点时间研究这个功能，以前没做过。首先需要给div加scroll事件，监听滚动条滚动动作。那何时触发加载动作呢？当滚动条滚到底的时候。如何判断滚动条滚到底呢？当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时，说明滚动条到底部了。公式如下。[javascript] vi

2017-01-20 19:56:55 1041

原创自己看的

html lang="en">head> meta charset="UTF-8"> title>优协喊你来收礼title> meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> meta name="form

2017-01-20 19:12:45 643

原创 css3渐变写法

background: -webkit-linear-gradient(180deg, #ffdf2e, #ffc101);background: -o-linear-gradient(180deg, #ffdf2e, #ffc101);background: -moz-linear-gradient(180deg, #ffdf2e, #ffc101);background: linear-

2017-01-14 19:58:26 566

原创重置css默认样式

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol,

2017-01-09 11:53:50 416

原创手机适配

var YX={ //手机适配 setPxPerRem:function(){ var cssEl=document.createElement("style"); document.documentElement.firstElementChild.appendChild(cssEl); var dpr

2017-01-09 11:49:05 225

原创 Tab切换

要引入jquery库//tab切换;(function(){ function Tab(){} Tab.prototype={ constructor:Tab, init:function($Content,$btn){ this.$Content.hide().first().show();

2016-05-13 15:44:38 243

转载 Webstorm配置SASS编译环境

http://www.bubuko.com/infodetail-503964.html http://www.w3cplus.com/sassguide/install.html

2016-05-09 20:38:00 1105

原创 ie11不再支持attachEvent事件

众所周知ie9以下不支持addEventListener事件，支持attachEvent事件。但ie11开始，报错不支持attachEvent事件。

2016-03-23 23:17:19 5005

原创中划线命名转化驼峰命名

var rmsPrefix=/^-/, rdasAlpha=/-([\da-z])/gi; function camelCase(string){ return string.replace(rmsPrefix,"").replace(rdasAlpha,function(all,letter){ return letter.toUpperCase()

2016-03-21 13:32:41 1111

转载异步加载，在编程中具体意思是什么？原理是什么？

异步加载一般指在加载的同时执行代码。加载一般指Parse/compile 动态语言的源代码。将动态库掉入内存并链接。动态掉入并 parse 其他数据文件。异步加载可以在专门的线程完成，也可以在执行代码的线程完成。后者一般称为 lazy loading。因为执行代码和所加载的代码/数据有一定依赖关系，所以必须处理好二者的顺序关系。一般是随加载，随执行依赖已加载部分的代码。

2016-03-21 10:07:06 2354

转载 Meta http-equiv属性详解(转)

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种

2016-03-21 10:00:45 225

原创手机端meta定义

width控制viewport的大小，可以指定一个值或特殊的值。如device-width为设备的宽度initial-scale初始缩放，即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为1，那么web页面在展现的时候就会以target density分辨率1：1来展示。如果你设置为2.0，那么这个页面就会放大为2倍。m

2016-03-21 09:59:33 2088

原创常用DOM方法与属性

常用DOM方法getElementById()getElementsByTagName()getElementsByClassName()appendChild()removeChild()replaceChild()insertBefore()createAttribute()createElement()createTextNode()getAt

2016-03-20 20:59:25 451

原创 Node对象的几个属性

parentNode： Node类型，当前节点的那个唯一的直接父节点对象children：NodeLList类型，当前节点的所有子节点，组成一个类数组对象firstChild：Node类型，当前结点的一个子节点lastChild：Node类型，当前结点的最后一个子节点nextSibling：Node类型，当前结点的下一个兄弟节点previousSiblings：Node类型，当

2016-03-20 20:50:50 593

原创 document

每个载入浏览器的HTML文档都会成为document对象通过使用document对象，可以从脚本中对HTML页面中的所有元素进行访问 document对象是Window对象的一部分，可以通过window.document属性对其进行访问

2016-03-20 20:19:29 240

原创 DHTML对象

BOM：window 、 history 、 location 、 document 、screen 、 event 、 navigatorDOM：HTML页面中的每一个元素都被javascript理解为一个DOM对象

2016-03-20 19:48:49 244

原创基于原型的对象创建和继承

任何一个js对象都有一个原型对象，即它的父对象；所有js对象的最终父对象都是Object.prototype

2016-03-19 22:11:41 230

原创创建自定义对象的4种方法

第一种 var obj=new Object();第二种 var obj={};第三种 function obj(){}第四种 obj=Object.create()

2016-03-19 22:05:36 1549

原创将任意类型转为number类型

一、转为整数 var num=parseInt("str"); 读取字符串中的整数部分 1、从第一个字符向后读;2、如果碰到第一个数字字符，开始获取数字，再次碰到不是数字的字符(包括小数点)，停止读取；3、如果开头碰到空格，忽略； 4、如果碰到的第一个非空格字符，不是数字，说明不能转，结果是NaN (Not a N

2016-03-18 21:44:28 1105

原创 javascript之变量

javascript是一种弱类型脚本语言。变量变量是用于存储信息的容器。变量的命名规则1）变量命名必须以字母、下划线或"$"开头;2) 变量名长度不能超过255个字符;3) 变量名中不允许使用空格;4) 不能使用脚本语言中的保留字及保留符号作为变量名;5) 变量名区分大小写;全局变量:[1] 在方法外部声明的变量;[2] 方法内部没有加var关键

2015-07-26 20:47:20 227

原创网络上一些基本知识的理解

一、统一资源定位符(URL)：也称网页地址，是专门为标识Internet网上资源位置而设定的一种编码地址。它由三部分组成：即协议、主机名和文件名。协议：即网络中传递、管理信息的一些规范。计算机之间的相互通信需要共同遵守一定的规则，这些规则称作为网络协议。例如：HTTP，HTTPS，FTP，File等协议。

2015-07-24 13:55:55 426

转载让页面在指定时间之后跳转代码

让页面在指定时间之后跳转代码:本章节介绍一下如何让页面在指定的时间后跳转，使用javascript能够很轻松的实现，当然如果使用更简单的方式的话，可以使用头部标签实现，代码如下:将以上代码放入头部即可，content里面的第一个数字参数是规定时间，单位是秒，也就是多少秒之后就会进行跳转，url规定跳转的目标地址。原文地址是:http://www.51texiao

2015-07-23 16:56:27 1086

原创 canvas之阴影效果学习

function draw(){ var canvas=document.getElementById("draw"); if(!canvas||!canvas.getContext) return; var oContext=canvas.getContext("2d"); oContext.shadowColor="#f00";

2015-07-22 09:09:24 605

原创 canvas中颜色合成之globalCompositeOperation属性学习

globalCompositeOperation属性有点类似ps中的混合模式。该属性一共有12种属性值： source-over 默认。在目标图像上显示源图像。 source-atop 在目标图像顶部显示源图像。源图像位于目标图像之外的部分是不可见的。 source-in 在目标图像中显示源图像。只有目标图像内

2015-07-21 14:58:14 1601

cheng198938的博客