标签:JavaScript
纯 JavaScript 实现网站一言功能
之前网站分享过一个一言功能 >>> 网站新增一言功能——微语录就是这么简单 。主要是用来在网站指定位置显示一句语录用的,之前的方式是通过后台 PHP 获取输出到网站前端的,最近闲来无事考虑了下 JavaScript 的实现方式竟然成功了。下面简单说下实现过程。
初识视频播放插件 video.js
因为博客会分享一些视频,而 WordPress 仅支持在文章中插入视频连接,不支持多集视频,自己想要这个功能很长时间了,一直没能实现,最近有时间尝试了一下,后台主要是通过 Post Meta 实现的,前端显示通过 Video.js 在页面中插入的视频, Video.js 会自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。这里记录下 Video.js 以备后查。
使用 JavaScript 的 Canvas 对象绘制海报
之前分享过一篇 PHP 生成海报图像的文章,详情请戳这里>>> WordPress 添加海报分享功能 。该功能是通过 PHP 的 GD 库生成的,由于是后端生成,无疑会增加服务器压力,同时由于部分小伙伴配置服务器的种种问题可能会导致图像生成失败,前端在加载海报图片的过程中同样会由于图片太大导致加载缓慢的问题。由于 HTML 5 中引入 Canvas 元素,我们可以在 JavaScript 中获取 Canvas 元素来生成需要的图片。
require.js 文件使用详解
RequireJS 是一个 JavaScript 模块加载器,主要用于实现异步或动态加载 js 文件,它的模块管理遵守AMD规范(Asynchronous Module Definition)。通过 RequireJS 我们可以很好地解决 js文件间相互依赖关系及 js 文件过多导致的页面加载慢等问题,很好地提高了代码的性能和可维护性。
网站引入 vConsole ,移动调试更方便
手机上没有 F12,无法调出控制台,调试的时候比较麻烦。最近给网站集成了 vConsole ,方便移动端的调试。vConsole 是腾讯推出的一个针对手机网页前端调试的面板。项目地址请戳这里。使用 vConsole ,一般只要网站引入 vconsole.min.js 文件,然后通过 new VConsole(); 直接调用即可。文件的引用可以下载到本地引入也可以通过 cdn 直接调用。
网站右键菜单显示优化【纯代码】
网上有很多修改右键菜单的教程,看了下很多教程代码要么有很多莫名其妙的部分,要么无法使用,想来是由于转载以及随意删减代码导致的。看了下这个功能觉得还不错,遂将其集成到了自己网站上。同时为了避免自己调试网站无法使用“审查元素”、“查看代码”等功能,特加了个判断,用以判断用户身份。
JavaScript 语句语法
JavaScript 程序是有一系列可执行的语句所构成的集合。默认情况下,JavaScript 解释器会逐句执行我们编写的语句,所以说熟练掌握 JavaScript 语句及语法是编写 JavaScript 程序的第一步,这里摘录了《JavaScript 权威指南》上对 JavaScript 语句语法的整理,方便理清思路及日后检索查找。
JavaScript 词法结构初窥
JavaScript 程序是用Unicode字符集编写的;JavaScript 是区分大小写的语言;JavaScript 会忽略程序中标识(token)之间的空格;JavaScript 支持两种注释方式“//”与“/* */”;JavaScript 标识符必须以字母、下划线或美元符开始,后续字符可以使字母、数字、下划线或美元符;JavaScript 使用分号(;)将语句分隔开。
最新评论