swiper_3 的使用 发表于 2017-11-21 | 更新于 2019-09-05 | 分类于 JS插件 | 字数统计: 390 | 阅读时长 ≈ 2 swiper在版本3和4之间的配置文件还是有所差异的,所以,写一下3的使用。大部分的配置文件3和4还是差不多的,用起来区分好就可以了。 HTML123456789101112131415161718192021222324252627<div class="swiper-container" ... 阅读全文 »
swiper_4 的使用 发表于 2017-11-15 | 更新于 2019-09-05 | 分类于 JS插件 | 字数统计: 712 | 阅读时长 ≈ 3 最近使用了swiper,感觉还是很不错的,比较易用,而且拓展性和兼容性都很好。就是需要在使用的时候配置一些东西。下面是swiper_4版本中的一些常用的配置项。1234567891011121314151617181920212223242526272829303132333435363738394 ... 阅读全文 »
ES6中箭头函数的使用 发表于 2017-10-27 | 更新于 2019-09-05 | 分类于 JS | 字数统计: 598 | 阅读时长 ≈ 2 作者:Allan要做活神仙链接:http://www.jianshu.com/p/4b101a763e85來源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数与传统的JavaScript函数主 ... 阅读全文 »
CSS常用缩写 发表于 2017-10-25 | 更新于 2019-09-05 | 分类于 CSS | 字数统计: 426 | 阅读时长 ≈ 1 border12345678910111213141516/*缩写前*/element{ border-top-width:1px; border-top-style:solid; border-top-color:#cccccc;}element{ ... 阅读全文 »
自适应和响应式的区别 发表于 2017-10-25 | 更新于 2019-09-05 | 分类于 HTML | 字数统计: 459 | 阅读时长 ≈ 1 自适应的目的是在不同分辨率的不同设备上面显示相同的页面。 手机的屏幕比较小,宽度通常在600像素以下,PC的像素一般在1000像素以上,部分配置高的笔记本在2000像素以上的也有,同样的页面要显示在不同的设备上面,还要呈现出满意的效果,不是一件容易的事情。因此就有人想出了一个办法,能不能”一次设计, ... 阅读全文 »
session与cookie的区别?cookies,sessionStorage 和localStorage的区别? 发表于 2017-10-24 | 更新于 2019-09-05 | 分类于 总结与区别 | 字数统计: 518 | 阅读时长 ≈ 1 cookie和session的区别1、cookie数据存放在客户的浏览器上,session数据放在服务器上。2、cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗 考虑到安全应当使用session。3、session会在一定时间内保存在服务器上。当访问增多,会比较 ... 阅读全文 »
gulp使用 发表于 2017-10-22 | 更新于 2019-09-05 | 分类于 nodeJS | 字数统计: 1.3k | 阅读时长 ≈ 4 为什么要使用gulp来说说为什么要使用gulp等类似的前端自动化工具吧,用它之前总得知道为什么要用吧。 我们在完成一个复杂项目的时候,可能会用到less或者sass。还会创建很多的js。当然还有很多的图片文件。如果这些文件很少,那问题不大。项目跑起来也没有什么性能的忧虑(浏览器的性能)。如果js、c ... 阅读全文 »
修改input的type属性的几种方法 发表于 2017-10-19 | 更新于 2019-09-05 | 分类于 HTML | 字数统计: 408 | 阅读时长 ≈ 2 时隔两年,做了些许完善。以下是新的代码,html代码不变。12345678910111213141516171819202122232425262728293031323334<script type="text/javascript"> // 通过js修改 ... 阅读全文 »
遮罩层的简单实现 发表于 2017-10-19 | 更新于 2019-09-05 | 分类于 HTML | 字数统计: 276 | 阅读时长 ≈ 1 主要就是操作opacity这一属性。不透明度。IE9以上, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。IE8 以及更早的版本使用滤镜 filter:alpha(opa ... 阅读全文 »
带有动态效果得返回顶部 发表于 2017-10-18 | 更新于 2019-09-05 | 分类于 HTML | 字数统计: 247 | 阅读时长 ≈ 1 之前做“返回顶部”,一直都是无动态效果的。瞬间就回到了顶部。这次写一个带有动态效果的。也就是利用animate方法来实现。下面是具体代码。 HTML:12345678<body> <div class="content"> <p>这是测试文档</p> ... 阅读全文 »