2024 年 4 月 27 日 我的频道
JQuery 代替 Css

在重新编写侧边栏的时候遇到过一个瓶颈的问题: 要在整个元素中可以点击,一定用到 display:block 或者 display:flex,可是这两个写法偏偏和字符省略有冲突; 而字符省略的写法: white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 这种写法是支持中文的省略写法,恰好就不能兼容 display:block 和 display:flex,那么如何改 ……

Wordpress Ajax 加载

最近因为站点的原因,添加了 Ajax 加载,采取的措施都是局部加载,除了顶部、侧边栏和底部以外,剩下的其余作为局部加载的区域。主页、分类页、标签页、归档页、搜索页和文章页都做出了不同程度的加载,当中文章页涉及的东西比较多,在回调函数中需要为前端的插件添加该插件所属的 js 和 css 文件,另外歌曲列表播放器最麻烦,要寻找相关的 js 和 css,另外还需要 JQuery 库和自定义播放器外观的 Css 和默认的播放器 Css 支持,黏 ……

JQuery 点击

网站上的点击三点弹出层,再点击复制文字改变,然后隐藏层的功能,今天全面修复过来。之前的代码出现了意外的效果,虽然不影响使用,但是用户体验大大结构。因为同时点击多个地方,可以同步显示弹出来的层,点击复制可以同步改变字体,同步消失,这是我最不愿意看到的效果。而我要实现的是,只可以显示一个层,如果点击其他的三点,就是该地方显示层,然后无论是否愿意点击复制按钮,都能隐层层。因为有的人或许是误点了,需要再任意地方点击,从而取消显示该层。经过几天的 ……

逆向思維

真的好久沒有更新站点了,自动换了工作以来,每天的舟车劳顿让我疲倦不堪。昨天是休息天, 闲来没事就来自己的站点测试一下,结果发现了最不想见的情况出现。一直都是实现了点击弹出层,再点击复制,实现文字的转换,然后在后台恢复未点击时候的文字,原来只是一个“空壳”,只是随便一个连接可用,再次点击的时候就无法实现,找了半天也没有找到任何的原因。于是开始排查,在源码中查看,居然文字转换后没有任何的链接,只是文字而已。于是尝试重新编写,即使按照很多教程 ……

JQuery 文字转换和恢复

由于本人没有基础学习过来比较困难,唯一的快速方法就是按照自己的意愿去学习。站点上的一些功能涉及到利用 JQuery,所以就逐渐接触了。 博客上有那么一个功能,就是点击三点后弹出的层,选择复制,然后改变文字再自动关闭该层,而文字也自动恢复回没有点击之前的文字。其实就是一个时间差,点击后,文字恢复需要设置的时间长一些,而图层关闭的时间设置短一些,这样看起来就显得点击后复制了地址,改变了文字,自动关闭了层,再次点开又是没有点击前的文字。特意贴 ……

主题开发日程

这次的主题在第一版的基础上修复了很多的问题: 包括兼容性的问题,移动端的菜单问题,这次实现到了二级菜单; 点击复制文章地址的功能,引用了最简单的 jQuery 实现; 标签的样式重新编写,原来在其他浏览器中产生的一像素边距得到了修复; 利用边框属性,熟悉并掌握了小三角的应用,将其应用在下拉菜单和侧边栏的标题处; 标签自动连接模块; 修复主题全站加载进度条于网站顶部显示; 修复友情链接功能; 前端输出友情链接列表; 修复文章页面文章标题自 ……