推荐利用animation动画如何实现呼吸灯效果在阿里云看到其Banner上的一个呼吸灯效果,感觉非常具有科技感,看了下源码,原来只是一个CSS3效果,利用animation来实现的动画效果,一时技痒就写了一个demo记录一下。思路:底图是一个暗的灯jpg,另外一张图则是亮灯的png透明图片,利用绝对定位将亮灯图片定位在底图上。然后用animat...
推荐CSS样式表属性最佳的书写顺序是怎样设定的?像很多初学者一样,DurkBlue刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样不仅不利于查看维护,更重要的是混乱的CSS属性书写顺序会对网页的加载渲染造成影响,拖慢页面加载速度。也就是说,一个规范的CSS属性书写属性也是网页优化的组成部分,值得每一位前端爱好者重视。怎样的...
web集成Valine评论系统的过程valine官网是这样介绍的自己。使用起来也很方便,具体要怎么使用,且听我细细道来~第一步Valine是基于LeanCloud来开发的,所以需要先注册一个LeanCloud帐号并且登录认证,然后创建自己的应用,拿到里面的APP ID和APP Key第二步引入Valine的js文件,可以使用CDN引入...
推荐react如何接入websocket?最近在写的react中使用websocket来进行通信,今天算是给搞定了,写篇文章来记录一下。首先封装一个websocket方法在方法中调用这几个回调函数onopen/onmessageonerror/onclose,关于websocket的详细说明,这里推荐阮老师的文章:WebSocket教程然后...
百度图片关于api url的一些解析参考百度rul:https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=java&rsv_spt=1&oq=java&rsv_pq=9ae87...
JS正则表达式统一整理笔记正则表达式中的特殊字符字符 含意\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。-或-对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/...
推荐线上websocket如何解决自动断开的问题WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双...
介绍介绍zepto.js滑动触摸函数Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的...
js判断是否为移动端设备访问实现原理通过查看当前头信息浏览器标识。才能判断出用户通过那个移动设备那个pc端设备进行访问。因为不同的浏览器带有的访问标识是不同的。js可以获取到访问设备。一、查看当前代理头信息js<script> document.write("...
js如何设置cookie获取和删除一、使用Jquery.cookie.js插件对cookie的操作jquery.cookie.js下载地址:jquery.cookie.js下载jquery.cookie.js cdn网址:http://www.bootcdn.cn/jquery-cookie/ &n...