2023 年 9月 19 日随笔档案 - guozhengyuan

2023年9月19日

摘要：

1、flex弹性布局设置方式：给父元素设置 display: flex，子元素可以自动挤压或拉伸组成部分：弹性容器弹性盒子主轴：默认在水平方向侧轴 / 交叉轴：默认在垂直方向例如： 2、主轴对齐方式属性名：justify-content 属性值效果 flex-start 默认值，弹阅读全文

posted @ 2023-09-19 21:15 guozhengyuan 阅读(155) 评论(0) 推荐(0) 编辑

8-web前端动画案例

摘要：

1、动画说明目标：使用animation添加动画效果思考：过渡可以实现什么效果？答：实现2个状态间的变化过程动画效果：实现多个状态间的变化过程，动画过程可控（重复播放、最终画面、是否暂停）动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面构成动画的最小单元：：帧或动画帧 2、阅读全文

posted @ 2023-09-19 20:13 guozhengyuan 阅读(196) 评论(0) 推荐(0) 编辑

7-web前端空间转换，3D效果

摘要：

1、认识3D转换近大远小近实远虚物体和面遮挡不可见 2、三维坐标系 x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- 注意：往外边的是正值，往里面的是负值 3、3D转换 3D 转换知识要点 3D 位移阅读全文

posted @ 2023-09-19 19:04 guozhengyuan 阅读(139) 评论(0) 推荐(0) 编辑

6-web前端的特效平面转换transfrom

摘要：

平面转换 transform 作用：为元素添加动态效果，一般与过渡配合使用概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜）平面转换又叫 2D 转换 1、平面转换平移目标：使用translate实现元素位移效果语法 transform: translate(水平移动距离, 垂直移动距离阅读全文

posted @ 2023-09-19 17:49 guozhengyuan 阅读(130) 评论(0) 推荐(0) 编辑

5-web前端定位position

摘要：

1、相对定位 position: relative 特点：不脱标，占用自己原来位置显示模式特点保持不变设置边偏移则相对自己原来位置移动拓展：很少单独使用相对定位，一般是与其他定位方式配合使用参考自身原位置 2、绝对定位 position: absolute 使用场景：子级绝对定位，父级相对阅读全文

posted @ 2023-09-19 16:43 guozhengyuan 阅读(225) 评论(0) 推荐(0) 编辑

4-web前端盒子模型、行内块、浮动问题、无意义标签

摘要：

1、图文对齐（搜索框）图片标签是典型的行内块元素除此之外行内块元素还有表单元素input、button （行内块元素既可以设置宽高又可以和行元素在一行行内块的转换问题 display （block块、inline行、inline-block行内块、none隐藏转换后两个块中间存在空隙问题 2 阅读全文

posted @ 2023-09-19 15:17 guozhengyuan 阅读(69) 评论(0) 推荐(0) 编辑

2-web前端音频、视频、表格、表单

摘要：

1.音频 2.视频视频，音频通用标签： <object src="视频/音频" ></object> <embed src="音频/视频" ></embed> 3.有序无序列表有序列表：ol>li ol内必须是li,li内没限制无序列表：ul>li ul内必须是li,li内没限制 4.表格 t 阅读全文

posted @ 2023-09-19 13:01 guozhengyuan 阅读(257) 评论(0) 推荐(1) 编辑

3-web前端 css 网页样式语言，基础语言、盒子模型、浮动

摘要：

html和css的关系： HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图片、视频等元素，并可以与如JavaScript等其他技术结合使用，实现网页的动态功能。 CSS 阅读全文

posted @ 2023-09-19 11:54 guozhengyuan 阅读(104) 评论(0) 推荐(0) 编辑

1-web前端基础标签、图片、超链接

摘要：

vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件：chinese（中文）、live serve、会了吧（翻译） 2、每个打开的网络页面都有html编码，可以进行编码查询和编码检查 3、vscode的三种创建编码文件阅读全文

posted @ 2023-09-19 11:26 guozhengyuan 阅读(246) 评论(0) 推荐(0) 编辑

9-微信小程序的网站的接口调用(直接调用)

摘要：

微信小程序除了在第三方调用接口，还可以直接从网站调用接口，但是每个网站都有保护措施，所以要寻找那些没有防护的，可以来直接调用的网站。案例：豆瓣电影的接口调用 1.百度豆瓣电源，找寻需要调用的页面 2.右键检查，或F12 3.回车，再次发起请求，查看网站接口微信小程序作为新兴的技术，可能无法从网站阅读全文

posted @ 2023-09-19 11:13 guozhengyuan 阅读(123) 评论(0) 推荐(0) 编辑

GZYblog

公告