zerofine的专栏

原创 函数的参数传递是通过值还是引用

1.function test(x){ x.push(5); console.log(x);//[1,2,3,5] } var array = [1,2,3]; test(array); console.log(array);//[1,2,3,5]这里是引用了同一个对象，所以值同步2. function test(x){ x.push(5);//这里x和array...

原创 数组的复制

原创 邮箱和手机号粗略验证

邮箱： /^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/i 手机：  /^1[0-9]{10}$/

原创 css 空心箭头

html> head> meta charset="UTF-8"> title>title> style type="text/css"> /*简单*/ .wb_arrow{ border-right: 2px solid #343c99;

转载 手淘 flexible

曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实战案例来告诉大家，手淘的H5页面是如何实现多终端适配的，希望这篇文章对大家在Mobile的世界

原创 关于函数里变量值的获取

var a = 100;function test(){var a = 10;return function(){console.log(a)}}function f(fun){var a = 5;fun();}var fn = test();//这一步如果单独执行fn()得到的值也是10；f(fn);最后得到的值是10;

原创 关于setTimeout要注意的

1.首先setTimeout函数里面不能传递参数for(var i = 0;i < 4;++i){setTimeout(function(i){console.log(i)},100)}答案是undefined,这里虽然有考虑到函数是按值传递的，但是却没有拿到值，这个函数参数是否没有意义for(var i = 0;i < 4;++i){(function(num){setTimeout...

原创 如何判断是不是数组

Object.prototype.toString.call(array) === '[object Array]'

原创 文字模块一直居中，包括多行

Document        html {    font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/    }    .payment_tips{width: 12rem;display: table;font-size: 1.1rem;height: 3rem;line-height: 1.3rem;border: 1px solid

原创 iscroll块遇到原生滑动不能滑

这种情况是因为iscroll屏蔽了原生的操作使用了event.preventDefault();所以我们可以针对这个判断是否需要调用这个方法，在iscroll源码里可以找到_start和_move防范，里面都有event.preventDefault()_start方法：_moveif ( this.options.preventDefault ) { // increases per

原创 图片保持固定宽高比

HTML: class="image-container"> src="xxx.png">CSS:p.image-container { width: 100%; height: 0; padding-bottom: 60%; overflow: hidden;}p.image-container img { width: 100%;}

原创 图片懒加载

window.onscroll = function(){        $('.lazy').each(function(){if($(window).scrollTop() + window.innerHeight > $(this).offset().top){            images($(this));}        });    }    fun

原创 js基础题

function func(){      var n = 99;      function func1(){        n++;        console.log(n)      }      nAdd = function(){        this.n++;        console.log(n);//答案是100        conso

原创 css画一个三角形

.triangle{border:10px solid;border-color: #333 transparent transparent transparent;width:0;}

转载 js数据类型和数组判断

js六大数据类型：number、string、object、Boolean、null、undefinedstring： 由单引号或双引号来说明，如"string"number：什么整数啊浮点数啊都叫数字，你懂的~Boolean: 就是true和false啦undefined：未定义，就是你创建一个变量后却没给它赋值~null: 故名思久，null就是没有，什

原创 css布局

css布局

原创 将一个数组里的元素添加到另外一个数组里

var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; Array.prototype.push.apply(arr1, arr2); // ES6的写法 var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; arr1.push(...arr2);

转载 div垂直水平居中

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center {    margin: auto; 

转载 css选择器以及性能开销

样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边还有其他选择符，样式系统就会继续向左移动，直到找到和规则匹配的元素，或者因为不匹配而退出。如果你非常在意页面的性能那千万别使用CSS3选择器。实际上，在所有浏览器中，用 class 和 id 来渲染，比那些使用同胞，后代选择器，子选择器（sibling, descendant and child selectors）对页面性

转载 CERF漏洞

一.CSRF是什么？　　CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF。二.CSRF可以做什么？　　你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取

转载 html中h1-h6标签对搜索引擎seo的影响

一、H标签是什么？H标签也叫做Heading标签，在HTML语言里一共有六种大小的heading标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签、、到定义标题头的七个不同文字大小的tags，本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。W3C指出h1-h7标签可定义标题，h1定义最大的标题，h6定义最小的标题。h标签是

原创 命名函数表达式

可以像函数声明一样为函数表达式指定一个名字，但这并不会使函数表达式成为函数声明。命名函数表达式的名字不会进入名字空间，也不会被提升。f();//TypeError: f is not a functionfoo();//ReferenceError: foo is not definedvar f = function foo(){console.log(t

原创 gitbub上传代码

1.在github上新建一个仓库2.在电脑上clone一下新建仓库的https3.把自己的代码copy到这个目录4.git进入到这个盘里 并执行git add . (加当前工作目录文件到index)5.git commit -m'一次提交所有文件'      //-m这是注释6.git push

原创 一个很方便的http-server

安装node的前提下可以使用：1.安装npm install http-server -g2.开启http-server,就像是tomcat的启动一样，进入到项目所属文件夹执行命令http-server ./然后访问http://127.0.0.1:8080/来源自https://github.com/indexzero/http-server

原创 gulp watch

这阵子使用react,每次都要打包把jsx文件转化为js，很麻烦，所以找到了gulp-watch。在保存jsx文件的时候就能自动打包，这样刷新浏览器就能看到新的结果了，棒棒哒！废话不多说，上代码先：var gulp = require("gulp");var browserify = require("browserify");var reactify = require("react

原创 Function.prototype.bind重写

因为ie8之下的浏览器不支持Function.prototype.bind，所以要进行重写html代码：input id="button" type="button" value="点击我" />span id="text">我会变色？span>js代码： if (!function() {}.bind) { Function.prototype.bind = function(

原创 browserify和webpack

了解的比较少，先浅显的说就是比如在react里面要使用类似node的require方法做成文件的依赖，这两个工具就是一个打包的工具，实现这样的功能

原创 移动端 position fixed无效

要在fixed的里面加一层position为absolute的专门用来装元素header,footer {  width: 100%;  height: 50px;}header .fixed,.fixed {  position: fixed;  left: 0;  width: 100%;  height: 50px;}

原创 fastclick input框有值获取焦点时焦点错位

fastclick input框有值时点击input框焦点不在值的最后面而是在最前面，需要修改fastclick源码，修改有两处1.FastClick.prototype.needsClick方法里case 'button':case 'select':case 'textarea':if (target.disabled) {return true;}br

原创 淘宝中间的一像素线（手机端）

原创 js身份证遮盖

var str = "411523198702560058";var id_num = str.replace(str.substring(6,14),"xxxxxxxx");id_num即为遮盖好的身份证号

原创 cookie的一些操作

function getCookie(name){         var str=document.cookie.split(";")         for(var i=0;i            var str2=str[i].split("=");                         if($.trim(str2[0])==name)return unes

原创 去掉原生html的滚动条

::-webkit-scrollbar {    width: 0px;             }

原创 iscroll5 checkbox点击不起作用

在iscrolls5类库里面添加一句话&& !utils.preventDefaultException(e.target, this.options.preventDefaultException)，位置在：handleEvent方法里

原创 apple-mobile-web-app-capable

Meta 之 apple-mobile-web-app-capable这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。加了该meta的情况

原创 手机端overflow scroll卡顿的情况

在容器里设置或者html,body{-webkit-overflow-scrolling: touch;}

原创 box-shadow

线阴影：box-shadow：0 3px 6px rgba(0, 0, 0, .175)

原创 minimai-ui

iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。

原创 iscroll 部分android手机（如三星的）不能点击兼容问题

cart.scroller= new IScroll('#wrapper',{mouseWheel:true,preventDefault: false});  主要是preventDefault要设置为false

原创 移动端head需要设置的meta属性

width：就是让文档以手机屏幕的宽度为100%来缩放css的比例；initial-scale：页面初始缩放比例；maximum-scale：页面最大缩放的程度minimum-scale：页面最小的缩放比例；user-scalable：是否允许用户缩放；minimal-ui：ios7出来的新特性，可以去掉导航栏（还没有验证ing~~）