web前端
九天1111111111
这个作者很懒,什么都没留下…
展开
-
javascript之变量
javascript是一种弱类型脚本语言。变量变量是用于存储信息的容器。变量的命名规则1)变量命名必须以字母、下划线或"$"开头;2) 变量名长度不能超过255个字符;3) 变量名中不允许使用空格;4) 不能使用脚本语言中的保留字及保留符号作为变量名;5) 变量名区分大小写;全局变量:[1] 在方法外部声明的变量;[2] 方法内部没有加var关键原创 2015-07-26 20:47:20 · 238 阅读 · 0 评论 -
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 · 575 阅读 · 0 评论 -
手机适配
var YX={ //手机适配 setPxPerRem:function(){ var cssEl=document.createElement("style"); document.documentElement.firstElementChild.appendChild(cssEl); var dpr原创 2017-01-09 11:49:05 · 238 阅读 · 0 评论 -
重置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 · 433 阅读 · 0 评论 -
ES6之Babel的各种坑总结
自从 Babel 由版本5升级到版本6后,在安装和使用方式上与之前大相径庭,于是写了这篇入坑须知,以免被新版本所坑。坑一:本地安装和全局安装全局安装只需: $ npm install --global babel-cli这时候我们可以使用 Babel 命令编译文件: $ babel index.js --out-file compiled.js #转载 2017-02-10 14:34:30 · 5975 阅读 · 0 评论 -
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 · 2127 阅读 · 0 评论 -
下拉加载更多DEMO(js实现)
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到底部了。公式如下。[javascript] vi转载 2017-01-20 19:56:55 · 1055 阅读 · 0 评论 -
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 · 2212 阅读 · 0 评论 -
jquery中的stopPropagation
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。原创 2017-01-24 15:24:47 · 463 阅读 · 0 评论 -
连接远程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 · 533 阅读 · 0 评论 -
前端各种安装教程收集
window下 安装nvm教程http://blog.csdn.net/tyro_java/article/details/51232458原创 2017-03-14 09:59:25 · 367 阅读 · 0 评论 -
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 · 2122 阅读 · 0 评论 -
web性能
解析器在解析 table 布局时需要计算大量的单元格的尺寸,所以是件很重的操作table{table-layout:fixed;} 所以使用 table-layout: fixed 可以缓解部分性能消耗原创 2017-06-09 21:25:36 · 315 阅读 · 0 评论 -
Webstorm配置SASS编译环境
http://www.bubuko.com/infodetail-503964.html http://www.w3cplus.com/sassguide/install.html转载 2016-05-09 20:38:00 · 1113 阅读 · 0 评论 -
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 · 252 阅读 · 0 评论 -
ie11不再支持attachEvent事件
众所周知ie9以下不支持addEventListener事件,支持attachEvent事件。但ie11开始,报错不支持attachEvent事件。原创 2016-03-23 23:17:19 · 5029 阅读 · 0 评论 -
canvas中颜色合成之globalCompositeOperation属性学习
globalCompositeOperation属性有点类似ps中的混合模式。 该属性一共有12种属性值: source-over 默认。在目标图像上显示源图像。 source-atop 在目标图像顶部显示源图像。源图像位于目标图像之外的部分是不可见的。 source-in 在目标图像中显示源图像。只有目标图像内原创 2015-07-21 14:58:14 · 1640 阅读 · 0 评论 -
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 · 616 阅读 · 0 评论 -
让页面在指定时间之后跳转代码
让页面在指定时间之后跳转代码:本章节介绍一下如何让页面在指定的时间后跳转,使用javascript能够很轻松的实现,当然如果使用更简单的方式的话,可以使用头部标签实现,代码如下:将以上代码放入头部即可,content里面的第一个数字参数是规定时间,单位是秒,也就是多少秒之后就会进行跳转,url规定跳转的目标地址。原文地址是:http://www.51texiao转载 2015-07-23 16:56:27 · 1118 阅读 · 0 评论 -
网络上一些基本知识的理解
一、统一资源定位符(URL):也称网页地址,是专门为标识Internet网上资源位置而设定的一种编码地址。它由三部分组成:即协议、主机名和文件名。 协议:即网络中传递、管理信息的一些规范。计算机之间的相互通信需要共同遵守 一定的规则,这些规则称作为网络协议。 例如:HTTP,HTTPS,FTP,File等协议。原创 2015-07-24 13:55:55 · 437 阅读 · 0 评论 -
DHTML对象
BOM:window 、 history 、 location 、 document 、screen 、 event 、 navigatorDOM:HTML页面中的每一个元素都被javascript理解为一个DOM对象原创 2016-03-20 19:48:49 · 253 阅读 · 0 评论 -
document
每个载入浏览器的HTML文档都会成为document对象通过使用document对象,可以从脚本中对HTML页面中的所有元素进行访问 document对象是Window对象的一部分,可以通过window.document属性对其进行访问原创 2016-03-20 20:19:29 · 249 阅读 · 0 评论 -
Node对象的几个属性
parentNode: Node类型,当前节点的那个唯一的直接父节点对象children:NodeLList类型,当前节点的所有子节点,组成一个类数组对象firstChild:Node类型,当前结点的一个子节点lastChild:Node类型,当前结点的最后一个子节点nextSibling:Node类型,当前结点的下一个兄弟节点previousSiblings:Node类型,当原创 2016-03-20 20:50:50 · 615 阅读 · 0 评论 -
常用DOM方法与属性
常用DOM方法getElementById()getElementsByTagName()getElementsByClassName()appendChild()removeChild()replaceChild()insertBefore()createAttribute()createElement()createTextNode()getAt原创 2016-03-20 20:59:25 · 461 阅读 · 0 评论 -
手机端meta定义
width控制viewport的大小,可以指定一个值或特殊的值。 如device-width为设备的宽度initial-scale初始缩放,即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为1,那么web页面在展现的时候就会以target density分辨率1:1来展示。如果你设置为2.0,那么这个页面就会放大为2倍。m原创 2016-03-21 09:59:33 · 2100 阅读 · 0 评论 -
Meta http-equiv属性详解(转)
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种转载 2016-03-21 10:00:45 · 240 阅读 · 0 评论 -
异步加载,在编程中具体意思是什么?原理是什么?
异步加载一般指在加载的同时执行代码。加载一般指Parse/compile 动态语言的源代码。将动态库掉入内存并链接。动态掉入并 parse 其他数据文件。异步加载可以在专门的线程完成,也可以在执行代码的线程完成。后者一般称为 lazy loading。因为执行代码和所加载的代码/数据有一定依赖关系,所以必须处理好二者的顺序关系。一般是随加载,随执行依赖已加载部分的代码。转载 2016-03-21 10:07:06 · 2371 阅读 · 0 评论 -
中划线命名转化驼峰命名
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 · 1123 阅读 · 0 评论 -
webstorm上传文件到github
第一步 下载这几个文件第二步 右击 add第三步 commit第四步 push原创 2017-06-27 21:09:45 · 451 阅读 · 1 评论