前端开发代码
前端开发代码分享优秀的jquery代码,html代码,css代码等前端开发技术
jquery判断图片或者背景图片加载完毕
前端开发制作中有需要需要等到页面中的图片加载完毕后才执行某些事件,而使用jquery的load事件只是dom执行完毕,图片未必加载完成,如果要判断图片加载完毕,需要在图片标签上判断。
JavaScript经典面试题(一)
一: 记忆化斐波那契函数(Memoization) 题目:斐波那契数列指的是类似于以下的数列: 1, 1, 2, 3, 5, 8, 13, .... 也就是,第 n 个数由数列的前两个相加而来:f(n) = f(n – 1) + ...
30 seconds of code 30秒就能理解的JavaScript优秀代码
本文来自github上的 30-seconds-of-code 项目,作者分享了大量有用的Javascript片段,你可以在30秒或更少时间中理解。本文为中文版翻译,下面一起来看看有哪些精彩的JavaScript代码值得收藏。
从浏览器UA判断IE浏览器及版本
最近使用了ES6的一些特性,然后因为要兼容IE浏览器,比如promise和fetch等,我引入了一个polyfill.js,然后我使用特性来检测IE浏览器的版本。但由于polyfill.js修复了IE的这些缺陷特性,使得我无法得到正确的IE版本。本文分享另外两种检测IE浏览器的代码。
jquery获取图片真实宽高
jQuery有没有获取图片实际尺寸的方法?本文给出一个使用JQuery兼容的方式,从而获取图片文件的实际尺寸,而不是添加了css样式之后的尺寸。
前端js保存页面为图片下载到本地的坑
前端保存页面为图片,最常见的方案都是利用html2canvas来生成图片,同时利用HTML5的新属性download来点击保存到本地,来看看这些地方前端做会有什么坑?
使用 JavaScript 创建并下载文件
前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑、在线代码编辑、iPresst等)。HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持)。
js代码压缩还原详解
看别人的js代码,现在很多代码都是压缩过后的,读起来很费劲,本文推荐一篇详解UglifyJS压缩代码过后的简写方式,理解它的压缩原理,就可以很方便的还原出代码的原来作用。
animationend事件监听CSS动画结束及兼容代码
在使用CSS3动画中,会有需要监听动画是否已经结束并对事件进行处理,最好的方法就是使用animationend。我们通过JavaScript来监听动画的开始、进行和结束,这样子方便我们随时控制运动中的元素。
animation-fill-mode控制CSS3动画结束状态
CSS3 animation状态结束后可以通过animation-fill-mode 控制动画的最后状态,分别是不改变默认行为、保持最后一个属性和回到第一帧。