前端开发
换了马甲的小强
爆发自己的小宇宙吧!
展开
-
jQuery的deferred对象详解
jQuery的deferred对象详解作者: 阮一峰日期: 2011年8月16日jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核转载 2015-10-10 00:19:17 · 352 阅读 · 0 评论 -
JS实现数组按照【数字 > 字符串 >汉字拼音】排序——类似EXEL筛选
一、实现原理localeCompare() 方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。二、实现步骤//原始数据var a = ['欧阳鹏','欧阳鹏b','欧阳鹏a', '赵芳', '陈诚', 'a', 'b', '1', '2', '12', '300'];1、 直接调用a.sort()方法:>a.sort();>["1", ...原创 2018-12-05 17:17:26 · 1251 阅读 · 0 评论 -
关于前端性能优化的小想法
前端性能优化,非常重要的一个关键词是“首屏”,有争议的两种方式: 1. “首屏”定义为HTML结构出来,那么对应的就是”DOM树构建完成(DOMContentLoaded)”; 2. “首屏”定义为HTML结构出来并已经填充上数据,但是操作没有初始化:这么就可以认为我们必须减少DOMload的整个过程;二、DOM文档加载过程 1. 解析HTML结构。 2. 加载外部脚本和样式表文件。 3.原创 2017-02-24 23:22:36 · 273 阅读 · 0 评论 -
将页面滚动到底部
方法很简单: 1. 在HTML的底部增加一个锚点<div id="end"></div>2.在JS中直接使用原生动方法scrollIntoView:document.getElementById("end").scrollIntoView();原创 2017-02-22 21:08:33 · 376 阅读 · 0 评论 -
localStorage and sessionStorage test true in IE
IE8's default settings don't allow the use of cookies or local/session storage on pages served from the hard drive, even after you "Allow Blocked Content" to allow JavaScript execution. So when viewin转载 2016-08-17 13:18:33 · 304 阅读 · 0 评论 -
360个人图书馆 轻松解除网页防复制
document.oncontextmenu=document.onselectstart=document.body.onselectstart=document.oncopy=document.body.oncopy=""转载 2016-08-29 12:58:41 · 703 阅读 · 0 评论 -
jQuery查看dom元素上绑定的事件列表
转载自:http://www.360doc.com/content/15/0424/09/10504424_465600053.shtml作为技术狂热分子的职业本能,看到一个技术产品的功能,总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能,就忍不住打开了浏览器的控制台。。。好,不扯远,说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧转载 2016-08-27 17:12:23 · 1177 阅读 · 0 评论 -
echarts按需压缩对应的模块
参考:http://www.it610.com/article/2120392.htm步骤:1. Node环境(nodejs官网)2. 下载echarts.zip和zrender.zip源代码;3. 配置echarts-optimizer中的echarts-optimize-conf.js中配置,参考:https://github.com/ecomfe/echarts-opti原创 2016-05-26 18:12:16 · 1026 阅读 · 0 评论 -
在本地存储localStorage/sessionStorage中保存图片和文件(真的不适合保存文件图片大数据)
localStorage支持还算广泛,ie8都有支持,存储量多数≈5M,也还可以,但是要是存储图片和文件,感觉就有些捉襟见肘,不过如有需要还是了解一下这方面的技术比较好。 译文来自:http://w3ctech.com/p/1061,下面是译文的正文内容,关于如何存储图片和文件到本地存储。 原文地址: http://hacks.mozilla.org/2012/02/savin转载 2015-11-19 13:42:12 · 8555 阅读 · 0 评论 -
canvas导出为图片并用JS下载
canvas导出为图片并用JS下载进入全屏1、从canvas中直接提取图片元数据// 图片导出为 png 格式var type = 'png';var imgData = canvas.toDataURL(type);上面的代码得到的数据格式为:data:image/pn转载 2015-11-17 17:03:10 · 1257 阅读 · 0 评论 -
Javascript中 非Window的DOM的onresize事件解决方案
Javascript 中onresize事件我们会在窗口大小发生改变的时候需要自适应的时候应用上,但是如果是这样的场景呢,那就需要想想其他的解决办法了:场景1:先上图页面是上下布局的,通过【上箭头】和【下箭头】控制下部div的大小,需求是:下面的图表需要实现根据DIV来实现图表重绘! 在这种情况下,仅仅有window.onresize的话是不够的,我们需要对监听此DIV的原创 2015-10-13 12:40:15 · 3227 阅读 · 0 评论 -
纯css,div隐藏滚动条,保留鼠标滚动效果
一、使用场景当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。二、解决方案大体思路是在div外面再套一个div。这个div设置overflow:hidden。内容div设置 overflow-y: scroll;overflow...转载 2019-02-14 13:54:40 · 2443 阅读 · 0 评论