冰雪为融的博客

浑身毛病的一个在努力的人

扩展jQuery的其他运动形式

我们知道jQuery中的animate运动形式只有两种:linear(匀速)和swing(慢快慢)所以,这里对jQuery中的运动形式进行了一些扩展jQuery源码利用的tween.js库进行的运动形式的封装,我们这里同样也利用的是tween.js库(只是对它稍加改动,选出了一些常用的)进行扩展扩...

2018-05-31 12:25:56

阅读数 160

评论数 0

cssTransform.js(获取transfrom相关属性的值)封装函数

需要注意的是:如果想要使用该封装函数获取transform相关的属性,那么transform相关的设置,也必须是通过该方法设置的调用:cssTransform(element,attr,val)参数说明:element:要进行动画的元素attr:运动的属性(包括scale系列,translate系...

2018-05-30 18:33:24

阅读数 939

评论数 0

move.js(运动函数封装)

调用:startMove(obj,json,endFn);参数说明:obj:要运动的元素(必写)json:是对象格式,对应为元素的属性和值(必写)endFn:回调函数(可有可无)例子:document.onclick = function(){ startMove(oDiv,{width:20...

2018-05-30 18:13:27

阅读数 1358

评论数 0

tween.js

var Tween = { linear: function (t, b, c, d){ //匀速 return c*t/d + b; }, easeIn: function(t, b, c, d){ //加速曲线 return c*(t/=d)*t + b; }, ease...

2018-05-30 18:06:32

阅读数 296

评论数 0

希尔排序原理及JavaScript实现

基本思想:希尔排序也成为“缩小增量排序”,其基本原理是,现将待排序的数组元素分成多个子序列,使得每个子序列的元素个数相对较少,然后对各个子序列分别进行直接插入排序,待整个待排序列“基本有序”后,最后在对所有元素进行一次直接插入排序。因此,我们要采用跳跃分割的策略:将相距某个“增量”的记录组成一个子...

2018-05-30 09:27:23

阅读数 781

评论数 1

css中background系列详解

研究了background相关的属性,虽然很简单,但有些还是不知道,整理出来系统的学习一下,也会更好的掌握这些知识点(细节决定成败,哈哈)background相关的属性有(把比较常用的放在前面不做过多的解释):background、background-color、background-image...

2018-05-29 22:21:04

阅读数 519

评论数 0

移动端滑动图片实现无缝滚动小实例

嗯、刚接触移动端不久,可能写的不是特别的完美,或许还会有bug,如果您看到了有哪些地方做的不是特别的好,或者您有更好的意见,欢迎在留言区指出,吾将不胜感激,当然我也会随着学习的深入,不断回来完善,尽量做到完美话不多说,上代码:(注:css代码没有附带,有兴趣的可以留言区留言)&lt...

2018-05-28 21:11:12

阅读数 2145

评论数 7

弹性盒模型新旧版本对比总结

因为我之前已经将新版本和旧版本的弹性盒模型研究过,并且转载了我认为比较好的文章,所以这里不再对他们进行详细的介绍,如果想要了解更详细的请点击新版本弹性盒模型:https://blog.csdn.net/lhjuejiang/article/details/80019673旧版本弹性盒模型:http...

2018-05-27 20:23:01

阅读数 499

评论数 0

CSS3弹性盒模型Flex布局新旧混合写法详解(兼容微信)

flex是个非常好用的属性,如果说有什么可以完全代替 float 和 position ,那么肯定是非它莫属了(虽然现在还有很多不支持 flex 的浏览器)。然而在移动开发中,本来绝大多数浏览器(包括安卓2.3以上的自带浏览器)都支持的属性,偏偏有个例外,就是国产某某X5内核神器(不知哪个版本的w...

2018-05-27 18:41:22

阅读数 577

评论数 0

HTML标签嵌套规则

看了网上有各种相关的总结,所以我就不再重复粘贴复制,只是把比较容易犯错的整理一下规则如下:内联元素不要嵌套块元素(虽然浏览器可能可以正常解析,但是尽量不要这样使用,一方面是遵守代码规范,另外可能会引起意想不到的错误)一些块元素不能嵌套块元素(h1、h2、h3、h4、h5、h6、p、dt不能包含块级...

2018-05-26 21:27:53

阅读数 139

评论数 0

W3C 代码标准规范

直接附链接喽https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html

2018-05-26 20:29:02

阅读数 219

评论数 0

css中线性渐变兼容性处理

研究了一下css3中线性渐变的兼容性问题处理,本来是想要自己总结的,但是发现张鑫旭大神关于这个问题写的很清楚了,所以就直接转载了,写得很好,很清晰IE浏览器下的渐变背景IE浏览器下渐变背景的使用需要使用IE的渐变滤镜。如下代码:filter: progid:DXImageTransform.Mic...

2018-05-26 13:22:01

阅读数 627

评论数 0

IE中CSS-filter滤镜小知识大全

前段时间在做一个专题的时候用到了opacity不透明度属性,因为设计图上是半透明背景,白色文字所以在IE用到了其支持的filter属性,听说这个属性还有不同的效果,不单单就只有不透明度而已,所以抽个时间赶紧来充下电。有时候我们很习惯的用到不透明属性opacity来增加层次感或者增加用户体验,但因这...

2018-05-26 12:31:48

阅读数 74

评论数 0

H5新增语义化标签

一、根据页面的结构,由div派生的标签。      <header>      <footer>      <nav> 导航 在H4中导航栏一般用ul-li标签,H5...

2018-05-26 11:36:04

阅读数 326

评论数 0

less的四种使用方法介绍

1、直接引入less.js使用步骤:1、到less官网,下载less文件2、在编译器中新建一个less文件,引入到我们的html页面中(注意下面的和css的引入方式稍微有些不同哦,看rel)<link href="css/style.less&quo...

2018-05-25 21:11:27

阅读数 2399

评论数 0

箭头函数中的this指向问题详解

箭头函数有几个使用注意点。(1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(4)不可以使用...

2018-05-25 20:06:44

阅读数 1892

评论数 0

移动端页面使用rem来做适配

rem介绍rem(font size of the root element)是指相对于根元素(即html元素)的字体大小的单位。假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如html{ font-size: 10px; } p{ width: 2r...

2018-05-25 17:31:22

阅读数 65

评论数 0

导航栏菜单实现鼠标移入移出中英文切换的两种方法(css3和jQuery)

上代码前先说一下一个需要注意的点我们在重构页面的时候经常会使用到一个大容器里面包含多个浮动小容器的布局,但是如果外面这个大容器的没有设置固定的高度值,那么大容器高度不会随着里面小容器高度变化而变化,产生内容溢出的现象,这时只需要清除浮动就会恢复正常。所以只要给外面大容器加上overflow:aut...

2018-05-24 23:00:31

阅读数 893

评论数 0

wampserver 2无法访问localhost的问题(手机真机测试电脑上的本地网页)

这个网上有很多解决办法,WampServer2.2和WampServer2.4都有解决办法,写得也还是不错的WampServer2.2:写得好的网址:https://jingyan.baidu.com/article/fb48e8be3737696e632e145c.htmlWampServer2...

2018-05-23 18:03:59

阅读数 258

评论数 0

webpack(v4.8.3)中静态资源输出以及使用第三方库的两种方法

一、webpack中静态资源输出所谓静态资源输出,说白了就是一些文件不需要经过webpack处理,直接输出到指定的地方(类似于粘贴复制)实现步骤:1、npm i copy-webpack-plugin -D2、引入  const  CopyWebpackPlugin = require('copy...

2018-05-22 13:36:06

阅读数 448

评论数 0

提示
确定要删除当前文章?
取消 删除