JavaScript

JavaScript中一共有3种用来声明变量的关键字，分别是var、let和const。其中var关键字是ES5时代的产物，由于ES5对变量的约束很宽松，使用var来声明变量时经常会出现一些预料之外的问题。 ES6为了使变量的定义更加规范，提出了let和const这两个关键字。 因此要解释清楚这三个的区别，首先要从ES5时代和ES6时代的差别说起，主要是var和let的区别。 ES5与ES6的区别…

最近按照自己的习惯整理了些 JavaScript 相关的属性、方法等内容，网上也有很多相关的整理，但不太符合自己的查阅习惯，如果我整理的内容同样适用于你的查阅习惯，欢迎使用；如果你是想学习JavaScript，建议你自己独自整理一遍，即使是比着抄一遍也好，相信在整理的过程中能有助于你深入了解各属性方法的使用。整理内容基本依托 W3CShool 的 JavaScript 参考手册 ，当然我也同时参考…

好长一段时间没有更新文章了，主要原因是最近忙于过年没怎么折腾网站确实不知道更新些什么了，心想着再不更新博客就要长草了。俗话说的好“车到山前必有路”，既然最近一直在忙于过年，那么分享一篇与过年这个节日相关的文章想来应该是极好的，思考了半天决定整理分享下“雪花飘落效果”的源码比较好，遂有了这篇文章，经过多方比较，觉的雅兮网的这段源码无论从部署难易度还是从代码简洁性来看都是很不错的，我自己也使用上了这段…

经常在浏览一些网站的时候会发现，当我们复制网站内容的时候会弹出一条警示信息，一般是提醒用户尊重作者版权的信息。对于这个功能的实现其实没什么，就是一句简单的 JS 代码。但是个人认为虽然原理非常简单，但就其设计思路以及对于理解 JS 代码运行来讲还是很有用处的，于是决定记录一下以巩固自身所学。 代码使用非常简单，我们只需要将以下代码放置在 header.php 或者 footer.php 文件中即可…

Console 控制台主要用于代码调试，但是很多博主也常常借此来美化控制台，增加一些交互信息以备用户通过 F12 查看网站源码等操作。对于 Console 控制台，一般我们常用的就是 console.log(); ,当然也会用到一些其他语法，这里我们就看一下常用的几种语法极其前端显示效果。 下面这段代码是我目前用于美化 Console 控制台的一段代码及其前端显示效果： 代码使用简单，只需将上述代…

经常看到许多网站上当我们输入评论的时候会出现一些礼花绽放的效果，还有一些网站输入内容后网站页面会抖动起来，其实这些内容都是通过 JavaScript 代码来实现的，今天闲着无聊从网上筛选了一些代码，整理一下分享出来，希望能够帮助大家尽快实现这一功能。 核心JS代码 将以下代码复制下来新建一个 .js 格式的文档，并以 activate-power-mode.js 命名之。 JS代码引入 将上面的核…

闲着没事浏览网站的时候发现的这几段 JS 代码，记录下来并应用到了自己博客上。有喜欢这个小特效的朋友也可以直接拿过来使用，废话不多说，直接上代码。 网站标题自定义并滚动 网站标题滚动显示 网站标题闪烁显示  

前两天分享的插件 WP Content Copy Protection & No Right Click——深度保护您的网站内容 有网友说可以把检查代码的功能给屏蔽了，经我个人测试发现我们依旧可以通过 F12、Shift+Ctrl+I等一些操作将控制台调取出来，为了更好地保护网站内容，决定分享一篇如何禁止用户打开控制台的文章，也就有了此文。 网上找的很多代码不管用，最后在 wangning…

“我走在乡间的小路上，看到自己的标签不太漂亮”，好吧，最近无聊修改了下自己网站侧边栏标签的样式，修改成了随机颜色的样子，具体效果看下面： 虽然这里说是实现网站标签随机颜色，但是其实你可以将代码略作调整适用于任何你想随机改变颜色的地方。具体 JavaScript 代码如下： 代码原理很简单，通过 random 与 floor 获取一个随机数，然后从数组里面的颜色值中选择相应的颜色，这里我设置了 12…

昨天分享了一篇 WordPress修改页面底部版权为网站建设起止年份 的文章，使用该方法你可以让自己的网站动态地更新版权年份（包含起止年份），但是有些小伙伴可能希望能够动态地显示网站运行了多少天，甚至于说运行了几分几秒了。这样的话我们就需要获取当前时间与建站时间的时间间隔并进行显示。 JavaScript 生成时间信息 下面的方法是通过 JavaScript 的 Date() 方法获取当前以及建站…

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

JavaScript 程序是用Unicode字符集编写的 JavaScript 定义了一种特殊序列，使用6个 ASCII 字符来代表任意16位 Unicode 内码。这些 Unicode 转义序列均以\\u为前缀，其后跟随4个十六进制数。这种 Unicode 写法可以用在 JavaScript 字符串直接量、正则表达式直接量和标识符（关键字除外）中。Unicode 允许使用多种方法对同一个字符进行…

日常中为了提高代码的可读性，常常需要在一些关键位置添加上一些注释语句。这两天闲来无事将常用的一些注释语句总结一些以理清学习思路。 HTML注释 CSS注释 JavaScript注释 PHP注释  

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

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

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

jquery.qrcode.min.js 是一款基于 jquery 方便生成二维码图片的小插件。该插件兼容主流浏览器：IE9~11, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile。最近刚好使用到它，简单学习了下如何使用，这里简单记录一下，以便备查。 和所有 js 文件一样，在使用之前我们需要先引入它，引…

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

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

之前网站分享过一个一言功能 >>> 网站新增一言功能——微语录就是这么简单 。主要是用来在网站指定位置显示一句语录用的，之前的方式是通过后台 PHP 获取输出到网站前端的，最近闲来无事考虑了下 JavaScript 的实现方式竟然成功了。下面简单说下实现过程。 前端显示代码 注意下 ID 值可以任意设置，调用的时候改下就行： JS 获取一言函数 函数很简单，值得注意的是 TXT …

NodeJS 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，它不是一门语言，不是库，不是框架。NodeJS 使用事件驱动，非阻塞型 I/O 模型。NodeJS 的包管理生态是 NPM，是现在世界上最大的开源程序包库。 在 NodeJS 诞生之前，JavaScript 基于浏览器环境运行，而现在，我们可以通过 NodeJS 运行 JavaScript 代码！ JavaSc…

网上有很多修改右键菜单的教程，看了下很多教程代码要么有很多莫名其妙的部分，要么无法使用，想来是由于转载以及随意删减代码导致的。看了下这个功能觉得还不错，遂将其集成到了自己网站上。同时为了避免自己调试网站无法使用“审查元素”、“查看代码”等功能，特加了个判断，用以判断用户身份。管理员以及其他用户前端显示分别如下： 管理员登录 非管理员/无人员登录 效果大概就是这样，现在来简单说下实现方式。 Java…