摘要:
- 现实情景: 在对博客园的样式进行修改时, 发现需要对博客园本身的html结构进行更改, 而其中一些html结构被绑定了事件处理程序. 一些元素在修改时虽然被隐藏但是也需要通过其他方式来达到触发它原本绑定的事件处理程序的目的, 因此需要对这些DOM的绑定事件进行手动触发 ### 主动触发原生事件, 阅读全文
摘要:
## webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理 - 现实问题: 为了编写博客园的博客样式, 我写了一个scss文件, 但是因为博客园的样式编辑里只接受css样式, 所以乘此机会顺便复习一下webpack5实现对scss(sass)文件的处理 阅读全文
摘要:
- 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想当然地使用了input事件用于触发输入事件, 但是被测试出bug: 当输入法是中文时, 在选字 阅读全文
摘要:
打开vscode安装根目录, 会发现一个名为"_"的文件夹 剪切"_"文件夹内的所有文件, 复制到Microsoft VS Code文件夹中, 即可成功打开vscode 产生问题的原因大概是因为在关闭vscode后立即关机导致 阅读全文
摘要:
for循环的执行顺序 for循环的代码如下 var a = [] for (var i = 0; i < 3; i++) { a[i] = function () { console.log(i) } } a[0]() // 3 a[1]() // 3 a[2]() // 3 其调用顺序为: 定义循 阅读全文
摘要:
< table > < table > 标签的特有属性 cellpadding:用于设置td,th中的内容与边框的距离 cellspacing:用于设置td,th之间的距离 ATTENTION: 给td,th设置margin属性是无效的。想要设置单元格之间的间距只有通过table的内联属性cells 阅读全文
摘要:
在使用DevSidecar连接github时,没错,github又双叕被墙了,出现“你的连接不是专用连接”提示。 解决方法:需要用键盘在页面任何地方英文输入“ thisisunsafe ” 阅读全文
摘要:
将表单的结果通过以[name]=[value]的方式,通过&符号连接起来 <form action="#" method="post" id="form1"> <label for="uname"> <input type="text" id="uname" name="uname"> </labe 阅读全文
摘要:
通过letter-spacing属性设定字符间的间距时发现,原本居中的段落在设定字符间距后整体向左偏移。 给文字添加一个标签可以看到最后一个字符也同样添加了字符间距 一个比较hack的解决方法:使用text-indent将文字整体缩进,缩进距离与设定的letter-spacing值相同 text-a 阅读全文
摘要:
今天看到一个页面,开发者使用标签将文本语义化,但是标签不显示默认的斜体样式。 一般而言行内元素的话通常使用标签就可以了。但是考虑语义化有时需要使用此类标签。特记录如下: @font-face { font-family: 'zhu'; src: url('../font/三级竹节简体/三极竹节简体. 阅读全文