Html的标签属性data-允许用户自定义属性

引:  html的标签属性data-允许用户自定义属性。原生javascript和jquery分别定义了dataset属性和data()方法对标签中的data属性进行操作。取值:  如我们定义这样两个标签:  <h1 data-attrname="balabala"></h1> <h2 data-attrname="[1,2,3,4]&q

阅读全文

手动封装一套插件:LuBtn.js

LuBtn.js为了便于公司项目常需要写动画交互,决定手动封装一套前端 Jquery插件;实现代码简化、最高效地实现按钮动画效果以及跳转等功能...

阅读全文

你写的CSS3动画为什么卡顿?

在使用css3 transtion做动画效果时,transform实现的动画是与合成器线程相关的,不需要等待主线程样式计算或者 JS 执行,计算速度是很快的;而使用height,width,margin和padding时,导致布局和绘制的调整,主线程需要重新计算样式并且执行JS,计算速度自然就慢了。

阅读全文

前端常见的CSS兼容性问题

1、双倍浮动BUG:描述:块状元素设置了float属性后,又设置了横向的margin值,在IE6下显示的margin值要比设置的值大;解决方案:给float的元素添加 display:inline;将其转换为内联元素;2、表单元素行高不一致:解决方案:  ①、给表单元素添加vertical-align:middle;  ②、给表单元素添加float:left;3、IE6(默认16px为最小)不识别

阅读全文

CSS阴影效果哪个更好:drop-Shadow与box-Shadow

drop-shadow与box-shadow都是阴影效果(光晕效果)的css属性,二者最大的不同点在于:box-shadow只能制作矩形的阴影,而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法:.drop-shadow { -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7)

阅读全文

介绍

热门文章

最近回复

  • 小陆: This blog is not for commercial ...
  • 陆英彬: 本博客不作商业用途。
  • y8o4u1j2: cheap essay, cheap essay service...
  • 菜鸟: 哦⊙∀⊙!
  • 小陆: 前后端分离的框架用起来不熟练,所以本博客没有分离之别。 我...
  • 菜鸟: 你这个博客是不是没有前后端分离
  • 菜鸟: 大神
  • 陆英彬: 本站滚动条效果即是此案例。 局部盒子滚动条自定义样式写法:...
  • 每日一补: 网站开发不能简单理解为网页制作,网页制作只是网站(B/S结构)中...
  • 每日一补: 什么是B/S结构?

其它