2024-01-31在日常开发中，我们可以用 “拿来主义” 借助Bootstarp现成的一些样式，快速生成我们想要的页面布局，避免书写大量的HTML和CSS代码，省下了许多不必要的时间。当我们想要生成表单表格时我们可以查看Bootstrap的官方文档，来选择我们想要的样式，并根据自己的一些实际情况或者个人喜好进行一定的修改。我们使用filter进行过滤掉删除的数组，当前循环项的item.id不等于我们要删的id，就返回。给输入框设置双向绑定事件，给表单设置提交事件并添加阻止事件。给a链接绑定一个删除的点击事件。

https://www.qianduange.cn//article/906.html 分类：前端知识

2024-01-31作为一名后端人员，有时候会写一点前端代码配合使用。但比较轻量，没有必要使用脚手架创建工程，故此我在html中使用就好了。正如那句话，适合自己的才是最好的。_vue3 html

https://www.qianduange.cn//article/905.html 分类：前端知识

2024-01-31选中 file-preference-settings，在搜索框选run code，最后选中edit in setting。2.修改JSON文件：调用chrome.exe，即一旦运行html文件就开始调用chrome.exe。情况说明：已安装装了Javascript，code runner，仍然无法运行html。1.最有效也是最终解决问的方法就是安装一个插件， open in browser。好的，这种我也试了，不过还是没解决我的问题，小伙伴你们可以尝试下。但这个方法我用了一直报错。_vscode运行不了html

https://www.qianduange.cn//article/904.html 分类：前端知识

2024-01-31# margin 的使用margin 用于设置元素的外边距。margin 是一个简写属性，包括以下 4 个子属性：- margin-top：上外边距。- margin-right：右外边距。- margin-bottom：下外边距。- margin-left：左外边距。margin 可以设置 1 ~ 4 个属性值：1. 一个属性值：一起设置上下左右。2. 两个属性值：分别设置上下、左右。3. 三个属性值：分别设置上、左右、下。4. 四个_css中margin有哪些值

https://www.qianduange.cn//article/902.html 分类：前端知识

2024-01-31本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。_css 背景色

https://www.qianduange.cn//article/901.html 分类：前端知识

2024-01-31CSS-flex布局详细及其flex布局携程网移动端案列_flex布局占满剩余空间

https://www.qianduange.cn//article/899.html 分类：前端知识

2024-01-31给其父元素添加text-align:center使其水平居中，这个只是对行内元素和行内块元素有效。而P元素是块级元素，所以不能使用上面的方法。再给他父元素two加 position: relative;然后开始计算上面距离的数值和左边距离的数值，这里分别是。行内元素和行内块元素水平居中，给其父元素添加text-align:center；所以案例里面给one加了 text-align: center之后span就会水平居中了。红色1块是span，属于行内元素。绿色2块是p，属于块级元素。_p标签在div中垂直居中

https://www.qianduange.cn//article/898.html 分类：前端知识

2024-01-31静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none，静态定位static，不要定位的时候用。选择器 {静态定位 按照标准流特性摆放位置，它没有边偏移。静态定位在布局时我们几乎不用的。绝对定位是元素在移动位置的时候，是相对于它祖先元素来说的（拼爹型）。选择器 {完全脱标—— 完全不占位置；父元素没有定位，则以浏览器为准定位（Document 文档）。父元素要有定位元素将依据最近的已经定位（绝对、固定或相对定位）的父元素（祖先）进行定位。绝对定位的特点总结。_css 4

https://www.qianduange.cn//article/896.html 分类：前端知识

2024-01-31HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。

https://www.qianduange.cn//article/895.html 分类：前端知识

2024-01-31一、 CSS 2.0手册使用1、 按照文档层次查找2、 搜索关键字查找文档二、 font-weight 字体粗细设置1、 语法简介2、 代码示例三、 font-style 字体斜体设置1、 语法简介2、 代码示例四、 font 字体样式综合写法1、 语法简介2、 代码示例① 不使用综合字体样式的代码② 使用综合字体样式的代码③ 执行效果_font设置字体加粗

https://www.qianduange.cn//article/891.html 分类：前端知识