2024年10月8日
React学习起始
摘要： 一、准备工作 react是一个用于构建用户界面的 JavaScript 库 脚手架安装：npx create-react-app（脚手架名称） react-basic（包名） 等同于maven构建项目的性质 启动项目：yarn start or npm start 注：全局安装缺点：太久没初始化项目 阅读全文
posted @ 2024-10-08 17:17 Anne起飞记 阅读(23) 评论(0) 推荐(0)
swiper插件
摘要： 1.通过DOM拿到标签对象--更改标签属性 阅读全文
posted @ 2024-10-08 17:16 Anne起飞记 阅读(17) 评论(0) 推荐(0)
html5/css3新增属性
摘要： 视频 2.音频 3.input表单 使用以下属性，前提 涉及到校验的，需要放在form表单里，最后submit提交就可以验证了。 阅读全文
posted @ 2024-10-08 16:36 Anne起飞记 阅读(19) 评论(0) 推荐(0)
路由导航
摘要： 1.两种路由导航写法（设置路径映射） 底下加《Outlet/》实现组件跳转显示 <Link to=“/article”> xxx</Link>: >管理系统左侧菜单栏 >传参通过字符串拼接 onClick={()=>navigate('/article')}: >点击页面跳转 第二种需要配置rout 阅读全文
posted @ 2024-10-08 16:35 Anne起飞记 阅读(18) 评论(0) 推荐(0)
2024年8月30日
js基础学习
摘要： 1.js是动态语言，变量类型是可变的。 var x = 10; var x = 'pink'; 2.八进制（0开头）、十六进制（0x开头） 3.字符串 多个嵌套时，外双内单/外单内双 。 模版字符串：为了简化字符串拼接。`我今年${age}了` 转义字符： 4.typeof 变量 可以检测类型 控制 阅读全文
posted @ 2024-08-30 18:24 Anne起飞记 阅读(20) 评论(0) 推荐(0)
2024年8月19日
CSS3第三天（盒子模型+浮动）
摘要： 盒子模型 1.内边距padding 指定了高宽，再指定内边距，则会撑开盒子。 盒子未指定高宽（继承算未指定），则不会撑开盒子。 2.外边距margin 用于控制盒子之间的距离。同padding的简写方式。 margin-left左外边距 right top bottom 块级盒子水平居中，需满足两个 阅读全文
posted @ 2024-08-19 13:06 Anne起飞记 阅读(28) 评论(0) 推荐(0)
定位
摘要： 浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 平铺 定位可以让盒子自由的在某个盒子内移动或者固定屏幕中某个位子，并且可以压住其他盒子。 叠积 定位：定位模式（position属性）+偏移量 position属性：static、relative、absolute、fixed to 阅读全文
posted @ 2024-08-19 13:06 Anne起飞记 阅读(17) 评论(0) 推荐(0)
前端插件
摘要： Auto Rename Tag 标签重命名 Chinese(Simplified(简体中文) 汉化 Live Server 保存之后，浏览器自动刷新 One Dark Pro 颜色主题 vscode-icons 显示文件图标 Error Lens 代码实时提示错误哦！ 阅读全文
posted @ 2024-08-19 12:59 Anne起飞记 阅读(19) 评论(2) 推荐(0)
实战练习：html+css
摘要： 1.网站favicon图标 ①制作favicon图标 ②https://www.bitbug.net/ 制作.ico类型图标，放根目录 ③用到的页面进行引入<link rel="shortcut icon" href="favicon.ico" /> 超出部分隐藏、一行显示、省略号结尾 四个li，前 阅读全文
posted @ 2024-08-19 10:01 Anne起飞记 阅读(92) 评论(0) 推荐(0)
2024年8月7日
CSS3第二天（元素显示模式、图片背景设置）
摘要： 1.元素显示模式 ①块元素 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等 特点： 1.独占一行 2.高、宽、外边距、内边距可控制 3.宽度默认是父级容器宽度的100% 4.里面放行内或块级元素 注意：文字类元素内不能使用块级元素 <p>、<h1>~<h6> ②行内元素 <a 阅读全文
posted @ 2024-08-07 17:10 Anne起飞记 阅读(20) 评论(0) 推荐(0)