HTML<base>标签|页面上所有链接新窗口打开

HTML<base>标签|页面上所有链接新窗口打开

HTML<base>标签为页面上所有链接规定默认目标: <head> <base target="_blank" /> </head><body> <a href="http://www.imuum.comn">imuum</a> </body> 定义和用法 target 属性规定在何处打开页面上的所有链接。 语法 <base target="value"> 属性值值 描述_blank 在新窗口中打开被链接文档。_self 默认。在相同的框架中打开被链……
WeUI微信Web框架下载

WeUI微信Web框架下载

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。 一、安装 方法一:使用bower进行安装 bower install --save weui方法二:使用npm进行安装 npm install --save weui以上两种方法安装后,只需要在页面中引入dist/style/weui.css或者dist/style/weui.min.css……
HTML和js实现微信“摇一摇”效果演示

HTML和js实现微信“摇一摇”效果演示

在HTML5,devicemotion事件deviceorientation特性的运动传感器的封装时间装置,你可以通过改变运动时间获取设备的状态,加速和其他数据(有另一个角度deviceorientation事件提供设备,定位等信息)。而通过DeviceMotion对设备运动状态的判断,则可以帮助我们在网页上就实现“摇一摇”的交互效果。把监听事件绑定给 deviceMotionHandler if (window.DeviceMotionEvent) { window.addEventListener('devicemotion', de……
简单jquery点击水波扩散效果,支持自定义颜色

简单jquery点击水波扩散效果,支持自定义颜色

简单jquery点击水波扩散效果,支持自定义背景颜色代码非常简单,实现原理是点击后添加一个div,通过css3放大实现效果! HTML <div class="box"> <ul> <!-- data-ripple-background值为点击后的过度背景颜色 --> <li ripple="ripple" data-ripple-background='#8AFF00'>木</li> <li ripple="ripple" data-ripple-background='#ff0000'>木</li> <li ripple="ripple" dat……
jquery简单图片预览效果input file绝对路径

jquery简单图片预览效果input file绝对路径

今天写个活动页面,加了个图片上传预览页面。代码给他家贴出来了看看!HTML <input id="update" type="file" /> <img id="img" alt="" /> JQUERY<script> $("#update").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#img").attr("src", objUrl) ; } }) ; function getObjectURL(file) { var url = null ;……
14个前端开发者jQuery小技巧

14个前端开发者jQuery小技巧

 一个简单技巧的集合,帮你提升 jQuery 技能。下面是搜集的15个小技巧:回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏的图片 Hover 上的 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单的折叠效果 将两个 Div 设为相同高度 在新窗口打开外部链接 找到文本元素 切换可视与隐藏的触发器 Ajax 调用的错误处理回到顶部按钮 通过使用 jQuery 中……
7种Material Design风格打开菜单按钮特效演示

7种Material Design风格打开菜单按钮特效演示

这是一款效果非常炫酷的Material Design风格打开菜单按钮特效。该特效有7种不同的效果,每一种效果中都可以通过点击主菜单按钮来打开一组主菜单按钮,各种打开子菜单的动画效果各不相同。 HTML 这7种打开菜单按钮特效的基本HTML结构都非常相似:使用一个<section>来作为包裹元素,里面使用一个div元素来作为按钮组包裹元素。然后在其里面放置一个button元素作为主菜单按钮,在用一个div包裹一组超链接元素作为子菜单。 ……
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 (……