拍拍尘土

只需一行代码，任意网页秒变可编辑！ document.designMode = "on";

Sat, 12 Apr 2025 15:17:41 +0800

打开浏览器控制台（F12），复制粘贴这行代码，回车即可。

document.designMode = "on";

ueditor 上传视频丢失src的解决方法

Mon, 15 Jul 2024 16:08:21 +0800

p.s. ueditor上传视频后，切换到html模式会发现video的src丢失了，这是因为配置白名单缺少html标签过滤了，需要加上html标签和相关属性。

修改 udeitor.config.js 的白名单，可以搜索 whitList，然后修改以下代码：

img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_url
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id

https://www.cnblogs.com/modou/p/7833785.html

css 伪类

Tue, 28 May 2024 14:25:04 +0800

CSS伪类

是一种特殊的类选择符，它们允许根据元素的特定状态来应用样式。这些状态可以是基于用户与文档的交互，如鼠标悬停、元素被点击或聚焦等。伪类不能像普通类那样随意命名，而是由CSS预定义的。以下是一些常见的CSS伪类：

:link 和 :visited ：分别用于未访问和已访问的超链接。
:hover：当用户将鼠标指针悬停在元素上时应用。
:active：当元素被点击但还没有被释放时应用。
:focus：当元素获得焦点时，如输入框被点击或文本框被选中时。
:first-child 、:last-child、:nth-child(n)：分别用于选择元素的第一个、最后一个或第n个孩子。
:first-of-type、:last-of-type、:nth-of-type(n)：分别用于选择同类型元素的第一个、最后一个或第n个。

jQuery简单易用的网页内容打印插件jQuery.print

Fri, 10 May 2024 15:59:41 +0800

使用该网页打印插件要引入jQuery和jquery.print.js文件。

打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者：
$.print("#myElementId" /*, options*/);

配置参数
你可以在调用打印方法时传入一些参数：

$("#myElementId").print({
globalStyles: true,

jquery设置display失效问题，当样式中存在!important时无法使用css()、show()或hide()

Sat, 13 Apr 2024 22:27:09 +0800

如果使用!important在你的样式中，比如display: none !important，此时就不能用show()了

但是我在查阅资料时发现有这样的解释,

If using !important in your styles, such as display: none !important, it is necessary to override the style using .css('display', 'block !important') should you wish for .show() to function correctly.

这其实是不对的(也许是因为jquery版本不同的原因)

我查了下官方文档并测试了下,应该是这样:
第一种方法，直接设置style，不能用.css()和.prop()

$("#a1").attr("style","display:block !important");

让DIV的滚动条自动滚动到最底部的3种方法

Sat, 08 Apr 2023 15:08:18 +0800

要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。

聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。

网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html

但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。

如何在CSS实现段落首行缩进，但是图片不缩进

Tue, 13 Dec 2022 14:13:16 +0800

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

#content {
text-indent: 28px;
}

通常段落

内会有图片，图片也会随着缩进2个单位，原本居中的图片就会整体靠右，影响排版，有什么办法可以解决这个问题呢，其实text-indent有个属性，其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效，如果段落里设置了图片居中也会失效，需要重新写个margin:0 auto，写法如下

#content img {
display: block; margin: 0 auto;
}

搜狗浏览器UTF-8 html网页引入utf8编码js文件默认为GBK而乱码问题

Thu, 05 May 2022 17:09:50 +0800

一开始js是gbk编码，改为utf-8后清除浏览器缓存后还是乱码。而其他浏览器（chrome,firefox皆正常）
重新启动浏览器生效，不乱码了，但是仍然不知道sogou浏览器乱码原因

layer.open 设置自定义对话框内容，设置多个按钮和自定义颜色

Wed, 04 May 2022 09:46:12 +0800

p.s. 自定义样式demo-class，可以修改3个按钮的颜色

   layer.open({
   skin: 'demo-class',
   content: '自定义内容确认提交？',
   btn: ["按钮1", "按钮2", "按钮3"],
   yes: function (index) {
   layer.close(index)
   },
   btn2: function (index) {
   somefunciton...
   },
   btn3: function (index) {
   somefunciton...
   }
   });

   //在页面style中定义按钮css样式