HTML/CSS/JS

网页制作并没有那么难
解决使用 Require.js 加载 Video.js 报错的问题-蝈蝈要安静

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

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

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

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

初识视频播放插件 video.js

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

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

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

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

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

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

了解更多
使用 JavaScript 的 Canvas 对象绘制海报-蝈蝈要安静

使用 JavaScript 的 Canvas 对象绘制海报

 2019-11-03 蝈蝈要安静 阅读 (819) 评论(4)

之前分享过一篇 PHP 生成海报图像的文章,详情请戳这里>>> WordPress 添加海报分享功能 。该功能是通过 PHP 的 GD 库生成的,由于是后端生成,无疑会增加服务器压力,同时由于部分小伙伴配置服务器的种种问题可能会导致图像生成失败,前端在加载海报图片的过程中同样会由于图片太大导致加载缓慢的问题。由于 HTML 5 中引入 Canvas 元素,我们可以在 JavaScript 中获取 Canvas 元素来生成需要的图片。

了解更多