- 博客(210)
- 收藏
- 关注
RSS订阅原创 雪碧图例子
html>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>雪碧图案例title> style> html,body{ padding: 0; margin: 0; font-fa
2016-02-23 16:06:57
1172
转载 移动前端开发优化指南
移动前端开发由于是在手机上使用，需要考虑到网络信号较差和为用户的流量着想，性能和加载速度就是前端开发人员需要认真考虑的，PC的优化手段同样使用在移动端上。概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以
2016-02-16 14:41:21
459
转载 移动前端开发知识资源整理
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />1.忽略将页面中的数字识别为电话号码name="format-detection" content="telephone=no" />1.忽略Android平台中对邮箱地址的识别
2016-02-16 11:09:07
908
原创 css3来回摆动
html>html>head> script src="//cdn.bootcss.com/jquery/2.1.4/jquery.js">script> script> var i=0; $(document).ready(function(){ setInterval('gaibian()',1000);
2016-01-06 10:48:56
10281
转载 js 多个倒计时，毫秒倒计时
DOCTYPE html>html> head> meta charset="UTF-8"> meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> title>title>
2016-01-05 14:25:55
1048
转载 禁止复制网页内容
// 禁用右键菜单、复制、选择$(document).bind("contextmenu copy selectstart",function() { return false;});// 禁用Ctrl+C和Ctrl+V（所有浏览器均支持）$(document).keydown(function(e) { if(e
2015-12-30 18:37:21
443
转载 js实现，同一页面多个倒计时
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> ..
2015-12-29 18:25:50
4980
转载 常用meta整理
元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相
2015-12-09 14:47:56
415
转载 经典CSS实现三角形图标原理解析
border边框语法： border 四条边框设置border-left 设置左边框，一般单独设置左边框样式使用border-right 设置右边框，一般单独设置右边框样式使用border-top 设置上边框，一般单独设置上边框样式使用border-bottom 设置下边框，一般单独设置下边框样式使用,有时可将下边框样式作为CSS下划线效果应用基本用法:// 为
2015-12-07 16:02:00
552
转载 移动端web开发技巧
移动端web开发技巧META相关1. 添加到主屏后的标题（IOS） 2. 启用 WebApp 全屏模式（IOS） 3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：4. 设置状态栏的背景颜色（IOS）设置状态栏的背景颜色，只有在 "
2015-12-03 15:27:42
633
原创 JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面
JS判断客户端是否是iOS或者Android参考：http://caibaojian.com/browser-ios-or-android.html1 function is_weixin() {2 var ua = window.navigator.userAgent.toLowerCase();3 if (ua.match(/MicroMes
2015-11-27 17:47:38
2076
转载 jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用，它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法，下面我来给各位同学介绍介绍。我们先从最简单的方法看起，处理复杂的ajax请求时，jQuery使用jQuery.ajax()方法进行处理。在jQuery中有一些简单的方法，它对jQuery.ajax()方法进行了封装，使得我们在处理一些简单的Aja
2015-11-27 17:33:40
428
转载 js刷新页面方法
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧如何实现刷新当前页面呢？借助js你将无所不能。1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页
2015-11-27 17:24:30
478
转载 一些css小用法总结
1、用:before和:after实现小尖角效果div class="div">div>.div{ background: #fff; border: 2px solid #000; height: 100px; width: 100px; position: relative;}.div:after,.div:before{
2015-11-23 16:51:02
412
原创 移动端背景图片铺满屏幕
html>html>head lang="en"> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> title>摇一摇结果title> link rel="sty
2015-11-23 14:05:49
15048
2
转载 十五个常用的jquery代码段
十五个常用的jquery代码段回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画：1 // Back to top2 $('a.top').click(function (e) {3 e.preventDefault();4 $(document.body).animate(
2015-11-20 12:08:28
352
转载 base64和图片的互转（HTML5的File实现)
base64和图片的互转（HTML5的File实现)2013-08-02 0 个评论 作者：qklin收藏 我要投稿刚接触到一个内联图片的概念，内联图片即使把图片文件编码成base64 看下面代码即是内联问题可以减少http的请求，缺点是不能跨域缓存！ ?12
2015-11-19 16:06:42
1406
转载 $.ajax()方法详解
jquery中的ajax方法参数总是记不住，这里记录一下:1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置
2015-10-23 10:05:50
289
转载 理解闭包
《高级程序设计》上，这样说：当在函数内部定义了其他函数时候，就创建了闭包。闭包有权访问包含函数内部的所有变量。（这句话怎么理解呢？照这句话理解的话，闭包就是一个嵌套函数嘛！嵌套函数对包含它的函数的变量当然可以访问，这是没有问题的。） 一般来说，内部函数是能够访问到上一级乃至全局的的变量的，那么就有人这样理解：通过闭包，可以实现外部访问函数局部内的变量。(如果我
2015-10-15 17:51:00
398
转载 HTML 常用头部标签（meta）
HTML 常用头部标签（meta）先来看下常用的标签列表，后文会一一介绍： lang="zh-cmn-Hans"> charset='utf-8'> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> name="description" content="不
2015-10-08 14:44:01
678
原创 META
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。 name是描述网页的，对应于Cont
2015-09-28 10:02:00
357
原创 js图片上传预览功能
By：DragonDean//下面用于图片上传预览功能function setImagePreview(avalue) {var docObj=document.getElementById("doc");var imgObjPreview=document.getElementById("preview");if(docObj.files &&docObj.fil
2015-09-21 17:26:10
552
原创 在HTML文件引入其它HTML文件的几种方法
1.IFrame引入，看看下面的代码-------------------------------------------------------------------------------- --------------------------------------------------------------------------------你会看到一个外部
2015-09-15 11:55:17
673
原创 重写alert、confirm
模拟alert和confirm提示框 (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk(); //alert只是弹出消息，因此没必要用到回调函
2015-09-10 17:17:14
1056
原创 Bootstrap模态框(modal)垂直居中
$('#myModal ').modal('hide').css({ 'top': function () { return (30+"%"); }});
2015-09-10 17:16:06
509
原创 SVN使用教程
SVN简介： 为什么要使用SVN？ 程序员在编写程序的过程中，每个程序员都会生成很多不同的版本，这就需要程序员有效的管理代码，在需要的时候可以迅速，准确取出相应的版本。Subversion是什么？ 它是一个自由/开源的版本控制系统，一组文件存放在中心版本库，记录每一次文件和目录的修改，Subversion允许把数据恢复到早期版本，或是检查数据修改的历史
2015-09-06 17:29:58
263
原创 将页脚固定在页面底部
作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定
2015-08-27 18:23:51
1324
1
原创 Android 开发环境配置图文教程(jdk+eclipse+android sdk)
一 相关下载(1) java JDK下载:进入该网页: http://java.sun.com/javase/downloads/index.jsp (或者直接点击下载)如下图:选择 Download JDK 只下载JDK，无需下载jre. (2)eclipse下载进入该网页: http://www.eclipse.org/downl
2015-08-13 14:06:33
302
原创 Ioinc项目环境搭建（安卓）
Ioinc项目环境搭建（安卓）1、下载eclipse和JDK、解压eclipse、并安装JDK、生成如下目录、我是安装在C盘路径2、配置jdk环境变量系统变量→新建 JAVA_HOME 变量 。变量值填写jdk的安装目录（本人是C:\Program Files\Java\jdk1.8.0_25)系统变量→寻找 Path 变量→编辑在变量值最后输入 %JAVA_H
2015-08-13 14:04:10
1064
原创 邮箱校验（js）
//邮箱校验var oTxt=document.getElementById('email');var email=oTxt.value.replace(/^\s+|\s+$/g,"").toLowerCase();//去除前后空格并转小写 var reg=/^[a-z0-9](\w|\.|-)*@([a-z0-9]+-?[a-z0-9]+\.){1,3}[a-z]{2,
2015-08-05 17:12:26
1012
原创 ajax
function addcommodity(){ var name = $('#cname').val(), price = $('#cprice').val(); var data = { "name": name, price:price,"imgSrc": "xmsz-"+Math.floor(Math.random()*5
2015-08-05 17:10:43
355
原创 点击获取邮箱验证码带时间（js）
//获取邮箱验证码var wait = 60;function time(o) {if (wait == 0) {o.removeAttribute("disabled");o.value = "获取验证码";wait = 60;} else {o.setAttribute("disabled", true);o.value = "还剩(" + wait + "
2015-08-05 17:09:40
1440
原创 手机号码替换xx（Java）
String str = mobile;partical_mobile = str.substring(0, str.length() - (str.substring(3)).length()) + "****"+ str.substring(7);
2015-08-05 17:06:58
1154
转载 html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：01
2015-07-31 14:41:22
338
原创 GlassFish 的安装及设置命令
本文根据GlassFish3撰写，但经测试，GlassFish4也适用，GlassFish 是一款强悍的J2EE 应用服务器，支持完整的 J2EE 标准，而且开源免费，如果服务器配置不是特别低，若4G以上内存我推荐使用GlassFish，系统配置低，且仅使用JSP/JavaBean/Servlet的得话，还是用Tomcat要好些（占内存恐怕只有 GlassFish 的 1/10）。
2015-07-31 10:08:10
662
原创 Android 开发环境配置图文教程(jdk+eclipse+android sdk)
Android 开发环境配置图文教程(jdk+eclipse+android sdk)一 相关下载(1) java JDK下载:进入该网页: http://java.sun.com/javase/downloads/index.jsp (或者直接点击下载)如下图:选择 Download JDK 只下载JDK，无需下载jre.
2015-06-24 09:00:44
421
原创 SASS用法指南
SASS用法指南学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocess
2015-03-20 10:01:30
373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人