- 博客(20)
- 收藏
- 关注
RSS订阅原创 canvas学习
图形一： demo .zh-chart { width: 400px; height: 400px; background:#060002; }var chartEle = $('.zh-chart');var canvas = document.createElement('canvas
2017-06-30 14:36:26
375
原创 三级联动
方法一： 三级联动 var postObj =[ { "id":"1", "name":"客服服务", "son":[ { "id":"1-1", "name":"客服服务一室", "son
2017-06-29 14:41:20
218
转载 高性能javascirpt
一、加载和执行把js放在结束标签之前而不是标签内部能够避免浏览器阻塞，提升用户体验，已经算是一个常识。这个常识的背后，涉及到了浏览器单进程的概念。事实上，多数浏览器使用单一进程来处理用户界面（UI）刷新和javascript脚本执行，所以同一时刻只能做一件事。这里说的用户界面刷新，指的是我们“所能看到的UI”变化（比如点击一个按钮，会出现按钮被按下去的效果）。换句话来说
2017-04-05 12:09:22
263
原创 层级json
[ { "id":"level_1_id", "name":"level_1_name", "son":[ { "id":"level_2_id", "name":"level_2_name", "son":[
2017-04-01 14:25:20
1197
原创 模糊查询位置跳转
模糊查询跳转位置：模糊查询跳转位置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
537
原创 生成某个月的日历
生成某个月的日历日历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
原创 html转换成excel表格导出兼容ie,火狐,谷歌
html转换成excel表格导出兼容ie,火狐,谷歌 html 表格导出道 导出Excel方法五 html 表格导出道Excel 列标题1 列标题2 类标题3 列
2017-02-28 16:43:37
1082
1
转载 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
转载 高频dom操作和页面性能优化探索
一、DOM操作影响页面性能的核心问题通过js操作DOM的代价很高，影响页面性能的主要问题有如下几点：访问和修改DOM元素修改DOM元素的样式，导致重绘或重排通过对DOM元素的事件处理，完成与用户的交互功能DOM的修改会导致重绘和重排。重绘是指一些样式的修改，元素的位置和大小都没有改变；重排是指元素的位置或尺寸发生了变化，浏览器需要重新
2017-02-22 13:46:23
549
转载 高效的jQuery代码编写技巧总结
最近写了很多的js，虽然效果都实现了，但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。
2017-02-22 10:19:51
170
原创 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
原创 获取某年的某天是第几周
方法一：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
原创 获取滚动条宽度
获取body滚动条的宽度：var scrollbarWidth = document.documentElement.clientWidth - document.body.clientWidth 获取元素的滚动条宽度： var ele = document.getElementsByClassName('wrap')[0]var scrollbarWidth = el
2016-12-20 18:15:19
562
原创 子元素相对祖先元素居中显示
var isScroll = 1,rate; //判断页面是否有滚动条 //底图自适应 function selfadaptionFn(){ var wndWidth = $(window).width() + isScroll*16, wndHeight = $(window).height() + isScroll*16,
2016-12-20 18:02:26
310
转载 [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
原创 web h5页面注意事项
1.禁止屏幕缩放2.safari 会自动识别页面中出现的手机号，点击后会弹出电话呼叫提示，如果不想safari自动识别，可以设置3.在写h5时，弹出遮罩层全屏显示，兼容iphone5的，可用style="position:fixed;top:0;left:0;bottom:0;right;"
2016-09-12 17:09:56
990
原创 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
446
原创 鼠标移上边框动画练习
.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
转载 touch事件解析判断拖动方向
jquery touch事件解析及方向判断介绍：touch事件在jQuery的高版本 用on来实现 $('div').on('touchstart', function(e) { …… }); touchstart 触摸开始的时候触发touchmove 手指在屏幕上滑动的时候触发touchend 触摸结束的时候触发touche
2016-02-24 14:00:33
833
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人