HTML/CSS/JS

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

很多时候当我们为网站增加一些功能时往往需要调用一下其他资源，包括图片、CSS、JS 等内容。对于这些资源的调用我们可以选择使用相对路径，也可以选择使用绝对路径，这两种资源调用的方式各有各的好处，就我个人而言一般为了避免分享出去的代码因为人为修改的原因失效，习惯性选择使用相对路径的方式进行调用，对于一些收集的代码也会尽可能的修改一下资源调用方式以方便使用者使用起来更加简便。为了进一步增强自己对相对路…

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

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

因为自己平时学习的过程中喜欢整理知识点，而对于很多知识点的整理表格无疑是最简单明了的方式，之前博客上一直使用的是一款名为 TablePress 的插件来进行整理的，当初使用这款插件感觉还不错，可自定义样式、支持表格的独立管理，而且可以将做好的表格导出成 JSON 、CSV 或者是 HTML 格式，就我目前所接触到的 WordPress 表格插件来说,TablePress 无疑是最好的。 但是，使用…

经常看到许多网站上当我们输入评论的时候会出现一些礼花绽放的效果，还有一些网站输入内容后网站页面会抖动起来，其实这些内容都是通过 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…

文档对象模型(Document Object Model，简称DOM)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面(或文档)的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。 DOM——Document对象 名称 说明 返回 activeElement 返回代表文档中当前获得焦点元素的对象 HTMLElement body 返回代表文档中body元…

额，想了半天不知道如何开篇~~~，还是直接上代码吧。 JavaScript 代码 WordPress建站的小伙伴们将JS代码丢到主题的主JS文件中去即可。DUX主题用户直接丢到主题 js 文件夹下的 main.js 文件中即可。 CSS样式代码 使用 WordPress 搭建网站的小伙伴将代码丢到主题的 style.css 文件中即可。DUX 主题有点儿特殊，丢到 main.css 文件中即可。 …

如题，这就是类似于抖音上流行的表白信息框，与之不同的是抖音上基本上是采用 VB 进行编写的，这里只不过是转换成了 Web 语言实现。前端显示样式如下，当然样式大家可以根据自己喜好自行调整。 简单说下使用方法： 首先是使用，将下载下来的压缩包解压后直接丢到网站根目录，然后访问文件夹下的 index.html 文件即可，或者直接访问文件夹也可。比如本站的访问链接为：https://zibuyu.lif…

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

新手在编辑 HTML 文档的时候常常会漏掉一些常用的信息，虽然我们强大的浏览器一般都能正确显示出来，但是对于新手的学习以及未来代码编辑的习惯养成来说，还是有必要理解并规范文档格式的，这里提供一份常用的 HTML 模板文件，希望对于新手朋友们能有所帮助。

HTML 5 的推行已经有好长一段时间了，自己由于兴趣爱好的原因利用闲暇时间也学习了一些关于 HTML 5 的知识。由于自己非科班出身，知识结构可能略显零碎，行文语义可能不是那么规范，希望各位不要见怪。以下内容是我仅作为个人学习道路上的一个总结，如有错误万望指正。 在说明 HTML 5 语义化之前，我们需要先了解，一份网页文件的主体架构是通过 HTML 标记语言搭建起来的。表面上看 HTML 5 …

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

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

JavaScript 的数据类型分为两类，原始类型（包含数字、字符串、布尔值、null、undefined）和对象类型（包含数组、函数）。作为一种面向对象的语言， JavaScript 数据类型本身可以定义方法，但是 null 、undefined 除外。下面是 JavaScript 中常用数据类型转换对照表： 原始值 字符串 数字 布尔值 对象 undefined “undefined” NaN…

JavaScript 运算符用于算数表达式、比较表达式、逻辑表达式、、赋值表达式等，以下是整理的一些 JavaScript 中常用的运算符，表中运算符按优先级排序。 运算符 操作简述 结合性 个数 类型 ++ 前/后增量 从右至左 1 lval→num — 前/后减量 从右至左 1 lval→num – 求反 从右至左 1 num→num + 转换为数字 从右至左 1 nu…

为了提高代码的加载速度和质量，新写的主题中使用了 require.js 加载 JS 文件，但是最近在调试的过程中发现主题报错：Error: Mismatched anonymous define() module: function(){return o.run(e.jQuery),r} ，大概意思是匿名的 define 匹配错误，具体信息如下： 根据提示信息访问官网错误信息页面：https://…

这是一个令人悲伤的日子，再这样一个日子里我们希望通过设置网站整体变灰表达我们的情感。这样一个日子里无需多言，添加如下代码至网站头部样式即可！

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

HTML 至 1993 年问世以来，历经多个版本的更新，虽然现如今大家逐渐开始使用最新版的 HTML 5 了，但是个人感觉还是很有必要简单了解下其他版本的一些情况的。今天闲着无聊简单整理了下 HTML 各个版本的文档声明格式，也算是一个简单的学习吧。 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 HTML 5 前几个版本估计也逐渐没人用了，仅做了解即可。。。

整理了一些常用的 HTML 转义字符以方便使用时查阅。网上也有许多整理的，不过个人感觉有些杂乱且不太符合自己使用习惯。。。 字符 十进制 转义字符 描述 字符 十进制 转义字符 描述 @ &#64 &commat at 符号 & &#38 &amp and 符号 © &#169 &copy 版权符号  ® &#174 &reg…