JS
文章平均质量分 66
mumu42
这个作者很懒,什么都没留下…
展开
-
如何实现瀑布流布局?
在小编刚入行的时候,参考着度娘里的答案,用js实现过一次瀑布流布局。所以在接到瀑布流布局的设计稿时,第一反应就是利用js实现。## js实现大概思路是:### css- 1. 瀑布流容器设置绝对定位,然后给所有子元素设置相对定位。- 2. 通过ajax请求拿到数据,并渲染到页面上```javascript div class="waterfall-list-container" > <div class="item-container" > &...原创 2020-09-09 16:45:05 · 562 阅读 · 0 评论 -
canvas合成图(js)
// 图片路径const data = ['./components/invite-poster.jpg', './components/feedback.jpg']let base64 = []window.onresize = () => {window.location.reload()} draw(() => {$('.poster-box')....原创 2018-09-27 11:06:41 · 233 阅读 · 0 评论 -
类走马灯效果轮播(jquery)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .proListSub { width: 1190px; margin: 0px auto; po原创 2018-07-05 15:41:52 · 2517 阅读 · 2 评论 -
类走马灯缓动效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .proListSub { width: 1190px; margin: 0px auto; po原创 2018-07-04 09:46:20 · 752 阅读 · 0 评论 -
闭包的简单应用
for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i); },i*1000);};输出结果:55555//异步问题(javascript是单线程语言,先同步任务,所有同步任务执行完毕再执行队列中的异步任务)for(var i=0;i<5;i++){ (function(x){ ...转载 2018-05-21 18:05:31 · 138 阅读 · 0 评论 -
js使用MD5加密
下载md5引入md5文件:<script src="md5.js"></script><script> var pwd=hex_md5("pwd_string");</script>原文链接转载 2018-05-25 15:56:39 · 2292 阅读 · 0 评论 -
本地存储
HTML5中 Web Storage 的出现,主要是为了弥补使用 Cookie 作为本地存储的不足。Cookie 存储的数据量非常小,而且数据会自动携带到请求头里,但服务器端可能并不关心这些数据,所以会造成带宽的浪费。Web Storage 提供了两个存储对象:localStorage 和 sessionStorage。知识点:window.sessionStorage//会话存储window.l...原创 2017-11-17 17:30:37 · 242 阅读 · 0 评论 -
前端开发常用代码片段
作者:WEBINGsegmentfault.com/a/1190000014700549一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。二、检查图像是否加载有时为了继续脚本,你可能需要检查图像是否全部加载完毕。你也可以使用 ID 或 CLASS 替换<img> 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的...转载 2018-05-08 10:57:48 · 255 阅读 · 0 评论 -
4种常见的内存泄漏问题
内存泄漏:不再被应用需要的内存,由于某种原因,没有被归还给操作系统或者进入可用内存池。一 全局变量JavaScript用一个有趣的方式管理未被声明的变量:对未声明的变量的引用在全局对象里创建一个新的变量。在浏览器的情况下,这个全局对象是window。换句话说:function foo(){ bar="acs";}等同于function foo(){ window.bar="acs";}...转载 2018-05-03 15:26:52 · 603 阅读 · 0 评论 -
js对数组的操作
一、新增1影响原数组arr.push()//返回新增之后的新数组,原数组arr被改变arr.ushift()//返回新增之后的新数组,原数组arr被改变2不影响原数组arr.concat("f")<---->arr.concat(['a','b','c'])//返回新数组,原数组arr不被改变[...arr,'f']//(展开操作符)返回新数组,原数组arr不被改变二、移除1影响原数组...转载 2018-04-24 12:13:30 · 155 阅读 · 0 评论 -
js判断IE浏览器版本
原文:点击打开链接知识点:navigator.userAgent(包含浏览器信息的相关信息,包括浏览器内核)function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible"...转载 2018-04-12 12:08:24 · 149 阅读 · 0 评论 -
js基础知识
//设置全局变量var $ = function (id) { return document.getElementById(id); };$('idName');//获取元素内容1.元素.innerHTML2.元素.innerText//添加内容1.元素.innerHTML+="<a>a</a>";$("").htm...原创 2018-04-04 18:40:51 · 182 阅读 · 0 评论 -
js操作cookie
以下内容属于个人理解,如有错误欢迎指正。cookie:为了辨别用户身份而进行的session跟踪存储在本地终端上的数据。cookie的工作原理:初次:服务器 —(写入信息)—> 客户端以后:客户端 —(cookies)—> 服务器服务器 —(HTML代码)—> 客户端cookies信息:name:cookie名称value:对应cookie名称的值domain:可以访...原创 2018-04-17 18:28:46 · 457 阅读 · 0 评论 -
js页面刷新
重新刷新window.location.reload() 关闭当前窗口 window.opener=null;window.open('about:blank','_self');window.close();原创 2018-04-02 16:21:29 · 149 阅读 · 0 评论 -
常用正则表达式收集
用户名正则JavaScript 代码://用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("caibaojian"));密码强度正则JavaScript 代码://密码强度正则,最少6位,包括至少1个大写字母,1个小写字...转载 2018-01-25 11:22:07 · 389 阅读 · 0 评论 -
图片尺寸处理技巧
宽相同:var imgs = $('img');for(var i = 0;i<imgs.length;i++){var width = $(imgs[i])[0].width;$(imgs[i])[0].height=$(imgs[i])[0].width*1/5;$(imgs[i])[0].width=width;}原创 2018-01-26 09:13:37 · 167 阅读 · 0 评论 -
js常用求宽高度方法
"屏幕分辨率为:"+screen.width+"*"+screen.height"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight"网页可见区域宽:"+document.body.clientWidth"网页可见区域高:"+document.body.clientHeight"网页可见区域宽(包括边线的宽):"+docu转载 2018-02-06 14:09:39 · 319 阅读 · 0 评论 -
javaScript反调试技巧(禁用输出、断点、计算时间差)
一、函数重定向禁用console.log原本的功能:console.log('ff');var f=function(){};window['console']['log']=f;console.log('hh');输出结果:ff或者改变本来的输入值:var c=window['console']['log'];var f=function(){ c('error')};window['conso...转载 2018-03-15 18:14:02 · 1509 阅读 · 0 评论