2024-02-14Tips：这个只是作者的学习笔记，仅作参考 使用场景：采集数据时的页面效果，例如：登录页面、注册页面 input标签可以根据type属性值的不同，展示不同效果 使用场景：需要输入单行文本时 type属性值：text 常用属性： placeholder：占位符，提示用户输入文本内容。 格式如下： 展现的效果就是单一文本框 1.3 input系列标签-密码框 _在鸿蒙中可以引入外部css样式吗

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

2024-02-13家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，css的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。 ⚽精彩专栏推荐?????? ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试

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

2024-02-13并且执行 login 方法， 把返回的token , 保存到 vuex、cookie 中（在路由守卫中 / login 是白名单会直接放行、axios 的请求拦截中 添加的是一个空值)style=>页面的css样式。配合路由使用的， 对于vue router 而言它还附带了一些其他的信息， 比如路由守卫， 在路由守卫中我们可以在路由跳转之前来做一些事情的。它只会包装Store中保存的数据，并不会修改Store中保存的数据，当Store中的数据发生变化时，Getter生成的内容也会随之变化；_vue-admin-template

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

2024-02-13（4）cd 项目名称 进入 npm install初始化，简写（npm i） 最后 npm run dev。（2）在src/assets文件夹下新建，scss文件夹(文件名称随意)，在文件夹下新建main.scss文件。（1）点击链接进入，选择使用安装命令。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。（1）点击上方网址，进入vite官网，选择一个命令安装方式。（3）在vite.config.js文件中添加配置。（1）在项目终端中输入面的命令。_创建vite项目

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

2024-02-13解决方案：使用属性中的几个属性值：_img自适应div大小 铺满且不变形

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

2024-02-13在设有具体像素值的线性渐变或者径向渐变前加上repeating-3.在background-clip前加上私有前缀。2.设置background-clip：text。不能用background-image。①vw:相对于视口宽度的百分比。②vh:相对于视口高度的百分比。注意：缩放也是运用在块级元素上。1.设置字体颜色为透明色。_transform和background-clip:text

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

2024-02-13css3 是 css2 的升级版本，它在 css2 的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。 css3 的新特性如下： ● 新增了更加实用的选择器，例如：动态伪类选择器、目标伪类选择器、伪元素选择器等等。 ● 新增了更好的视觉效果，例如：圆角、阴影、渐变等。 ● 新增了丰富的背景效果，例如：支持多个背景图片，同时新增了若干个背景相关的属性。 ● 新增了全新的布局方案 —— 弹性盒子。 ● 新增了 Web 字体，可以显示用户电脑上没有安装的字体。 ……

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

2024-02-13本文中分享的所有css技巧都是来自GitHub代码库“css tips tricks”的手工精选，此代码库专为开发者提供专业的css技巧。1、文档布局使用仅两行css代码，创建一个响应式的文档布局。这个布局风格类似于文档页面，可以很好地展示各种信息。.parent{ display: grid; grid-template-columns: minmax(150px, 25%) 1fr;...

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

2024-02-13以上代码就能实现上面的效果。_css超出显示...

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

2024-02-13二、:nth-of-type、:nth-child的区别:nth-of-type(n)：选择器匹配属于父元素的特定类型的第N个子元素所有兄弟节点中找到第三个p标签背景为红色。所以，3背景为红。:nth-child(n)：选择器匹配属于其父元素的第 N 个子元素，不论元素的类型找父元素的第三个子元素，如果该子元素为p，则其变为黄色，如果，第三个子元素不是p元素，则没有子元素的背景变为黄色。:first-child：获取元素的第 1 个子元素:last-child：获取元素的最后一个个子元素效

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