JavaScript删除数组重复元素的5个高效算法

JavaScript删除数组重复元素的5个高效算法

  1.遍历数组法: 最简单的去重方法,?实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断值是否在数组的方法“indexOf”是ECMAScript5 方法,IE8以下不支持,需多写一些兼容低版本浏览器代码,源码如下: // 最简单数组去重法 function unique1(array){ var n = []; //一个新的临时数组 //遍历当前数组 for(var i = 0; i < array.length; i++){ //如果当前数组的第……
移动web app开发规范概述

移动web app开发规范概述

字体设置 要考虑Android低端机与2G网络场景下性能 注意! 发布前必要检查项所有图片必须有进行过压缩 考虑适度的有损压缩,如转化为80%质量的jpg图片 考虑把大图切成多张小图,常见在banner图过大的场景加载性能优化, 达到打开足够快数据离线化,考虑将数据缓存在 localStorage 初始请求资源数 < 4 注意! 图片使用CSS Sprites 或 DataURI 外链 CSS 中避免 @import 引入 考虑内嵌小型的静态资……
移动端web开发技巧 web app开发

移动端web开发技巧 web app开发

  META相关 1. 添加到主屏后的标题(IOS) <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果) <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-touch-fullscreen" content="yes" /> 3. 百度禁止转码通过百度手……
iPhone CSS media query(媒体查询)

iPhone CSS media query(媒体查询)

iPhone5 ?iPhone6 ?iPhone6Plus iPad设备 media query(媒体查询)代码. PS:需要注意的是iPhone5不具有16:9的纵横比。事实上,它是40:71。 iPhone < 5: @media screen and (device-aspect-ratio: 2/3) {}   iPhone 5: @media screen and (device-aspect-ratio: 40/71) {}   iPhone 6: @media screen and (device-aspect-ratio: 667/375) {}   iPhone 6Plus: @media screen and (……
div中的内容/图片img垂直居中的五种方法

div中的内容/图片img垂直居中的五种方法

一、行高(line-height)法 如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如: p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂直居中的效果。 二、内边距(padding)法 另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如: p { padding:20px 0; }……
js/jquery按钮控制HTML5音乐开关

js/jquery按钮控制HTML5音乐开关

HTML 建立一个HTML5页面,放置<audio>标签,设置音频文件源,设置循环播放。准备两张图片,分别表示开启和暂停背景音乐两种状态,可以点击。 <audio?id="music2"?src="music.mp3"??loop="loop">你的浏览器不支持audio标签。</audio>? <a?href="javascript:playPause();"><img?src="pause.gif"?width="48"?height="50"?id="music_btn2"?border="0"></a>?javascript 我们在点击开关……
一个简单jQuery加入购物车的动画效果

一个简单jQuery加入购物车的动画效果

分享一个简单jQuery加入购物车的动画效果,代码非常简单,懂点jQuery的就能看懂。当然,如果你需要更好看的效果,可以自己发挥货自己找这方面的插件吧。 HTML<div class="gwc-c"><img src="http://ico.ooopic.com/iconset01/symbolize-icons/gif/113031.gif"/></div> <div class="content"><img src="http://demo.lanrenzhijia.com/2015/pic0622/images/big_1.jpg" class="goods" />……
ios_iphone_移动端background-attachment:fixed兼容性[失效]

ios_iphone_移动端background-attachment:fixed兼容性[失效]

 ios系统和某些移动端background-attachment:fixed不兼容性,没有任何效果,但可以hack一下就可以了,代码如下:ps:想在哪个标签加背景,可以在它class后:before. body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(path/to/image) center 0 no-repeat; background-size: cover; }
纯css带三角对话框的写法

纯css带三角对话框的写法

 今天写的这个css模拟对话框,假如你理解了,那么是很好记的,你不理解没有关系,可以把我的这篇文章收藏起来,用到的时候,可以翻出来看一下! css代码 #talkbubble { margin-left:30px; width: 120px; height: 80px; background: red; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #talkbubble:before { content:""; ……
纯Javascript画廊代码支持移动设备触摸切换

纯Javascript画廊代码支持移动设备触摸切换

  HTML 首先加载所需的CSS和js文件 <link?rel="stylesheet"?href="css/photoswipe.css">? <link?rel="stylesheet"?href="css/default-skin/default-skin.css">? <script?src="js/photoswipe.min.js"></script>? <script?src="js/photoswipe-ui-default.min.js"></script>? 以上文件大家不要担心,月光光都打包好了,您只管下载拿去用就是。接下来,准备body里的HTML部……
Lazy Line Painter有趣的jQuery路径动画插件下载

Lazy Line Painter有趣的jQuery路径动画插件下载

  准备你的SVG数据 在你选择的矢量编辑器创建您的生产线的艺术,首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;  代码转换 然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码。最后在页面中引入 jQuery、Rapha?l & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方……