前端开发代码

前端开发代码分享优秀的jquery代码,html代码,css代码等前端开发技术

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑、在线代码编辑、iPresst等)。HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持)。

阅读全文

看别人的js代码,现在很多代码都是压缩过后的,读起来很费劲,本文推荐一篇详解UglifyJS压缩代码过后的简写方式,理解它的压缩原理,就可以很方便的还原出代码的原来作用。

阅读全文

假如我们就想让一个元素从一个点,按照弧形,运动到另外一个点,然后就在另外那个点的地方停止。animation-fill-mode它能够控制元素在动画执行前与动画完成后的样式。里面有一个值,可以改变这个结束的状态,使其停留在结束的状态。

阅读全文

CSS3 transform里面有一个属性transform-origin,该属性可以改变元素的原点位置,之前的一篇文章:CSS揭秘之沿着环形路径运动的动画,正是巧妙的运用了原点位置,从而实现了围绕圆心运动。transform-origin里面的百分比没有详细了解是以什么为标准的。今天看看这篇文章详细了介绍了这个值跟left、right、top、bottom之间的关系。

阅读全文

使用flexbox,很多布局问题都可以解决,今天分享一个所有子元素居中对齐的样式。

涉及到居中的样式CSS主要是align-items:center;

需求是需要中间的某个块不要占全部,而是自适应子元素内容扩展。

阅读全文

对于CSS reset 库 Normalize,相信很多人都不陌生,本文给出了中文的版本,详解文档里面的注释,告诉你每个CSS的具体作用和必要性。阅读本文能够帮助你更好的了解浏览器对CSS的差异性以及如何通过重置CSS来达到一致性。

阅读全文