黄彪博客

黄彪学习笔记

排序:
默认
按更新时间
按访问量

H5 本地存储学习笔记

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。   sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。   key 和 value 都必须为字符串,换言之,web Storage...

2017-01-14 10:06:21

阅读数:1221

评论数:0

js 延迟事件加载

今天在工作中遇到如下问题: 在本地做数据搜索,用户输入中文或者英文,能够筛选出符合条件的数据,当用户键盘输入过快,导致浏览器卡死,不能使用   筛选过程描述 当用户输入中文或者英文,根据算法(字符匹配),将用户输入全部转为因为英文,然后根据英文条件对本地数据做数据筛选。   问题分析:...

2017-01-14 10:05:46

阅读数:1003

评论数:0

artTemplate模板引擎学习(json的key字符串两端不能有空格)

文章参考: http://www.jq22.com/jquery-info1097/   最近在工作中写了一个树形结构,数据是自己设计的:   var fomat = { "机构ID_1": { "orgId": 机构ID, ...

2017-01-14 10:04:37

阅读数:884

评论数:0

标签背景色计算方法(文字确定,背景色就确定)

文字参考 http://www.cnblogs.com/Jackson-Bruce/p/4011733.html 需求: 用户输入不同的文字,随机显示3中不同的背景色(例如:“高兴”的背景色是绿色,则要求在所有的页面中,"高兴"标签的背景色就是绿色) 思路: 对输入的文...

2017-01-07 11:30:30

阅读数:390

评论数:0

H5 contenteditable 属性学习

文章参考 http://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/ http://www.w3school.com.cn/html5/att_global_contenteditable.asp ...

2017-01-07 10:16:46

阅读数:780

评论数:0

JavaScript的type属性等于text/html妙用

文章参考 http://www.cnblogs.com/MrZouJian/p/5614581.html http://blog.csdn.net/catoop/article/details/40342491 在使用JavaScript标签的时候,其中type最常用的就是text/javas...

2016-09-29 01:06:18

阅读数:6460

评论数:0

扩展javascript内置对象

扩展了内置对象Array Date String的方法     /******************Array 对象扩展***********************/ /** 去除数组中的重复项 **/ Array.prototype.removeRepeat = function () { ...

2016-09-07 18:16:34

阅读数:331

评论数:0

移动网页 viewport(视口) 像素密度

文章参考 http://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html   个人觉得viewport概念非常重要,是理解mobile 网页原理的基础(之一),文字比较多,仅仅作为理论知识储备   什么是像素密度? 像素密度(dpi: ...

2016-09-07 18:16:26

阅读数:306

评论数:0

JS回调函数的理解

文章摘抄 http://www.jb51.net/article/59447.htm 文章摘抄 http://www.jb51.net/article/53027.htm   JS Api 里这样解释:A callback is a function that is passed as an ar...

2016-09-07 18:16:19

阅读数:157

评论数:0

JS Function.caller 和 arguments.callee学习

文章参考http://www.jb51.net/article/25561.htm   先看两个小例子,让您有个大概印象 function myfunc() { if (myfunc.caller) { alert(myfunc.caller); //alert(myfunc.calle...

2016-09-07 18:16:12

阅读数:145

评论数:0

javascript的replace方法配合正则使用

replace()方法用于在字符串中用一些字符替换另一些字符,或者替换一个正则表达式匹配的字符串   例子一:直接使用repalce替换   var stringObj="终古人民共和国,终古人民"; //替换错别字“终古”为“中国” //并返回替换后的新字符 ...

2016-09-07 18:16:05

阅读数:260

评论数:0

js call和apply方法学习

文章摘抄 http://uule.iteye.com/blog/1158829   1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来...

2016-09-07 18:15:58

阅读数:197

评论数:0

图片自动放大缩小,模拟”心脏跳动”

/*给这个按钮创建一个动名名称:my_chage2 @-webkit-keyframes 'my_chage2' { from { -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:s...

2016-09-07 18:15:23

阅读数:217

评论数:0

预加载上传图片,异步上传

如果这篇文章看不懂,请先看看下面三篇文章: 1、预加载上传图片uploadPreview 2、动态添加的dom方法,调用angular中$scope方法  3、HTML5前端判断文件大小     原因: 1、在HTML中,如果选择了图片,希望显示选中图片的样子,让用户直观感受,不会出错 2、在移动...

2016-09-07 18:13:20

阅读数:412

评论数:0

HTML5如何判断文件大小

一、HTML5前端判断文件大小 <input type="file" id="hiddenFileWidget" name="img" class="absolute visibility_hidden" d...

2016-09-07 18:13:13

阅读数:1443

评论数:0

HTML 锚点学习

文章摘抄 http://www.jb51.net/web/118579.html http://blog.csdn.net/ghsau/article/details/7518678   .锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普...

2016-09-07 18:03:45

阅读数:224

评论数:0

JS 判断图片图片加载完毕

文章参考 http://www.cnblogs.com/ymy124/p/4538695.html   在工作中遇到这么一个问题 —— 某个图片前后都有空白,大概前面的空白占图片的1/3 ,后面的占图片高度的1/4,为了节省流量,因此想根据图片高度计算前后的留白,因为图片的大小也是自适应的。   ...

2016-09-07 18:03:38

阅读数:313

评论数:0

event.offsetX event.pageX event.clientX 和 obj.offsetLeft学习笔记

家政服务 dasfdsaf $(function(){ $("#sonId").on("click",function(event){ var par...

2016-09-07 18:02:55

阅读数:280

评论数:0

iphone 浏览器自动解析数字为号码解决办法

在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面。   分析: 根据上图展现的方式说明“1234-...

2016-09-07 18:02:32

阅读数:372

评论数:0

js获取控件class属性,事件获取事件源(事件对象)

dsaf function getClass(obj,event){ //target为当前控件对象,与obj是完全相等的 var target = event.srcElement; //true alert(obj ==...

2016-09-07 18:00:09

阅读数:2142

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭