javascript
chendeyou5
这个作者很懒,什么都没留下…
展开
-
懒加载和预加载的实现
懒加载和预加载的实现提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现懒加载什么是懒加载懒加载也就是延迟加载; 当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图), 将其真正的图片地址存储在img标签的自定义属性中(比如data-src); 当js监听到该图片元素进入可视窗口时,即将自...转载 2018-03-05 17:18:19 · 9564 阅读 · 0 评论 -
解决kindeditor在ios下编辑区滚动条失效问题
现象:kindeditor的编辑区是用iframe实现的,但是倘若iframe里面的内容足够长超出iframe设定的高度时,在iphone,ipad等设备上。iframe内部的html的滚动条不出现,无法显示超过长度的内容。解决方式:可以在iframe外加一层div,设置样式-webkit-overflow-scrolling:touch;overflow:scroll;让超出div的内容可以通过...原创 2018-05-11 16:51:24 · 771 阅读 · 0 评论 -
js获取img宽高
知识点1如果写了var img = new Image(100 ,100), img.src = ‘1.png’ ,这样的作用是可以把img缓存到浏览器中,常用来做图片预加载。知识点2html代码:<img src='1.png' style="width:400px" />js代码:var imgW = document.getElementsByTagName('img')[0]....转载 2018-04-18 17:02:10 · 3741 阅读 · 0 评论 -
JS,Jquery获取各种屏幕的宽度和高度
Javascript: 1234567891011121314网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: docu...转载 2018-04-18 16:58:39 · 139 阅读 · 0 评论 -
js通过URL快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器。一、简陋的获取图片方式js 代码:// 图片地址 后面加时间戳是为了避免缓存var img_url = 'http://www.qttc.net/static/upload/2013/13643608813441...转载 2018-04-18 16:52:33 · 7133 阅读 · 0 评论 -
Js/Jquery获取iframe中的元素
Js/Jquery获取iframe中的元素在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。JavaScript在父窗口中获取iframe中的元素1234567891011格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID")....转载 2018-04-18 16:49:58 · 297 阅读 · 0 评论 -
JS正则表达式获取分组内容的方法
支持多次匹配的方式var testStr = "now test001 test002"; var re = /test(\d+)/ig; var r = ""; while(r = re.exec(testStr)) { alert(r[0] + " " + r[1]); } 此外也可以用testStr.match(re),但是这样的话就不能有g的选...转载 2018-03-05 18:55:47 · 4765 阅读 · 0 评论 -
Juicer 中文文档
Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。 除此之外,它还可以在 Node.js 环境中运行。你可以在遵守 MIT Licence 的前提下随意使用并分发它。Juicer 代码完全开源并托管在 Github 上,如果你在使用的过程中发现 什么 Bug 抑或是一些好的建议都欢迎在 Github Is...转载 2018-03-05 18:54:05 · 1223 阅读 · 0 评论 -
node.js string-format 字符串格式化
String::format is a small JavaScript library for formatting strings, based on Python's str.format(). For example:'"{firstName} {lastName}" <{email}>'.format(user)// => '"Jane Smith" <jsmi...转载 2018-03-05 18:49:17 · 18922 阅读 · 1 评论 -
JS处理前台页面的所有异常
/// <reference path="../../Scripts/jquery-1.4.1-vsdoc.js" />/// <reference path="yzg.prototype.js" />/*作者 : 颜佐光时间 : 2012-4-5Email : yanzuoguang@yahoo.com.cn备注 : 本JS为颜佐光所编写,可以用于任何场景,也...转载 2018-03-05 18:39:56 · 947 阅读 · 0 评论 -
如何监听JS变量的变化
如何监听JS变量的变化如何监听 js 中变量的变化?我现在有这样一个需求,需要监控js的某个变量的改变, 如果该变量发生变化,则触发一些事件, 不能使用timeinterval之类的定时去监控的方法, 不知道有比较好的解决方案么?这个问题问的很好。流行的MVVM的JS库/框架都有共同的特点就是数据绑定, 在数据变更后响应式的自动进行相关计算并变更DOM展现。 所以这个问题也可以理解为如何实现MVV...转载 2018-03-05 17:51:24 · 18268 阅读 · 0 评论 -
策略模式设计表单校验
第一步我们要把这些校验逻辑都封装成策略对象://策略对象var strategies = { isNonEmpty: function (value, errorMsg) { if (value === '') { return errorMsg } }, minLength: function (value, le...转载 2018-03-05 17:29:46 · 669 阅读 · 0 评论 -
H5屏幕滑动触发方法
var clickSwitch=true;$(function() { $('body').bind('touchmove', function(e) { if($(window).scrollTop()>=$(document).height()-$(window).height()-50){ if(clickSwitch){ ...原创 2018-05-16 11:06:00 · 4255 阅读 · 0 评论