- 博客(102)
- 资源 (9)
- 收藏
- 关注
RSS订阅
原创 移动端上拉下拉刷新组件
listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实
2016-08-04 15:27:58
3358
原创 精通css3 flex弹性布局
精通flex弹性布局在远古时代，兼容ie6的年代使用float、position+display传统方式布局，经常会遇到一些奇奇怪怪的布局问题，所以在css3中的flex布局就营运而生，也就是弹性布局。一、兼容性目前为止已经有超过98%的浏览器已经全面支持flex布局(除非你的项目属于远古时代的项目)，所以基本都可以使用flex布局。二、注意要点如果使用了flex布局之后，容器中子元素...
2019-04-01 17:25:29
860
1
转载 http请求头
一 、基础概念URLURI 包含 URL 和 URN，目前 WEB 只有 URL 比较流行，所以见到的基本都是 URL。URI（Uniform Resource Identifier，统一资源标识符） URL（Uniform Resource Locator，统一资源定位符） URN（Uniform Resource Name，统一资源名称）请求和响应报文1. 请求...
2019-03-20 19:56:17
959
原创 javascript的6种继承方式
一、原型链继承思路：利用原型让一个引用类型继承另外一个引用类型的属性和方法，因为每个构造函数都有一个原型对象(也就是所有的函数默认的原型都是Object的实例)，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。重点：原型链上面所有的属性和方法都是可以相互共享的。// 一个引用继承另外一个引用 也就实现了继承function Parent() { t...
2019-03-14 11:12:20
277
原创 css3移动端动画
css3移动端动画，动画方式很简单只需要添加指定方式的class即可实现很酷炫的动画，组件引入了animate.css，目前只有里面的动画方式。组件可以用于酷炫的活动页面，页面交互动作等。
2016-11-29 17:58:10
2775
原创 细说javascript作用域
javascript作用域是一个老生常谈的问题，现在我就以最简单的方式去理解一下作用域这个概念。在javascript里面没有块级作用域的区分，也不要把作用域的概念和上下文来混淆，javascript的作用域是由函数划分开的。先来看一个demo：var xisa = 'test';// 在{}块里面{ // 这里没有块级的概念 所有xisa这个变量还是属于全局
2016-11-10 09:48:15
391
原创 移动端弹出列表选择框
pushbutton 移动端弹出列表选择框移动端从下往上推动画效果端弹出列表选择框，适应所有主流移动端机型，支持Node引入，require引入;如有用得不爽可以随时提意见，谢谢。
2016-11-04 14:54:21
10778
1
原创 1111111111111
1111111[][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]][([][(![]+[])[+[[+[]]]]+([][[]
2016-07-25 16:31:15
599
转载 Flex 布局教程：语法篇
本文属于转载，为尊重原作者的劳动成果，在此标注原文地址，点击此处浏览网页布局（layout）是CSS的一个重点应用布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完
2016-04-05 16:44:51
414
转载 前端组件库大合集-必备收藏
来源：http://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html前言本文包含搭建web app常用的样式/组件等收集列表(移动优先)，推荐mark！0. 前端自动化(Workflow)前端构建工具Yeoman
2015-09-08 17:47:58
8396
1
转载 HTML5 中工作线程（Web Worker）简介
至 2008 年 W3C 制定出第一个 HTML5 草案开始，HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能，而且还增加了对本地数据库等 Web 应用功能的支持。其中，最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程（Web Worker）的概念，并且规范出 Web Worker 的三大主要特征：能够长时间运行（响应），理想的启动性能以及理想
2015-07-01 10:21:14
1188
转载 解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题
原文地址：http://blog.youkuaiyun.com/justinjing0612/article/details/9532953 从去年到今年一直从事 Hybrid开发模式，一会要写写 iOS native 代码，一会要写写 Html5＋js 代码。 搞的我意识已经模糊了，在mac os下开发html5 ＋js代码会遇到好多问题，各个浏览
2015-06-06 15:17:04
1579
原创 css两行显示省略号
只需要两行css就ok了 -webkit-box-orient: vertical; -webkit-line-clamp: 2;
2015-05-07 15:29:27
1296
原创 js监听移动端是否横竖屏
手机横、竖屏事件 //屏幕方向标识，0横屏，其他值竖屏var orientation=0;//转屏事件，内部功能可以自定义function screenOrientationEvent(){ if(orientation == 0)document.getElementById("change").value="竖"; else document.getElementBy
2015-03-25 10:55:46
3030
原创 移动端调试使用日志定位
window.onload = function(){ onerror=handleErr11111111; var txt=""; function handleErr11111111(msg,url,l){ txt="本页中存在错误。\n\n" txt+="错误：" + msg + "\n" // txt+="URL: " + url + "\n" txt+="行：" +
2015-03-20 20:48:45
1276
原创 js寄生函数
// 寄生函数function obj(o){ function Fn(){}; Fn.prototype = o; // 把指针转回给自己 return new Fn();}function create(o,oBj){ var _o = obj(o.prototype); _o.constructor = oBj; oBj.prototype = _o; return
2015-03-11 21:52:39
934
原创 css3锯齿边框
.bg{ width:300px; height:50px; background:#caca8c; background-image:-webkit-gradient( linear,50% 0,0 100%, from(transparent), color-stop(.5,transparent),
2015-03-03 16:07:15
4831
原创 chrome跨域
降低chrome浏览器安全性，可以让其实现跨域，在环境变量后面添加这一句就可以实现：--args --disable-web-security
2015-02-27 14:11:40
834
原创 js判断鼠标移动方向
js代码：var gaga = function(wrap){ var wrap = document.getElementById(wrap); var hoverDir = function(e){ var w = wrap.offsetWidth, h = wrap.offsetHeight,
2015-01-29 14:40:59
5885
1
原创 html5 range
body { background: #2B353E; margin: 0; padding: 0;}#slider { width: 400px; height: 17px; position: relative; margin: 100px auto; background: #10171D; -webki
2015-01-08 17:02:22
851
原创 css3中的content和实体
css3content的用法#gaga::before{ font-family:"gaga-font-icon"; content:'\1234'}gaga实体的用法#gaga{ font-family:"gaga-font-icon";}ሴ效果是一样，content的优势在于灵活的控制，而且减少节点，实体如果要
2015-01-07 14:48:16
1293
转载 javascript图片延迟加载
图片延迟加载 img{display:block;width:350px;height:245px;background:url(img/loading-black.gif) center center no-repeat}var obj=document.getElementsByClassName("test"),i,t,h;
2014-12-20 18:40:34
840
原创 jquery+css3时钟
效果图如下：虽然丑了一点，但是功能实现了！钟使用的技术是css3的旋转、背景渐变（径向渐变）、圆角，还有负边距的定位，兼容ie9以上的浏览器，firefox、chrome、opera、safari等主浏览器，仅供参考，莫喷我！！！
2013-12-26 14:42:37
1450
转载 热推18个基于HTML5 Canvas开发的图表库
如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。
2013-11-28 21:08:18
1117
转载 一个轻量级jQuery的日期选择器日历 glDatePicker
http://glad.github.io/glDatePicker/glDatePicker是一个简单，可以定义，轻量级jQuery日期选择插件。压缩后只有4KB左右。它提供的一些功能包括：向前和向后导航，默认当天日期高亮选中，显示当前选中的日期，限制日期选择范围（如：将日期限制在开始日期后的N天内），设置每一个日期选择器的样式。
2013-11-21 14:48:27
2396
转载 视差滚动(Parallax Scrolling)效果的原理和实现
视差滚动(Parallax Scrolling)效果的原理和实现视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。可以先看看效果：http://www.ok-studios.de/home/一、什么是视差滚动？ 视差效果，原本是一个天文学术语，
2013-11-07 09:32:01
2578
原创 原生js获取execl里面的值 主要使用ActiveXObject
今天一个程序员给了一表我，里面有一百多条数据，叫我一个一个数据的复制到系相应的函数里面比如 put("gaga1","gaga2"),这样一句话，要我复制一百多遍，fuck。。。我就说你自己用java读取不就可以啦！他就说用java要运行半个小时以上，我就心里想fuck，是你不怎么懂java吧！此时自己心中的几百万头草泥马在奔腾!!!!!! 于是自己就去找了一个js方法来读取ex
2013-10-31 16:30:02
1541
原创 javascript 验证 只能输入数字和一个小数点
function gaga(obj){ // 值允许输入一个小数点和数字 obj.value = obj.value.replace(/[^\d.]/g,""); //先把非数字的都替换掉，除了数字和. obj.value = obj.value.replace(/^\./g,""); //必须保证第一个为数字而不是. obj.value = obj.
2013-10-21 11:09:39
1278
转载 LAMP 服务器安装配置
目录[隐藏]1基础2安装2.1安装LAMP2.2图形化管理软件（可选）2.2.1安装webmin2.2.2安装phpmyadmin3配置文件路径3.1常用命令3.2配置apache3.2.1Apache模块3.3配置PHP53.4配置MySQL3.4.1MySQL常用命令3.4.2
2013-10-10 14:40:53
1780
原创 今天是星期几的写法PHP
// 第一种写法$da = date("w");if( $da == "1" ){ echo "今天是星期一";}else if( $da == "2" ){ echo "今天是星期二";}else if( $da == "3" ){ echo "今天是星期三";}else if( $da == "4" ){ echo "今天是星期四";
2013-09-26 13:47:55
1520
原创 javascript随机数
function Random( num_first,num_last ){ //输出指定范围内的随机数的随机整数 switch( arguments.length ){ case 1 : return parseInt( Math.random() * num_first + 1 ); case 2 : return parseInt
2013-09-17 11:36:38
935
原创 今天是星期几的不同写法
第一种写法 var str = ""; var week = new Date().getDay(); if (week == 0) { str = "今天是星期日"; } else if (week == 1) { str = "今天是星期一"; } else if (week == 2) {
2013-09-13 10:55:45
2095
3
原创 MyEclipse 注册码
MyEclipse 注册码和大家共享一下!一：MyEclipse_6.0.1GA_E3.3.1_FullStackInstaller注册码Subscriber：javpSubscription Code：wLR7ZL-655551-68586356379508982Subscriber：AdministratorSubscription Code：NLR8ZC-855055-6
2013-09-06 09:58:06
1492
转载 体感游戏之障碍越野赛——新世界，新征程
原作者：phil 这也许不仅仅是一款游戏，也许是一个新世界的开始。障碍越野赛是体感游戏的第一款游戏。 通过建立长链接将手机（wifi连接）与PC浏览器进行绑定，将用户覆盖最广的电子设备——手机成为电脑游戏的游戏手柄，通过手机上下晃动控制游戏人物赛跑。一个前端的技术、一个全新的交互方式、一个融入SNS元素的全新游戏模式。这不仅是一款游戏，我们有了更广阔的想象空间。产品
2013-08-19 17:16:44
1441
转载 Mac抄袭施乐PARC图形界面？果真如此？还真是如此啊！
关于苹果是不是创造出第一台带图形界面的电脑 ，多少会有很多的争议，熟悉IT历史的人士知道，图形界面和位图显示最早是与施乐公司帕乐奥图研究中心（Xerox Palo Alto Research Center，文章简称为Xerox PARC）提出来的，Xerox PARC的工程师希望开发研究友好的用户图形界面，即便是小孩子也可以轻松的操作，从此彻底抛弃哪些拒人千里之外的命令行和DOS命令行。施乐的想法
2013-08-16 15:59:26
6013
转载 crazyinsomnia 操作系统图形界面发展史(1981-2009)
注意，本文这罗列了从1981年以来有重大意义的操作系统的图形界面。下面，让我们先来看看PC机上的第一个图形界面——Xerox Alto(该系统并未商用，主要用于研究和大学)，其于1973年被施乐公司Xerox Palo Alto Research Center (PARC)所 设计，从此，开启了计算机图形界面的新纪元，80年代以来，操作系统的界面设计经历了众多变迁，OS/2, Macint
2013-08-16 15:48:06
1263
原创 js冒泡法和数组转换成字符串
js代码:window.onload = function(){ var mian = document.getElementById( "mian" ); var mian1 = document.getElementById( "mian1" ); var str = mian.innerHTML; var arry = []; var len = str.length; fo
2013-08-14 15:06:07
1240
原创 CSS3正方体旋转
css代码：@keyframes spin {from { transform: rotateY(0); }to { transform: rotateY(-360deg); }}@keyframes spin-vertical {from { transform: rotateX(0); }to { transform: rotateX(360deg); }}/************
2013-08-07 17:56:48
1579
原创 window对象
[window对象] 它是一个顶层对象,而不是另一个对象的属性，即浏览器的窗口。 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是
2013-08-07 14:46:20
1477
原创 解决firefox不支持innerText的办法
js代码：window.onload = function(){if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText HTMLElement.prototype.__defineGetter__( "innerText", function
2013-08-07 14:24:17
1718
jquery+css3时钟
2013-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人