CSS如何实现两栏/三栏自适应布局？
2年前 (2022-09-18) 345浏览
在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满 比如 Ant Design 文档，蓝色区域为主要内容布局容器，侧边栏为次要内...
前端
网页前端与用户交互密切相关，熟练html/css对网站优化有着至关重要的作用，本栏目分享一些关于html/css修改优化的教程和技巧
命令行运行Node.js传递参数
2年前 (2022-09-14) 538浏览
当使用以下命令调用 Node.js 应用程序时,可以传入任意数量的参数: node app.js 参数可以是独立的,也可以具有键和值. 例如: node app.js joe 或 node app.js name=joe 这会改变在 Node.js ...
javascript判断网址是否包含http(s)://，没有则自动添加http
2年前 (2022-08-30) 711浏览
使用场景：比如本站的批量打开网址功能，如果用户输入的网址不包含http或https，使用javascript打开网址就会变成页面地址+输入的网站(比如：https://www.4xseo.com/www.baidu.com)。因此我们需要对字符进行判...
textarea多文本输入框标签自带空格是怎么回事
2年前 (2022-08-10) 414浏览
textarea标签是用来定义一个多行的文本输入控件，在文本输入域中可以输入任意长度的文本。但是今天我在使用的时候，发现输入框默认就带了好几个空格，虽然可以删除，但一刷新页面就是带有空格。 这到底是怎么回事呢？，于是在网上了解了一下。原来是texta...
javascript实现部分内容的展开/收起
2年前 (2022-04-27) 491浏览
我们经常可以看到有的网站的文章有个导读，摘要板块，但其内容确是和正文重复的，如果出于SEO的考虑需要保留这个部分，我们可以收起/展开一部分内容，来提升用户体验 HTML代码示例 默认收起 <!DOCTYPE html> <html ...
li定义的class不起作用是怎么回事
2年前 (2021-12-16) 888浏览
给列表元素（如 ul li、ol li）定义 CSS 样式，通常的做法是给父元素（如 ul）定义一个 CSS 样式，再用这个样式来定义子元素（如 li）的样式，因为子元素通常比较多，样式又大多相同，一个个定义比较麻烦。这样定义有时会出现一个问题：就拿...
文字超链接旁边怎么加上小箭头图标
2年前 (2021-12-15) 1315浏览
许多知名网站都在文字链的右边加一个箭头图标，例如Google站长管理后台，Alexa官网等，这样设计的好处是让链接更醒目，更容易辨认。 文字链右边加一个箭头图标的方法，多数人是使用css背景图来实现，包括上面提到的Google站长管理后台，Alexa...
怎么把图片转换成base64字符串
2年前 (2021-12-15) 1148浏览
我们看到有些图片的地址是data:image/png开头的一串字符串，这其实是图片转换成base64字符串了。这种方式的好处是不用再去请求图片，节省时间，提交效率。那么我们怎么样图片转换成base64字符串呢？很简单，我们日常用的浏览器就可以轻松帮我...