标签：JavaScript

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

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

JavaScriptVideo.js视频播放插件

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

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

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

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

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

CanvasJavaScript分享海报文章海报

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

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

JavaScriptJS按需加载require.js

 2019-04-06 蝈蝈要安静 阅读 (1713) 评论(2)喜欢 (0)

手机上没有 F12，无法调出控制台，调试的时候比较麻烦。最近给网站集成了 vConsole ，方便移动端的调试。vConsole 是腾讯推出的一个针对手机网页前端调试的面板。项目地址请戳这里。使用 vConsole ，一般只要网站引入 vconsole.min.js 文件，然后通过 new VConsole(); 直接调用即可。文件的引用可以下载到本地引入也可以通过 cdn 直接调用。

JavaScriptvConsole手机调试

 2019-02-24 蝈蝈要安静 阅读 (2187) 评论(4)喜欢 (0)

网上有很多修改右键菜单的教程，看了下很多教程代码要么有很多莫名其妙的部分，要么无法使用，想来是由于转载以及随意删减代码导致的。看了下这个功能觉得还不错，遂将其集成到了自己网站上。同时为了避免自己调试网站无法使用“审查元素”、“查看代码”等功能，特加了个判断，用以判断用户身份。

CSSHTMLJavaScript右键菜单纯代码网站优化

 2018-11-30 蝈蝈要安静 阅读 (1201) 评论(0)喜欢 (1)

JavaScript 程序是有一系列可执行的语句所构成的集合。默认情况下，JavaScript 解释器会逐句执行我们编写的语句，所以说熟练掌握 JavaScript 语句及语法是编写 JavaScript 程序的第一步，这里摘录了《JavaScript 权威指南》上对 JavaScript 语句语法的整理，方便理清思路及日后检索查找。

JavaScriptJavaScript学习JavaScript语句语法

 2018-11-10 蝈蝈要安静 阅读 (1183) 评论(0)喜欢 (0)

JavaScript 程序是用Unicode字符集编写的；JavaScript 是区分大小写的语言；JavaScript 会忽略程序中标识（token）之间的空格；JavaScript 支持两种注释方式“//”与“/* */”；JavaScript 标识符必须以字母、下划线或美元符开始，后续字符可以使字母、数字、下划线或美元符；JavaScript 使用分号(;)将语句分隔开。

JavaScriptJavaScript学习学习笔记

 2018-10-16 蝈蝈要安静 阅读 (1521) 评论(0)喜欢 (1)

网页制作过程中，难免需要用到 CSS 以及 JS。一般情况下我们为了便于代码维护都会将 CSS、JS 分别写在不同的文件中以实现结构、样式、行为的分离，但是对于一些特殊情况，我们可能需要直接在元素中内嵌样式，或者直接在文档中内嵌脚本，这里就简单整理一下 CSS 与 JS 的几种引入方式，做个简单的对比，方便理解。

CSSJavaScript学习笔记

 2018-08-07 蝈蝈要安静 阅读 (3219) 评论(6)喜欢 (1)

昨天分享了一篇 WordPress修改页面底部版权为网站建设起止年份 的文章，使用该方法你可以让自己的网站动态地更新版权年份（包含起止年份），但是有些小伙伴可能希望能够动态地显示网站运行了多少天，甚至于说运行了几分几秒了。这样的话我们就需要获取当前时间与建站时间的时间间隔并进行显示。下面的方法是通过 JavaScript 的 Date() 方法获取当前以及建站的时间（建站时间需手动修改为你网站的建站时间），然后通过 getTime() 方法计算的二者时间间隔（getTime() 方法会获取目标时间距 1970 年 1 月 1 日之间的毫秒数），最后向下取整获取天数、小时数、分钟数、秒数来生成网站运行时间的，具体代码如下

JavaScript纯代码网站美化