前端
文章平均质量分 60
BigTooth19
这个作者很懒,什么都没留下…
展开
-
touch事件解析判断拖动方向
jquery touch事件解析及方向判断介绍:touch事件在jQuery的高版本 用on来实现 $('div').on('touchstart', function(e) { …… }); touchstart 触摸开始的时候触发touchmove 手指在屏幕上滑动的时候触发touchend 触摸结束的时候触发touche转载 2016-02-24 14:00:33 · 830 阅读 · 0 评论 -
获取某年的某天是第几周
方法一:var date1 = new Date();var date2 = new Date(); date2.setMonth(0); date2.setDate(1); //当年第一天var rq = date1-date2;var s1 = Math.ceil(rq/(24*60*60*1000));var s2 = Math.ceil(s1/7);方法二:/*原创 2017-02-04 19:00:10 · 408 阅读 · 0 评论 -
高性能javascirpt
一、加载和执行把js放在结束标签之前而不是标签内部能够避免浏览器阻塞,提升用户体验,已经算是一个常识。这个常识的背后,涉及到了浏览器单进程的概念。事实上,多数浏览器使用单一进程来处理用户界面(UI)刷新和javascript脚本执行,所以同一时刻只能做一件事。这里说的用户界面刷新,指的是我们“所能看到的UI”变化(比如点击一个按钮,会出现按钮被按下去的效果)。换句话来说转载 2017-04-05 12:09:22 · 262 阅读 · 0 评论 -
css3 translate实现表头固定
window.onload = function() { var $ = document.querySelector.bind(document); var boxEle = $('.box'); boxEle.addEventListener('scroll', function(e) { this.querySelector('thead').styl转载 2017-02-27 14:30:55 · 419 阅读 · 0 评论 -
模糊查询位置跳转
模糊查询跳转位置:模糊查询跳转位置ul,li{margin:0;padding:0;}.list-box{margin-top:15px;width:220px;max-height:500px;overflow-y:auto;background-color:#ccc;text-align:center;}.list-box ul{position:relativ原创 2017-03-03 18:24:18 · 536 阅读 · 0 评论 -
生成某个月的日历
生成某个月的日历日历body{background-color:#;}ul,li{maring:0;padding:0;list-style:none;}.am-calender{width:500px;line-height:40px;text-align:center;}.am-calender-week{height:40px;border:1px solid #ccc原创 2017-03-03 17:35:54 · 259 阅读 · 0 评论 -
高频dom操作和页面性能优化探索
一、DOM操作影响页面性能的核心问题通过js操作DOM的代价很高,影响页面性能的主要问题有如下几点:访问和修改DOM元素修改DOM元素的样式,导致重绘或重排通过对DOM元素的事件处理,完成与用户的交互功能DOM的修改会导致重绘和重排。重绘是指一些样式的修改,元素的位置和大小都没有改变;重排是指元素的位置或尺寸发生了变化,浏览器需要重新转载 2017-02-22 13:46:23 · 549 阅读 · 0 评论 -
mouseweel兼容火狐
var isFirefox = /Firefox/i.test(navigator.userAgent); //判断是不是火狐浏览器var mwEvent = !isFirefox ? 'mousewheel' : 'DOMMouseScroll'; //是火狐浏览器用DOMMouseScrolldocument.getElementById('box').addEventListener(m原创 2017-02-10 16:21:11 · 261 阅读 · 0 评论 -
html转换成excel表格导出兼容ie,火狐,谷歌
html转换成excel表格导出兼容ie,火狐,谷歌 html 表格导出道 导出Excel方法五 html 表格导出道Excel 列标题1 列标题2 类标题3 列原创 2017-02-28 16:43:37 · 1080 阅读 · 1 评论 -
获取滚动条宽度
获取body滚动条的宽度:var scrollbarWidth = document.documentElement.clientWidth - document.body.clientWidth 获取元素的滚动条宽度: var ele = document.getElementsByClassName('wrap')[0]var scrollbarWidth = el原创 2016-12-20 18:15:19 · 561 阅读 · 0 评论 -
[JS]防抖和节流
防抖(Debouncing)像防抖还是很容易想到的,大概意思就是延时处理,然后如果在这段延时内又触发了事件,则重新开始延时var t;window.addEventListener('resize',function(){ if(t) clearTimeout(t); t = setTimeout(function(){ console.log(1转载 2016-12-19 10:42:33 · 406 阅读 · 0 评论 -
子元素相对祖先元素居中显示
var isScroll = 1,rate; //判断页面是否有滚动条 //底图自适应 function selfadaptionFn(){ var wndWidth = $(window).width() + isScroll*16, wndHeight = $(window).height() + isScroll*16,原创 2016-12-20 18:02:26 · 310 阅读 · 0 评论 -
node.js学习笔记(—)
运行node.js程序1.打开cmd运行命名窗口,输入“cd C:\Program Files\nodejs\myapp” 切换到myapp文件目录下,然后再输入“C:\Program Files\nodejs\myapp node hello.js”2.在浏览器中输入“http://127.0.0.1:8888/” 就可看到程序的运行结果3.当hello.js有修改,需要刷新原创 2016-09-09 10:49:02 · 442 阅读 · 0 评论 -
鼠标移上边框动画练习
.wrap{width:200px;height:200px;position:relative;background:#fafafa;}.line{position:absolute;background-color:#EB5858;width:3px;height:3px;transition:all .38s;}.line-top{top:0;left:0;width:200px;t原创 2016-07-25 18:09:19 · 305 阅读 · 0 评论 -
三级联动
方法一: 三级联动 var postObj =[ { "id":"1", "name":"客服服务", "son":[ { "id":"1-1", "name":"客服服务一室", "son原创 2017-06-29 14:41:20 · 218 阅读 · 0 评论