- 博客(57)
- 收藏
- 关注
RSS订阅原创 停止iframe里的视频音乐播放
停止iframe里的视频音乐播放问题描述：在做微信h5开发的时候，iframe里面引入了视频网址，当播放视频时，将iframe隐藏后，视频音乐还在播放。问题解决：将iframe引入的视频网址刷新即可，即：var ifr = document.getElementsByTagName("iframe")[0], ifrLink = ifr.getAttribute("src");ifr.se
2017-03-06 10:26:04
4583
原创 js 递归
js 递归 思想：递归就是将一个大问题分解成 n 个相似的小问题，然后不断地调用自身去解决这些小问题，从而求出结果。实践： 汉诺塔 塔的设备包括三根柱子和一套直径各不相同的空心圆盘。开始时源柱子上的所有圆盘都按照较小的放在较大的圆盘之上的顺序堆叠。目标是通过每一次移动一个圆盘到另一根柱子上，最终将一堆圆盘移动到目标柱子上，过程中不可以将大圆盘放置在较小圆盘之上。 代码示例：
2017-02-27 11:57:07
439
原创 在不同浏览器中，input里面的输入光标大小表现形式却大不相同
问题：在不同浏览器中，input里面的输入光标大小表现形式却大不相同，具体的如下：IE：不管该行有没有文字，光标高度与font-size一致。FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。* 该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种情况都是在有设定line-heig
2017-02-16 12:05:08
1636
原创 3px留白
3px留白说明：块级元素包含换行显示或空格分隔的情况下的行内块级元素（inline-block）会有间距，右边会有3px的留白，如果是空行内元素或是图片，右部和底部会同时有3px的留白。解决方案：推荐：父元素加个 ==font-size:0==，子元素在单独定义字体大小，这样就可以同时把下、右间隙都干掉。其他的例如 将行内块级元素写成一行、闭合标签换行、magin负边距、letter-spaci
2017-02-16 12:04:52
457
原创 jquery操作cookie
jquery操作cookie// 设置cookie$.cookie(COOKIE_NAME, 'COOKIE_VALUE', { path: '/', expires: 7 });// 获取cookie$.cookie(COOKIE_NAME);// 删除cookie$.cookie(COOKIE_NAME, null, { path: '/' });
2017-02-16 12:02:41
296
原创 常用正则表达式
常用正则表达式1. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。/^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/g2.校验中文字符串仅能是中文。/^[\\u4e00-\\u9fa5]{0,}$/g3.由数字、26个英文字母或下划线组成的字符串^\\w+$4.校验E-Mail 地址同密码一样，下面是E-mail地址合
2017-02-16 12:02:25
293
原创 文档就绪事件--document.ready和onload的区别
文档就绪事件–document.ready和onload的区别页面加载完成有两种事件：ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；onload，指示页面包含图片等文件在内的所有元素都加载完成。详细说明：document.ready 在jquery里等价于 ==(document).ready(function())==或是简写形式==(document).re
2017-02-16 12:02:06
3947
原创 js打乱数组
打乱数组代码：function upsetArray(arr){ return arr.sort(function(){ return(0.5 - Math.random()) });}说明：sort 是对数组进行排序他的是这样工作的。每次从数组里面挑选两个数进行运算。如果传入的参数是0 两个数位置不变。如果参数大于0 就交换位置如果参数小于0就不交换位
2017-02-16 12:01:55
273
原创 js本地存储
// 本地存储var localData = { setLocal: function(name, value){ var name = encodeURIComponent(name), value = encodeURIComponent(value); if (typeof Storage !=
2017-02-16 12:01:43
300
原创 JavaScript性能监控器
JavaScript性能监控器简介stats.js是一个JavaScript性能监控器。这个类提供了一个简单的信息框，帮助您监控代码的性能。检测参数说明FPS 帧渲染的最后一秒。数字越高越好。 MS 渲染一帧需要毫秒。数字越低就越好。MB 分配的内存字节。（运行铬-启用精确的内存信息）。CUSTOM 用户定义的面板支持。Screenshots（图片来自github） 实践git
2017-02-16 12:01:33
887
原创 js计时器
计时器第一种：根据页面时间倒计时(function(){ var startCountDown = function(){ var hours = parseInt($("#J_hour").text()); var minutes = parseInt($("#J_minute").text()); var seconds = parseIn
2017-02-16 12:01:16
338
原创 Javascript图片预加载
Javascript图片预加载在遇到图片很多的时候，使用图片预加载可以避免在交互展示中所造成的一些麻烦，比如图片背景切换闪烁问题。简单版本：// 图片预加载var preloadImages = [];function preload() { for (i = 0; i < preload.arguments.length; i++) { preloadImages[i]
2017-02-16 12:01:04
342
原创 js中继承
js中继承可以分为两种：对象冒充和原型链方式（ps:以下是在网上找的经过自己整理了一下）一、对象冒充包括三种：临时属性方式、call()及apply()方式1. 临时属性方式function Person(name){ this.name = name; this.say = function(){ alert('My name is '+this.name)
2017-02-16 12:00:47
273
原创 JavaScript实现阿拉伯数字和中文数字互相转换
JavaScript实现阿拉伯数字和中文数字互相转换阿拉伯数字转中文数字中文数字的特点：每个计数数字都跟着一个权位，权位有：十、百、千、万、亿。 以“万”为小节，对应一个节权位，万以下没有节权位。每个小节内部以“十百千”为权位独立计数。“十百千”不能连续出现，而“万”和“亿”作为节权位时可以和其他权位连用，如：“二十亿”。中文数字对“零”的使用要满足以下三条规则：以10000为小节，小节
2017-02-16 11:59:26
6757
1
原创 手机端自动判断 rem
手机端自动判断 rem// 手机端自动判断 rem<script type="text/javascript">(function() { var b = document.documentElement, a = function() { var a = b.getBoundingClientRect().width; var a = a < 6
2017-02-16 11:59:15
301
原创 js 两种检测重复方法
js 两种检测重复方法function unique(arr){ var repeatList = []; for (var i=0; i<arr.length; i++) { var re1 = arr[i]; for (var j=0; j<arr.length; j++) { var re2 = arr[j];
2017-02-16 11:58:58
5994
原创 js 一切皆对象
问：为什么第一个报错了，第二个却没有答： 首先 方法toString 是挂靠在Object上的（即Object的原型上的一个方法）， 第一个 32 只是一个十进制的数字，不是一个对象，是没有任何方法的， 第二个 var a = 32; 实际上是调用了 Number 创建的对象，而这个对象可以通过原型链找到Object的原型上的toString 方法。总结： js 一切皆对象
2017-02-16 11:58:06
365
原创 CSS 3D
CSS 3D++原理++ CSS 3D并非真的3D，只是利用计算的方法，借由浏览器的高效能，在2D的空间绘制一个3D的图形，就像我们拿张纸，用铅笔在上头画个正立方体之类的。 3d场景的每一个面就是一个div。首先确立好中心点，然后通过设置每个div的css属性（即旋转+位移），将其设置到指定的位置，这样，就能画出各种立方体。 ++属性++transform 该属性能让你修改 C
2017-02-16 11:56:57
846
原创 css清除浮动
以下是比较稳妥的清除浮动的样式，只要在浮动的父元素的class加上clearfloat，即可实现。不过个人还是喜欢直接加上overflow:hidden;或是直接使用flex布局，简单，方便！/* * 清除浮动代码 * 其中clear:both;指清除所有浮动； * content: '.'; display:block;对于FF/chrome/opera/IE8不能缺少，其中content
2017-02-16 11:56:02
254
原创 css毛玻璃效果
以下是毛玻璃效果.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px);
2017-02-16 11:55:43
390
原创 获取元素位置
最近做了很多获取元素位置的交互，最开始接触的是下面的这些，做了比如网页区域懒加载、一键回到网页顶部等。为了理解这些属性，我们需要知道HTML元素的实际内容有可能比分配用来容纳内容的盒子更大，因此可能会出现滚动条，内容区域是视口，当实际内容比视口大的时候，需要把元素的滚动条位置考虑进去。1. clientHeight和clientWidth用于描述元素内尺寸，是指 元素内容+内边距
2015-12-22 12:08:52
521
转载 jQuery.lazyload的使用
插件描述：jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。使用方法引用jquery和jquery.lazyload.js到你的页面html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original
2015-12-21 18:30:29
2810
转载 js中return的用法
今天看到一篇文章，介绍的是js中return的用法，感触很深。一、返回控制与函数结果，语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制，无函数结果，语法为：return; 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. Return
2015-12-21 18:15:16
25298
转载 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable a
-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.可以设一个环境变量M2_HOME指向你的maven安装目录M2_HOME=D:\Apps\apache-maven-3.3.1
2015-12-19 12:20:14
399
原创 jquery hover事件只触发一次动画
最近工作时遇到个关于动画的问题，如下：$("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, function() { $(this).animate({"margin-top":"200px"},1000); });看代码就是一个简单
2015-12-06 18:23:03
9243
原创 初识ajax
AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。最近做项目经常用到ajax，发现这个真是一个好东西，可
2015-11-29 22:16:14
376
原创 img div之间差3px
今天有人问我一个奇葩的问题，从来没遇到过，搞了半天才知道原因。事件起因：在一个div里放一个img，但下方会出现一小块空白，他想去掉。事件经过：当时是以为是边距的简单问题，就过去通过chrom调试，调试了半天发现，当内外边距都为0时，下方还是会有3px的空白，搞不清楚只好上网搜索一下，奥！！！！！原来是浏览器解析问题。事件结果：因为img是内联元素，div是块元素，浏览器解析时会在im
2015-11-13 20:34:06
1630
原创 js获取不到display的属性
今天偶然看到以前遗留的一个问题，现在用谷歌调试了一下，明白了，特此记录一下。原问题+code：为什么我的点击事件第一次点击没反应？body{ background-color:#333; }#myA{ background-color:#fff; width:350px;
2015-11-05 12:32:30
7102
原创 opacity、rgb、rgba透明背景
opacity 属性是css3的属性，是指颜色的不透明度，也可以实现透明效果，1为完全不透明，0为完全透明 例子：opacity: .5; rgb() 定义了颜色的红绿蓝值 例子：rgb(0,0,0); //表示黑色rgba() 表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数，可以让指定的颜色透明化。例子：rgb
2015-11-02 12:17:26
8666
原创 自增（++）和自减（--）的解析
今天看书遇到了自增自减的问题，想了半天上网搜了半天才想明白，说白了就是，前置型递增（++a）是先自增一再运算，而后置型递增（a++）是先计算再自增一，自减同理。实例说明（我用的是js）：1.首先，你要明确一点，当变量自加或自减后，无论他是在 = 的左或者右边，他都已经改变了。 var num1 = 29; var num2 = --num1; alert(num1 +","+ n
2015-10-14 16:37:30
2135
原创 多个onscroll事件解决
今天遇到个问题，为首页做回到顶部按钮，做完后页面却显示不出来了，想了半天才发现，原来我首页以前是用懒加载onscroll事件，而回到顶部按钮也是用到了onscroll事件，结果是只执行了后一个事件，前一个被替换了，上网查到了一个解决方法：如果一个页面出现多个window.onscroll=function(){...}后果是只有最后一个正常运行。解决方法可以使用jquery$(
2015-09-25 15:30:09
1379
原创 图片懒加载
图片懒加载就是当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。如果一个首页的图片很多的话，用图片懒加载会让其打开时间大大缩短，提高用户体验。说白了，其实很简单，就是通过js动态给每个块tianjiahtml代码片段： </
2015-09-22 15:36:39
770
原创 eclipse常用快捷键
1、代码格式化：control+shift+f2、快速查找资源： control+shift+r3、查找和替换： control+f4、删除一整行： control+d5、代码提示： alt+/6、显示大纲： control+o7、回退： control+z8、显示属性： alt+enter9、重命名：f2
2015-09-16 16:25:08
374
原创 svn日常使用
svn是一个开放源代码的版本控制系统，是团队合作开发项目的利器，每个人可以把线上的项目检出到本地的工作空间进行操作，然后提交到线上。以下是提交时遇到的三种状态：在要操作的文件夹或者你修改的文件（即带一个黑色的大*文件）右键-->Team-->与资源库同步，在编译器的下方、文件的上都会有三种箭头，蓝色、灰色和红色。1、蓝色的箭头为线上其他人更改完提交的，你可以选择继续右键更新（就是把其他
2015-09-16 15:27:49
617
原创 eclipse 个人配置+优化
eclipse 个人配置+优化1.字体： window--》preferences--》General--》appearance--》colors and fonts--》看到右边字体一列有很多的选项，我们只需要修改basic里面的--》点击Edit--》大小设置成16即可2.设置工作空间的项目编码, 防止出现乱码 Window - Preferences - Gene
2015-08-26 12:03:01
431
原创 eclipse 插件安装备用
以下插件现在没用，但不代表以后用不到，留下来备用。1.反编译软件 jadclipse - http://sourceforge.net/projects/jadclipse/ 下载后放在eclipseplugin下 需要依赖jad.exe文件，放在%JAVA_HOME%/bin下 重新启动eclipse，重启后在window>pref
2015-08-26 11:31:16
581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人