HTML/CSS/JS

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

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

global/documentrequire.jsVideo.js视频播放

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

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

JavaScriptVideo.js视频播放插件

 2020-02-28 蝈蝈要安静 阅读 (147) 评论(0)喜欢 (1)

最近这两天因为疫情的原因闲下来了，无聊又调整了调整自己的主题，在调整过程中因为有些项目需要两端对齐，所以便有了这篇文章，实现方式是使用的 CSS 中的 text-align 属性。

CSStext-align两端对齐

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

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

CSS布局FlexGridMuti-column

 2019-11-30 蝈蝈要安静 阅读 (498) 评论(0)喜欢 (0)

jquery.qrcode.min.js 是一款基于 jquery 方便生成二维码图片的小插件。该插件兼容主流 […]

JavaScriptjQueryjquery.qrcode.min.jsJS 生成二维码

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

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

CanvasJavaScript分享海报文章海报

 2019-10-28 蝈蝈要安静 阅读 (519) 评论(0)喜欢 (0)

网站最近访问有点慢，主要是首页全屏 Banner 图片有点大，加载有点慢。于是决定启用 CDN 缓存静态文件来提升下网站加载速度。启用后发现网站海报生成图片报错。

CORScrossOriginsetAttribute同源安全策略

 2019-10-25 蝈蝈要安静 阅读 (643) 评论(0)喜欢 (0)

为了提高代码的加载速度和质量，新写的主题中使用了 require.js 加载 JS 文件，但是最近在调试的过程中发现主题报错：Error: Mismatched anonymous define() module: function(){return o.run(e.jQuery),r} ，大概意思是匿名的 define 匹配错误。

Layer.jsMismatched anonymous define() modulerequire.js

 2019-08-26 蝈蝈要安静 阅读 (803) 评论(0)喜欢 (0)

RequireJS 是一个 JavaScript 模块加载器，主要用于实现异步或动态加载 js 文件，它的模块管理遵守AMD规范（Asynchronous Module Definition）。通过 RequireJS 我们可以很好地解决 js文件间相互依赖关系及 js 文件过多导致的页面加载慢等问题，很好地提高了代码的性能和可维护性。

JavaScriptJS按需加载require.js

 2019-05-19 蝈蝈要安静 阅读 (1251) 评论(2)喜欢 (0)

闲来无事写的一个全屏轮播图，没有使用任何框架，原生 JavaScript 实现的，也算是小小练习一下。能力有限，代码可能比较乱，如果大家发现什么问题欢迎反馈。代码直接在文后打包下载了。前端显示效果如下，或者你也可以点击文末链接查看动态效果。

Banner图全屏轮播图原生JavaScript纯代码