旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 从最基础的 DOM 效果开始，作为自己的笔记，和大家分享一下。本文的效果主要有 Tab选项卡、拖拽和放大镜。 1、Tab页 / 选项卡效果 这是最基本最常用的 DOM 效果之一了 1.1、普通写法： 点击查看效果 1.2、优化写法： 点击查看效果 嫌…
月度归档： 2019 年 1 月
DOM兼容性及其他小知识乱炖
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 文中还有一些兼容性处理，现在已基本用不到了； DOM 1、DOM操作：大部份兼容，小部份不兼容，可以写兼容； 2、操作DOM元素的属性，如：oBtn.className 等价于 oBtn[“className”] ； .后只能放W3C认证或者是在 JS 中动态添加(绑定)过的属性，不能放变量，不能放参数，不…
a 链接两问以及预解析问题
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 一、链接a相关问题 1、链接 a 的默认行为问题 1.1、基础知识 想要在 href 中阻止 a 的默认行为，”javascript:”后只能放 语句 或 返回 undefined 的表达式。 Chrome中阻止 a 的默认行为，”javascript:” 后可以是 false、true、nu…
监控脚本
我平时比较常用的监控，有两种情况： 监控某个服务器上的页面能否正常访问； 监控某个 Web 页面内容的变动； 脚本是用 Python 写的，主要讨论逻辑，具体细节就不深究了，比如发 http 请求，有 N 种方案可用，没必要纠结实现方式； 监控服务器的运行状态 场景：做了个平台，用的是Windows服务器，偶尔会自动关机，需要监控服务器是否正常； 方案：python 定时发起 http HEAD …
日历数据生成工具 calendar-helper
平时工作中总是能遇到日历效果，日历的数据逻辑真是非常麻烦，所以就写了一个工具，做成了NPM包，方便调用； 日历数据结构 本工具生成结果为一个月的日历数据，数据类型为一个二维数组，每行有7列，对应一周7天，共4-6行，对应月份里的几个周；首尾行中，可能会包含前后月份的数据；例如2022年3月份数据如下： [ [{day:27,…}, {day:28,…}, {day:1,…}, {day…
WordPress 添加favicon、访问统计和访问日志
添加 favicon 自己做了一个小 icon，本来想的是传到根目录下、加个 link 标签就完事儿，没想到还遇到了其他问题；操作步骤： 将做好的 ico 文件放到网站的根目录下，然后打开主题下的 header.php，在 <head> 中添加 link 标签，注意 href 尽量用绝对地址： 然后修改 favicon 的权限，505 为可读和可执行： 第一次添加 link 标签是在 …
WordPress 站点的搭建和维护
记录一下搭建本站过程中，自己不懂或觉得重要的东西； 域名申请 域名是在阿里云申请的，.top后缀域名非常便宜；270十年；腾讯云没有找到.top域名；顶级域名可以转移到国外的域名服务商； 搭建 服务器是腾讯云的，Ubuntu系统，照着腾讯云提供的文档搭建，十几分钟就装完了，非常简单，也基本没遇到什么问题，文档十分详细了；文档地址：http://cloud.tencent.com/developer…
WordPress 文章中的代码高亮
文章中嵌入代码，默认是没有什么样式的，我用的主题是“Blog kit”，不过应该和主题无关，大部分应该都不会内置代码样式； 怎么能让代码部分有高亮效果呢？文章页面本身是一个HTML页面，引入高亮库不就行了… 之前用过 highlightjs，就用它来做高亮； 提前声明一下：我对 WordPress 并没有什么研究，刚用了十几天，各个文件模板的作用也只是猜测，下面的方法也不一定“正统”，只是最终效果…
WordPress 统计文章阅读次数
原始方案是页面每次请求，阅读次数在后台就+1了，这样出现一个问题：如果是爬虫抓取，或者简单的命令行加载某个 html 页面，阅读数也会增加；这种情况下，肯定不能让阅读次数增加，抓取页面的时候，虽然是返回了 HTML，但是爬虫并不会将页面内容展示出来，只是将返回页面当做字符串处理，截取需要的内容，这时候页面 JavaScript 是不会执行的； 利用爬虫抓取页面 JS 不执行的特点，修改为页面加载完…
WordPress 中添加 ajax 请求
上篇 WordPress 文章中添加了文章阅读次数；本篇添加一个点赞的功能；样式是下图这样，或者直接拉到文章底部进行体验； 该功能可以在一定程度上得到访客的反馈，所以试着加一下该功能；原理是利用上篇中提到的 meta 标签/元数据 进行数据的存储；该功能涉及的逻辑如下： 访客觉得内容有用，可以点个赞，点赞区域显示已点赞状态； 如果误操作，可以再点一次进行取消，点赞区域恢复默认状态； 用户对文章的点…