cappyli-CSDN博客

原创 js冒泡排序，选择排序，插入排序

script> var arr=[9,2,3,5,1,10,34,90,50,7,100,200,40,45,56]; var arr2=[9,2,3,5]; function bubbleSort(arr){//冒泡排序 var change=""; for(var i=0;iarr.length;++i){ for

2015-11-28 16:10:35 302

原创 web app开发总结

1. viewport：webapp视图也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - //

2015-10-27 16:20:11 309

转载 CSS3判断手机横屏竖屏

CSS3判断手机横屏竖屏原理：当用户旋转屏幕的时候，会进入到你的监听方法中，然后通过window.orientation来获取当前屏幕的状态：0 - 竖屏90 - 逆时针旋转横屏-90 - 顺时针旋转横屏180 - 竖屏，上下颠倒如果你不希望用户使用横屏方式查看你的网页，你可以在设备旋转时间监听里面对body使用CSS3里面的transition中

2015-10-27 11:41:24 699

转载 Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置文件

grunt.initConfig方法用于模块配置，它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置，需要参考该模板的文档。就cssmin来讲，minify目标的参数具体含义如下：expand：如果设为true，就表示下面文件名的占位符（即*号）都要扩展成具体的文件名。cwd：需要处理的文件（input）所在的目录。src：表示需要处理的文件。如果采用

2015-07-22 17:06:05 610

转载 Js apply方法详解

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和cal

2015-06-20 13:57:27 324

原创 Grunt插件之LiveReload 实现页面自动刷新

前提是安装好nodejs会使用npm命令行语句在项目文件根目录创建：package.json跟Gruntfile.js文件package.json文件写入{ "name": "test",//项目名称 "version": "0.0.1",//项目版本}当前目录运行cmd---------------按住shift键+鼠标邮件（在此处打开命令行窗口）输入命令行语

2015-06-16 09:15:39 815

原创 cookies的Base64()加密创建删除查询

html>html lang="en">head> meta charset="UTF-8"> title>加密创建读取删除cookietitle> script src="js/base64.js">script>head>body>script> var code=new Base64(); function setCookie(nam

2015-06-01 09:06:38 296

转载 WebStorm技巧

WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处：省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。坏处：没有以前的 * 标识，万一键盘误操作

2015-05-29 17:59:58 1639

转载使用PIE对IE进行CSS3兼容介绍

下面说说如何对 IE10 以下版本的浏览器进行部分 CSS3 兼容国外团队开发的兼容插件，去年做项目时才发现，非常强大主角：PIE.js , PIE.htc 两种方法可以实现官方网站：http://css3pie.com/演示地址：http://css3pie.com/demos/gradient-patterns/重要功能实现：可以使 IE6、7、8 、9 实现类

2015-05-29 10:11:53 756

转载 IE6下Png透明最佳解决方案DD_belatedPNG

曾经一度的采用滤镜的方法搞定这个问题，弊端是当有多个png图片的时候，这就造成了css的压力，得写多少css代码呀，也尝试过js，缺点是不支持CSS中backgrond-position与background-repeat这个问题曾经困扰我许久许久……曾经一度的采用滤镜的方法搞定这个问题，但是这种方法有个弊端。就是当有多个png图片的时候，这就造成了css的压力，得写多少css代码呀。也尝试过

2015-05-29 09:48:25 293

cappyli的博客