前端
文章平均质量分 84
Big-Peng
这个作者很懒,什么都没留下…
展开
-
Ant Design Pro complete版本的下载及运行
complete版本提供了很多基础、美观的页面和组件,对于前端不太熟练的小白十分友好,可以直接套用或者修改提供的代码完成自己的页面开发,简直不要太爽。故记录一些下载的步骤。下载步骤直接根据官网提示即可安装依赖时可能会出现依赖冲突,此时加后缀重新下载运行项目后会出现白板,此时在routes.ts文件中把相应的位置上的代码注释掉。原创 2024-03-16 12:20:53 · 456 阅读 · 0 评论 -
博客无限滚动加载(html、css、js)实现
这是一个简单实现了类似博客瀑布流加载功能的页面,使用html、css、js实现。简单易懂,值得学习借鉴。👍演示地址。原创 2023-09-26 16:25:47 · 729 阅读 · 0 评论 -
Vue--声明式导航
router-link的两个高亮类名 太长了,我们希望能定制怎么办声明式导航跳转时, 有几种方式传值给路由页面?查询参数传参(多个参数)动态路由传参(一个参数,优雅简洁)原创 2023-07-21 15:50:34 · 195 阅读 · 0 评论 -
Vue--自定义指令
这都是Vue给咱们内置的一些指令,可以直接使用自定义指令:同时Vue也支持让开发者,自己注册一些指令。这些指令被称为自定义指令每个指令都有自己各自独立的功能概念:自己定义的指令,可以封装一些DOM操作,扩展额外的功能全局注册//在main.js中 Vue . directive('指令名' , {// 可以对 el 标签,扩展额外功能 el . focus() } })局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签,扩展额外功能el.focus()使用指令。原创 2023-07-20 15:51:08 · 1274 阅读 · 0 评论 -
CSS--移动web基础
rem单位,是相对单位rem单位是相对于HTML标签的字号计算结果1rem = 1HTML字号大小。原创 2023-05-16 14:39:37 · 784 阅读 · 0 评论 -
CSS--空间转换及动画
空间:是从坐标轴角度定义的 X 、Y 和 Z 三条坐标轴构成了一个立体空间,Z 轴位置与视线方向相同。空间转换也叫 3D转换属性:transform。原创 2023-05-15 15:21:22 · 815 阅读 · 0 评论 -
CSS平面转换和渐变
作用:为元素添加动态效果,一般与过渡配合使用概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜)平面转换也叫 2D 转换,属性是transform。原创 2023-05-13 12:07:46 · 350 阅读 · 0 评论 -
CSS--定位
登录 → 素材库 → 官方图标库 → 进入图标库 → 选图标,加入购物车 → 购物车,添加至项目,确定 → 下载至本地。上传步骤:上传 → 上传图标 → 选择 svg 矢量图,打开 → 提交 → 系统审核。优点:减少服务器被请求次数,减轻服务器的压力,提高页面加载速度。作用:项目特有的图标上传到 iconfont 图标库,生成字体。作用:设置定位元素的层级顺序,改变定位元素的显示顺序。使用场景:子级绝对定位,父级相对定位(场景:元素的位置在网页滚动时不会改变。作用:灵活的改变盒子在网页中的位置。原创 2023-05-09 16:06:21 · 280 阅读 · 0 评论 -
CSS-Flex布局
Flex 布局也叫**弹性布局**,是浏览器**提倡的布局模型**,非常适合**结构化**布局,提供了强大的空间分布和对齐能力。Flex 模型不会产生浮动布局中脱标现象,布局网页更简单、更灵活。原创 2023-05-08 17:31:24 · 570 阅读 · 0 评论 -
CSS盒子模型
使用方法:创建项目 → 输入 项目名称、项目类型 Web → 单击按钮【创建项目】 → 单击按钮【添加】,导入设计稿。默认情况:盒子尺寸 = 内容尺寸 + border 尺寸 + 内边距尺寸。属性值:边框线粗细 线条样式 颜色(不区分顺序)属性值:边框线粗细 线条样式 颜色(不区分顺序)作用:设置 内容 与 盒子边缘 之间的距离。清除标签默认的样式,比如:默认的内外边距。作用:控制溢出元素的内容的显示方式。作用:布局网页,摆放盒子和内容。场景:父子级的标签,子级的添加。原创 2023-05-08 11:45:02 · 182 阅读 · 0 评论 -
CSS进阶
选择器写法:选择器1, 选择器2, …选择器写法:选择器1选择器2 { CSS 属性},选择器之间连写,没有任何符号。例如:a 标签的颜色、标题的字体大小。经验:工作中,一个 a 标签选择器设置超链接的样式, hover状态特殊设置。选择器写法:父选择器 > 子选择器 { CSS 属性},父子选择器之间用。选择器写法:父选择器 子选择器 { CSS 属性},父子选择器之间用。注意:如果交集选择器中有标签选择器,标签选择器必须书写在最前面。作用:布局网页的时候,根据标签的显示模式选择合适的标签摆放内容。原创 2023-05-06 11:08:49 · 457 阅读 · 0 评论 -
CSS基础
不要用纯数字或中文,尽量用英文命名一个类选择器。原创 2023-05-06 10:15:50 · 438 阅读 · 0 评论 -
文本、图像、音频、视频标签属性的简单介绍
作用:为文本添加特殊格式,以突出重点。常见的文本格式:加粗、倾斜、下划线、删除线等。拓展:书写 HTML5 属性时,如果属性名和属性值相同,可以简写为一个单词。提示:strong、em、ins、del 标签自带强调含义(语义)。原创 2023-05-05 16:46:09 · 128 阅读 · 0 评论