2024年7月20日
Git工作流
摘要： git是一个版本管理工具，用户多人协作 常见工作流 1、集中式工作流 在master分支上维护代码 场景：个人项目 2、功能分支流 master + feature 场景：小团队 3、GitFlow 场景：大型团队 在此工作流中主要包含了如下几种分支： master：主分支，该分支每次进行合并都会打 阅读全文
posted @ 2024-07-20 14:16 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
前端异步解决方案
摘要： 四种异步解决方案 1、回调函数 回调简单地理解为一个函数作为参数传递给另一个函数，回调是早期最常用的异步解决方案之一 缺点：代码不优雅，可读性差，不易维护，耦合度高，层层嵌套造成回调地狱 2、Promise（es6） Promise是一种异步编程的解决方案。简单来说，Promise 就是对异步的执行 阅读全文
posted @ 2024-07-20 11:15 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
前端模块化
摘要： 前端模块化 将逻辑代码拆分成独立的块，各自封装，互相独立 前端模块化的目的：使代码更易于维护，测试和重构。提升代码的可复用性和开发效率 目前流行的js模块化规范：CommonJS，AMD，CMD，ES6模块化 ES6是静态加载，其他都是动态加载 1、CommonJS CommonJS用同步的方式加载 阅读全文
posted @ 2024-07-20 11:04 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
2024年7月18日
iphoneX适配
摘要： iphoneX变化：顶部刘海，底部横条，页面圆角 1、配置meta <meta name="viewport" content="viewport-fit=cover"> 2、预留安全距离 constant和env顺序不能变，且必须同时存在 //为导航栏+状态栏的高度 88px padding-to 阅读全文
posted @ 2024-07-18 12:41 alisa.huang 阅读(2) 评论(0) 推荐(0) 编辑
flexbox布局使用场景
摘要： flexbox又称弹性布局，目标是提供一个更有效的布局，对齐方式 主要思想：父元素能够调整子元素的宽度，高度，排列方式，从而更好的适用布局空间 1、水平垂直居中对齐 justify-content 主轴对齐方式 flex-start（默认值）：左对齐 flex-end：右对齐 center： 居中 阅读全文
posted @ 2024-07-18 12:09 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
不同尺寸展示不同列
摘要： // html <div className="test-container"> <div className='main-container'> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div 阅读全文
posted @ 2024-07-18 11:59 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
2024年7月17日
移动端适配方案
摘要： 移动端适配方案 1、媒体查询 通过媒体查询的方式，编写适应不同分辨率设备的的css样式 @media screen and (max-width: 320px){ ....适配iphone4的css样式 } @media screen and (max-width: 375px){ ....适配ip 阅读全文
posted @ 2024-07-17 15:10 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
1px问题
摘要： 1、伪类 + transform 基于media查询判断不同的设备像素比对线条进行缩放。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加上border-radius即可。 .border_1px:before{ content: ''; position: absolute; top: 阅读全文
posted @ 2024-07-17 14:32 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
移动端适配的基础概念
摘要： 一、英寸 一般用英寸描述屏幕的物理大小。如苹果SE 4英寸，苹果XS 6.5英寸，电脑显示器的22英寸 上面的尺寸都是屏幕对角线长度。英寸和厘米的换算：1英寸 = 2.54 厘米 二、分辨率 2.1 像素 像素即一个方块，具有特定的位置和颜色。像素可以作为图片和电子屏幕最小组成单元 通常我们所说的分 阅读全文
posted @ 2024-07-17 14:27 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
2024年7月16日
web直播
摘要： 步骤一：开通腾讯云直播服务 步骤二：获取推流URL 想要简单获取一个推流URL，可以参考文档：快速获得地址 想要了解推流地址和直播间ID的关系，可以参考文档：后台自动拼装 想要了解如果保护自己的推流地址不被盗用，可以参考文档：防盗链签名 步骤三：获取播放URL 步骤四：配置推流端 测试时使用Obs 阅读全文
posted @ 2024-07-16 17:10 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑