HTML/CSS/JS

网页制作并没有那么难
图片懒加载 lazyload.js ( jquery.lazyload.js ) 使用详解-蝈蝈要安静

图片懒加载 lazyload.js ( jquery.lazyload.js ) 使用详解

 2020-04-06 蝈蝈要安静 阅读 (733) 评论(2)

对于一些图片使用比较多的网站,可能网页加载会比较慢,同时过多的请求也会造成服务器压力。 lazyload.js 可以很好地实现对于一些长网页,当网站用户未滑动到底部时不加载图片,直到用户滑动到指定位置时再发出请求,加载指定的图片。

了解更多
解决使用 Require.js 加载 Video.js 报错的问题-蝈蝈要安静

解决使用 Require.js 加载 Video.js 报错的问题 document window

 2020-03-17 蝈蝈要安静 阅读 (354) 评论(0)

还是那个问题,还是那个味道。。。前两天分享了 初识视频播放插件 video.js  这款插件,本地测试的时候本来没什么问题,集成到主题的过程中,因为主题使用了 Require.js 按需加载 JS 文件,然后问题就出现了。网上查了下,出现这问题的还挺多,最终找到了如下解决方案,亲测有效

了解更多
初识视频播放插件 video.js-蝈蝈要安静

初识视频播放插件 video.js

 2020-03-04 蝈蝈要安静 阅读 (369) 评论(1)

因为博客会分享一些视频,而 WordPress 仅支持在文章中插入视频连接,不支持多集视频,自己想要这个功能很长时间了,一直没能实现,最近有时间尝试了一下,后台主要是通过 Post Meta 实现的,前端显示通过 Video.js 在页面中插入的视频, Video.js 会自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。这里记录下 Video.js 以备后查。

了解更多
CSS 常见布局方式学习及总结-蝈蝈要安静

CSS 常见布局方式学习及总结

 2020-02-27 蝈蝈要安静 阅读 (242) 评论(0)

对于很多前端er 来说,CSS 布局应该是日常工作中碰到最多的东西之一。一个好的布局不仅可以减少代码的书写量,而且有助于我们理解页面结构,更好地实现多种页面效果。而一般情况下我们对页面布局最常用到的当属float、display、position 这三个属性了,本文将对这三个属性做简单的说明并给出几种常见的布局方式。

了解更多