- 博客(24)
- 收藏
- 关注
原创 canvas速查
/***绘制直线*/function drawLine(){var oCanvas = document.createElement('canvas');var context = oCanvas.getContext('2d');context.moveTo(0,0);context.lineTo(200,100);context.stroke();docum
2015-10-08 13:12:23
439
原创 对象与继承
创建对象1. 工厂模式:解决:创建相似对象,缺点:对象识别问题function Person(){ var o = new Object(); o.name = name; o.sayName = function(){}; return o;}2. 构造函数模式解决:对象识别,缺点:若函数放在构造函数中,每个方法都会在每个实例上重新创建一遍,如果创建全局函数,再在构造函数中引用
2015-10-07 18:34:28
434
原创 webpack速查
1.到官网下载nodejs:http://nodejs.cn/ 2.根据http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html安装nodejs 3.npm现集成在nodejs中,所以无需下载安装 4.
2015-10-03 17:36:06
546
原创 html5 storage
cookie1localStorage:持久化的本地储存1.localStorage.setItem("item","value");2.localStorage.getItem("item");3.localStorage.removeItem("item");sessionStorage:会话级别储存
2015-10-01 19:49:03
387
原创 git速查
git使用的简单查询git config user.name 设置用户名git config user.email 设置邮箱git init 初始化仓库git add file1 file2 增加文件(到本地仓库)git commit -m “xxx” 提交更改到代码仓库git status 当前git的状态,文件是否被修改,文件是否提交git
2015-10-01 01:27:12
406
原创 阿里实习日记
第一步,先学学mac的操作吧http://www.cnblogs.com/chijianqiang/archive/2011/08/03/2126593.html第二步:gitshell是Windows下有的,学了就可以知道一些常用的命令了http://www.woiweb.net/github-gitshell-tutorial.html第三步:安装各种软
2015-05-31 21:09:26
904
原创 git的分支开发
git的分支开发的原因是:如果一个项目已经发布了版本3.0,4.0版本已经写了一些。而这个时候,突然发现3.0版本有bug,需要修改。我们需要修复以后才发布4.0,但是此时的项目已经在3.0的基础上增加了一些东西,在这样的基础上(4.0进行到一些的基础上)去修改是不好检测出以前3.0的错误的。所以在3.0的基础上去修改,同时也能继续主干(未完成的4.0版本)的工作。最后再把它们合并。
2015-05-11 20:24:47
444
转载 正则表达式
1. 正则表达式规则1.1 普通字符 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功;匹配到的内容是:"c";匹配到的位置是:开始于2,结束于3。(注:下标从0开始还是从1开始,因当前编程
2015-04-08 16:09:48
484
转载 setInterval计时器不准的问题解决方法
setInterval计时器不准的问题解决方法在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,针对这个问题,本文有个不错的解决方案在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setI
2015-03-25 09:18:31
3825
原创 关于闭包
123 /* var oUl = document.getElementsByTagName("ul")[0]; var aLi = oUl.getElementsByTagName("li"); for(var i = 0; i aLi[i].onclick = function(num){return function(){ a
2015-03-20 20:04:36
435
转载 IT 博客,网站,资源
前端收集在前端路上摸索前行,在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。自己 RSS 长期订阅了一些IT 和技术相关博客,这里是我Feedly 输出的opml,可直接导入一些RSS 阅读器: https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml聚合&&周
2015-03-14 17:59:13
763
原创 制作细线表格
table{ /*border-collapse有两个值:collapse无间距(叠加模型),separate有1px间距(单独模型)*/ border-collapse:collapse; text-align:center; } td,th{ border:1px solid; } .align-right{ text-align:right; }
2015-03-14 17:32:18
412
原创 SEO(search engine optimization搜索引擎优化)
SEO(searchengine optimization搜索引擎优化)1. 搜索引擎工作原理百度蜘蛛是一个从互联网下载,收集内容;分析,提炼,找到关键字的程序。它会将数据库中没有的,认为用户需要的信息,存入后台数据库。而存入搜索引擎数据库以后,搜索结果将被排列为了提高网页在自然搜索数量和排名位置而做的优化行为,就是搜索引擎优化2. 白帽SEO(改良、规
2015-03-12 11:18:56
1666
原创 网站性能优化
网站性能优化1.网页内容 减少http请求 减少DNS查询次数 避免页面跳转 缓存ajax 延迟加载某些内容 提前加载某些内容 减少DOM元素数量 根据域名划分内容 减少iframe数量 避免4042.Cookie减少cookie大小页面内容使用无cookie域名3.css将样式置顶避免css表达式用代替@
2015-03-12 11:12:45
384
原创 等高布局
Document /*.bottom 用于遮挡元素下面的部分,和背景用相同的颜色时,让人看起来像是.box的padding-bottom(即:底部有空位)*/.bottom{bottom:0px;float:left;/*.box底部想与外面包含容器留出来的空白的高度*/height:20px;/*需要定位到.box的最下面*/position:absolute;/*.box
2015-03-11 21:49:04
426
转载 网上搜集的兼容性处理方式
在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法!1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外。 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究
2015-03-11 20:46:28
562
原创 兼容性处理、布局错误解决方法总结
1.布局错误的解决1.如果错误影响了整体布局,则可以逐个删除div块,知道删除某个div块后,显示恢复正常,即可确定错误发生的位置2.使用float属性时,可以先添加border确定元素边界,布局完成后再删除3.float元素的父元素,不能指定clear属性4.字体大小为奇数的边框,边框height或line-height应该设置为偶数5,父奇>>子奇 ,父偶>>子偶
2015-03-11 16:32:13
1213
原创 垂直居中的几种方式
垂直居中的几种方式1.ie7+以上支持绝对定位+各外边距为0+margin:auto .div1{ background:blue; position:absolute; left:0; top:0; right:0; bottom:0; height:100px; width:100px; margin:auto; }
2015-03-11 13:32:17
517
转载 Web安全
1、SQL注入:即通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令,比如先前的很多影视网站泄露VIP会员密码大多就是通过WEB表单递交查询字符暴出的,这类表单特别容易受到SQL注入式攻击。2、跨站脚本攻击(也称为XSS):指利用网站漏洞从用户那里恶意盗取信息。用户在浏览网站、使用即时通讯软件、甚至在阅读电子邮件时,通常会点击其中的
2015-03-10 20:04:04
420
转载 WEB标准
1结构标准▪ 可扩展标记语言▪ 可扩展超文本标记语言2表现标准3行为标准▪ 文档对象模型▪ ECMAScript4代码标准▪ 必须结束标记▪ 小写元素和属性名▪ 标记都必合理嵌套▪ 属性必须括起来▪ 特殊符号用编码表示▪ 所有属性赋值▪ 在注释中不使用的符号5标准测试▪ 标准测试内容
2015-03-10 19:44:31
487
原创 js中的数值精度问题
今天看到腾讯的一道面试题,js中的5*1.015是否等于5.075,答案当然是不等啦。还有0.1+0.2是否等于3等类似问题。 在智能社的js视频中和《JavaScript高级程序》设计中,都有提到过这个问题。其实,当时我没太弄懂,就知道大概就是计算机储存近似处理的原因。后来查阅了更多资料,搞清楚了具体原因。现在总结如下。 由于计算机的字长有限,进行数值计算的过程中,对计算得到
2015-02-13 14:43:26
3805
转载 css初始化代码方案
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 1
2015-02-11 13:30:01
455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人