- 博客(35)
- 问答 (1)
- 收藏
- 关注
原创 babel 6
如果安裝了babel 6無法轉譯成ES5,請安裝 babel-preset-es2015(npm install babel-preset-es2015),再配置 package.json中配置 query(query: { presets: [“es2015”]})或者項目根目錄下 添加配置文件 .babelrc({“presets”: [“es2015”]})。
2016-09-06 10:36:39 370
转载 [webkit移动开发笔记]之兼容iPhone4和iPhone5的方法
摘要:[iPhone 4带来的革新,retina display绝对是最吸引眼球的一项。正是依赖这视网膜显示屏,iPhone 4的分辨率达到了640×960 pixels,不过为了保持向下兼容性,它采用的仍然是320×480 points。也就是说,在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。如此一来,老的应
2016-08-24 13:43:16 2261
转载 Redux Middleware
Redux Middleware redux为我们做了很多的事情,我们都可以不用通过显示的调用dispatch函数就将我们的action传递给reducer。这在前面的demo中就可以看到。但是至此,redux一直没有解决异步的问题。试想,如果我在页面输入一段内容,然后触发了一个搜索动作,此时需要向服务端请求数据并将返回的数据展示出来。这是一个很常见的功能,但是涉及到异步请求,刚刚的demo中的方
2016-07-14 10:48:23 572
原创 gyp ERR! build error
原因 npm在1.3.15版本以前node-gyp 在编译时会调用VCBuild.exe,在vs2012下是找不到的VCBuild.exe, vs2012及以后版本是msbuild.exe作为编译器。 解决: 将npm 的 msvs的编译器设置为vs2012 cmd执行: npm config set msvs_version 2012 –global
2016-07-07 16:21:37 10134
原创 添加ES6的支持
添加ES6的支持如果现在你的项目还没有对ES6的语法支持,那就有点没有逼格了,其实大家都知道这个也很简单,因为我们有伟大的Babel首先 装各种loadernpm install babel-loader babel-preset-es2015 --save-dev配置我们的config文件... { test: /\.jsx?$/, loader: '
2016-06-26 11:44:01 4167
转载 vueJs
Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star。
2016-06-08 14:54:01 2111
转载 手机那点事!已有高人把常见的不常见的坑都给找出来了,我就随便转一下了
http://www.bubuko.com/infodetail-800056.html mobileTechA useful tools or tips list for mobile web application developing这个项目收集移动端开发所需要的一些资源与小技巧工具类网站HTML5 与 CSS3 技术应用评估各种奇妙的hack几乎所有设备的屏幕尺寸与像素密度表移动设备参数表
2016-05-15 13:42:15 6026
转载 JavaScript算法
JavaScript实现冒泡排序、快速排序、插入排序 冒泡排序的基本思想:所谓冒泡就是泡泡一个一个往上冒,让体积最轻的泡泡浮在最上面,然后按照重量往下依次排列。var a=[12,3,43,11,56,90,7,66,82];拿上面的数组a举例,做一个升序排序。第一轮循环我们得把值最大的数从数组中找出来放在数组最后,即索引为a.length-1的位置。也就是从a[0]开始,依次往后比较相邻两个数的
2016-04-28 22:44:52 315
转载 人性化的HSL模型
HSL色彩模型又是什么? HSL同样使用了3个分量来描述色彩,与RGB使用的三色光不同,HSL色彩的表述方式是:H(hue)色相,S(saturation)饱和度,以及L(lightness)亮度。听起来一样复杂?稍后你就会发现,与“反人类”的RGB模型相比,HSL是多么的友好。 HSL的H(hue)分量,代表的是人眼所能感知的颜色范围,这些颜色分布在一个平面的色相环上,取值范围是0°到360°
2016-04-19 23:29:58 862
转载 seajs使用记录
seajs使用记录 关于base的默认路径: 【官方说明】: 模块系统的基础路径即 base 的默认值,与 sea.js 的访问路径相关: 如果 sea.js 的访问路径是: http://example.com/assets/sea.js 则 base 路径为: http://example.com/assets/ 当 sea.js 的访问路径中含有版本号时,base 不会包含 seajs
2016-04-18 22:15:45 334
转载 location.hash
location.hash详解一个显著变化,就是URL加入了”#!”符号。比如,改版前的用户主页网址为 http://twitter.com/username改版后,就变成了http://twitter.com/#!/username在我印象中,这是主流网站第一次将”#”大规模用于直接与用户交互的关键URL中。这表明井号(Hash)的作用正在被重新认识。本文根据HttpWatch的文章,整理与井号
2016-04-14 21:30:07 337
转载 弧度 和 角度的理解, 以及相互转换
弧度 和 角度的理解, 以及相互转换弧度与角度的关系一、角的两种单位 “ 弧度”和“度”是度量角大小的两种不同的单位。就像“米”和“市尺”是度量长度大小的两种不同的单位一样。 在flash里规定:在旋转角度(rotation)里的角,以“度”为单位;在三角函数里的角要以“弧度”为单位。这个规定是我们首先要记住的!!!例如:rotation2--是旋转“2度”;sin(π/2)--是大小
2016-04-10 21:15:08 1150
转载 *windows.event对象在ie与ff中的区别**
windows.event对象在ie与ff中的区别一、event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromelement 和 toelement 属性只对 onmouseover 和 onmouseout 事件有意义。1、window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数
2016-04-10 15:55:48 418
转载 JavaScript RegExp.$1...$9 属性详解
RegExp.$1...$9属性用于返回正则表达式模式中某个子表达式匹配的文本。正则表达式中每个小括号内的部分表达式就是一个子表达式。该属性是RegExp全局对象的一个只读属性,所有主流浏览器均支持该属性。语法RegExp.$nn的值介于 [1, 9] 之间,表示第n个子表达式所匹配的文本内容。例如,RegExp.$1表示第一个子表达式所匹配的文本内容。
2015-12-30 10:36:30 6351
转载 jQ-ajax
ajaxStart (Global Event)//当 AJAX 请求开始时,显示“加载中”的指示:$("div").ajaxStart(function(){ $(this).html("");});This event is triggered if an Ajax request is started and no other Ajax requests are cur
2015-11-02 13:22:01 511
转载 在PHP语言中使用JSON和将json还原成数组
从5.2版本开始,PHP原生提供json_encode()和json_decode()函数,前者用于编码,后者用于解码。一、json_encode()1234$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);echo json_encode(
2015-10-29 10:09:41 369
转载 保持元素纵横比
保持元素纵横比解决问题:页面尺寸变化(resize)时保持页面元素纵横比开源程序:Bootstrap经常,我们会遇到这样的需求,需要保持页面上某些元素在页面大小被改变重新渲染的时候,保持该元素区域的纵横比不变。最常见的场景,比如页面上显示图片的时候,希望始终保持图片的纵横比,哪怕图片以缩略图显示。或者,在页面上嵌入一段视频的时候,希望嵌入的这个元素区域始终保持16:9或者4
2015-10-20 11:53:30 2121
转载 jQuery插件开发精品教程,让你的jQuery提升一个台阶 (原创地址 http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html)
jQuery.fn
2015-09-22 14:30:57 917
转载 CSS控制文字只显示一行,超出部分显示省略号
white-space; text-overflow: ellipsis;之前使用过这个例子,现在总结说明一下:先给贴代码: 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧!
2015-09-10 16:01:34 5976
转载 未知高度的图片垂直居中
图片的宽度和高度是未知的,没有一个固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中,想想感觉还是挺麻烦的,由于最近的项目可能会用到这个方案,所以把一些常用的方法都收集整理了一下。下图是理想中的效果图,外部容器的宽度和高度是固定的,中间的图片宽度和高度未知,但是图片要始终要相对于外部的容器垂直居中。但是实际中实现的效果并不是很完美,由于各浏览器的解析都各
2015-09-10 15:53:41 555
转载 JS是按值传递还是按引用传递
按值传递 VS. 按引用传递按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。 按引用传递(call by reference)时,函数的形参接收实参的隐式引用,而不再是副本。这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值。 按引用传递会使函数调用的追踪更加困难,有时也会引起一
2015-08-31 10:43:59 1247
转载 svn
版本冲突原因:假设A、B两个用户都在版本号为100的时候,更新了kingtuns.txt这个文件,A用户在修改完成之后提交kingtuns.txt到服务器,这个时候提交成功,这个时候kingtuns.txt文件的版本号已经变成101了。同时B用户在版本号为100的kingtuns.txt文件上作修改,修改完成之后提交到服务器时,由于不是在当前最新的101版本上作的修改,所以导致提交失败。
2015-08-28 15:31:55 236
转载 js正则
1. 正则表达式规则1.1 普通字符 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功;匹配到的内容是:"c";匹配到的位置是:开始于2,结束于3。(注:下标从0开始还是从1开始,因当前编程
2015-08-24 14:18:08 437
转载 transition-timing-function
transition-timing-function:语法:transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , ) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(,
2015-08-05 13:24:08 744
原创 box-sizing
关于css 常用的box-sizing在做项目时,有许多因素都要考虑到,其中浏览器解析的盒子模型就是其中之一;特别是在早些时候,万恶的IE 6 7 8时代 。我们都知道 一个常规完整的盒子模型内 包含 padding border width 如果有需求的话还要加上margin 。在保留元素各项声明需求的同时(比如border padding)还要得到我们想要的整个元素的width 不如试试box-
2015-08-05 11:22:20 404
转载 JavaScript自增、自减运算符与表达式语法
示例解释前自增运算符与后自增运算符有本质的区别,它们的相同点都是为自身加了1,不同点是前自增运算符是先加1,再使用操作数的值,后自增运算符是先使用操作数的值,再加1。例如:var a; var i=6;//(前加加)i加1后,i等于7,并将i值赋予a,于是a等于7 a=++i; document.write(i); document.write(a);i=6; //(后加加)将i值赋予a,
2015-08-05 10:44:24 684
转载 文章标题
Javascript:if(0==”)条件为true (注意==和===的区别) 前几天在编写javascript脚本代码时,发现if判断语句:if(v=='')当v为0时,其结果竟然为true,如: Java代码 if(0 == '') { document.write('我操,蛋疼'); } if(0 == false) document.write('yes'); 执
2015-07-02 13:37:03 334
转载 XAMPP中,更改了Apache的端口, 无法打开localhost 的解决方法
首先确定1.到这个目录下\ xampp\apache\conf ,打开httpd.conf,将里边的80端口全部改成一个未被占用的端口,比如8001 2.到这个目录 \ xampp\apache\conf\extra ,打开httpd-ssl.conf ,将文件里的443端口全部换成一个未被占用的端口,比如4431首先确定两个目录下的所有80 和 443都
2015-06-10 23:42:35 5427
转载 安装xampp后apache不能启动解决方法
Xampp的获得和安装都十分简单,你只要到以下网址:http://www.apachefriends.org/zh_cn/xampp.html 下载xampp即可,我安装的是windows版本的Installer安装包,只要根据它的安装提示一路安装下去就可以了,十分方便快捷。不过,安装目录最好选择C盘之外的其它磁盘,据某些网友的经验,在Windonws7或Vista中,如果选择C盘安装,由
2015-06-10 23:00:53 461
转载 screenX clientX pageX的区别
screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条而变动如图(红点就是鼠标当前位置)参考代码
2015-06-09 20:06:03 503
转载 事件冒泡与事件捕获
事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。 Click me!上面的代码当中一个div元素当中有一个p子元素,如果两个元素都有一个click的处理函数,那么我们怎么才能知道哪一个函数会首先被触发呢?为了解决这个问题微软和网景提出了两种几乎完全相反的概念。事件冒泡微软提出了名为事件冒泡(event
2015-06-05 22:23:28 412
转载 CSS3 transform
transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。下面我们来分解各个属性的用法:transform:rotate():含义:旋转;其中“deg”是“度”的意思,如“10deg”表示“10度”下同。.de
2015-06-05 21:52:51 351
转载 box-shadow
复制代码box-shadow_CSS/*五个参数: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 如果提供了第4个长度值则用来设置对象的阴影外延值。不允许负值 设置对象的阴影的颜色*/.test li{margi
2015-05-23 23:28:34 492
转载 box-shadow
box-shadow_CSS /*五个参数: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 如果提供了第4个长度值则用来设置对象的阴影外延值。不允许负值 设置对象的阴影的颜色 */.test li{margin-
2015-05-23 23:23:02 419
空空如也
javascript 定时器和变量相关 忘好心人前辈帮忙看一下。
2015-07-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人