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

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

Css 屏幕尺寸对照表

在开发过程中,针对不同尺寸的屏幕进行自适应,必不可少的就是屏幕的尺寸的列表!网上很多累似的文章,可是真正用得上的少得可怜。本站在后期修整的过程中,针对 Iphone 5, SE, 以及 Iphone 6 系列的小屏幕尺寸进行对站点的显示修复,以适配屏幕尺寸,就是参考了下面的这个表格进行。 320 x 568:iPhone 5/5C/5S 320 x 568:iPhone SE 375 x 667:iPhone 6/6S/7/8/SE2 ……

Css 技巧

本文涵盖了 20 个 CSS 技巧,可以解决许多工作中常见的问题, 让你也成为一个 CSS 高手。 1、使用 CSS 重置(reset) css 重置库如 normalize.css 已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来确保跨浏览器之间的一致性。 大多数项目并不需要这些库包含的所有规则,可以通过一条简单的规则来应用于布局中的所有元素,删除所有的 margin、padding 改变浏览器默认的盒模型。 *{ ……

逆向思維

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

Css 自适应分辨率

写个文档,记载了 Css 在开发过程中所定义的不同的分辨率调取不同的 Css,以方便网站系统能自适应不同的屏幕尺寸分辨率。笔者之前弄了一个又范围的,就是最小的屏幕尺寸到最大的屏幕尺寸的写法,这次记录的是单纯的最大尺寸。来,上代码: 移动优先 电脑优先

Css Notes

本文侧重把主题开发过程中所遇到的 Css 代码存放于此,这篇文章为无限期更新的对象,一旦有新的进展都会在这里发布更新,也是自己的一个自学过程的笔记和总结吧! Css 父元素可以直接影响到子元素的属性,例如 opacity 的属性就直接影响到,要修正这个,就需要用到下面的写法: rgba(0,0,0,0.5) 常用三角符号不必再用图片或者 svg ,而是利用边框属性就可以轻易实现,例子: border:10px solid transpa ……

开发软件

Visual Studio Code Visual Studio Code(简称 VS Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。 Visual Studio Code 的源代码以 MIT 许 ……

Wordpress 加载进度条

网站越来越完善,但是总想着为网站添加一个进度条,在顶部显示,不要求太复杂的效果,就是一条线,显示加载的过程就行。于是乎开始找点资料进行,总是发现插件版本的,而且还是 $15 美元一个,太不划算。无意之中找到一个 js 版本的,而且能够实时显示加载进度,而且简单,只要添加 js 引用和涉及一个简单的 Css 就可投入使用,放出代码: 1、首先下载 pace.js 文件,放入你的主题下的目录,例如 JS 目录下面; 2、在主题的 heade ……

无视 WordPress 缓存

资料来源于网络,如果涉及版权,请来信告知,我会在第一时间删除! 无论你是折腾企业英文网站,还是个人博客,可能都免不了折腾一番 WordPress。由于各种需要,你可能会安装各类缓存插件,如 WP Super Cache,W3 Total Cache,DB Cache Reloaded Fix,Hyper Cache。当你安装主题之后,可能免不了一番修改,频繁更新主题的 CSS、JS 文件。但这些静态文件已被缓存插件缓存,有时候你修改上传 ……

Wordpress 及其它代码备忘

更改这篇文章的初衷,就是不想频繁发布重复的关于代码备忘的文章!借此文章,发布在主题开发或者插件开发的规程中发现的代码更新发布在此,一是给自己备忘,二是跟大家一同分享,一同进步,如有更好的代码,别忘了页和我一起分享哟! wordpress 主题开发的过程中,难免会遇到各种各样的问题,本人一样如此。不过凭着死皮赖脸的性格,终于解决了很多的问题,而造就了这个主题的诞生,不光是 wordpress 的代码,还有主题的 Css,同样也兼顾兼容性问 ……