- 博客(14)
- 收藏
- 关注
原创 什么是BFC
BFC其实可以看做成页面中的一块渲染区域,他有着自己的渲染规则,BFC可以认为就是一个属性,拥有了这个属性那么这块区域就是与外界隔离了的独立区域,容器里面的元素不会在布局上影响到外界的元素。那么我们给父元素设置一个overflow: hidden,出发父元素的BFC,那么父容器将会包裹着子容器,从而达到了清除浮动的作用。我们发现父盒子的高度塌陷了,因为我们让子元素设置了浮动,让其脱离了文档流,所以就只是剩下了2px的边框高度。我们发现两个浮动的元素覆盖了当前context这个元素。将子盒子设置浮动效果。
2024-03-11 18:04:07 348
原创 vue2.0实现双向数据绑定原理
需要对obj对象进行克隆,而在监听函数中的赋值取值操作均操作的是克隆后的对象newObj(避免死循环),因为如果操作原对象obj,这样在get方法中会读取name属性,而只要涉及到读取name属性就会被defineProperty函数监听,这样就造成了死循环。这个词的原理为代理,在这里可以表示由它来“代理”某些操作,译为“代理器”。3.0中使用了ES6中的新语法,用到了Proxy去实现监听,这样省去了克隆对象的步骤,同时不管有多少个属性只需要定义一次Proxy就可以实现多对象的监听,不同分别定义。
2024-03-11 17:50:09 374
原创 taro 开发
OR 安装了 cnpm,使用 cnpm 安装 CLI。启动完成后 我们需要在小程序内部导入我们的项目。# OR 使用 yarn 安装 CLI。# 使用 npm 安装 CLI。在安装过程中 出现sass错误。# watch 同时开启压缩。taro init 项目名。# npx 用户也可以使用。taro -v 查看版本。
2023-10-12 17:52:46 53
原创 BFC (Block formatting context)块级格式化上下文
BFC其实可以看做成页面中的一块渲染区域,他有着自己的渲染规则,BFC可以认为就是一个属性,拥有了这个属性那么这块区域就是与外界隔离了的独立区域,容器里面的元素不会在布局上影响到外界的元素。那么我们给父元素设置一个overflow: hidden,出发父元素的BFC,那么父容器将会包裹着子容器,从而达到了清除浮动的作用。我们发现父盒子的高度塌陷了,因为我们让子元素设置了浮动,让其脱离了文档流,所以就只是剩下了2px的边框高度。我们发现两个浮动的元素覆盖了当前context这个元素。将子盒子设置浮动效果。
2023-10-12 17:48:16 45
原创 对redux内的reducer进行开分-合并
文章目录拆分reducer合并reducer管理actionType拆分reducer基本思想根据独立的模块拆分出单独的reducer并且抛出在store内的文件中引入合并reducer上面是我们封装的combineReducer,其实redux给我们提供了一个combineReducers的方法,功能跟我们封装的一样那我们正真的合并是先引入combineReducers在调用combineReducers这个方法还可以将action内的type 拆封终极目的:可阅读,可维
2021-11-20 09:21:26 1277 1
原创 redux初学者
文章目录什么是redux什么要使用ReduxReduxRedux和组件结合方案一方案二方案三使用场景什么是reduxRedux 是 JavaScript 状态容器,提供可预测化的状态管理,全局的状态管理,它可以帮助你以简单易用的方式构建复杂项目并进行维护(简单理解不啰嗦)什么要使用Redux使用Redux的主要优势之一是它可以帮你处理应用的共享状态。如果两个组件需要访问同一状态,该怎么办?这种两个组件同时需要访问同一状态的现象称为“共享状态”。你可以将该状态提升到附近的父组件,但是如果该父组件在组
2021-11-20 08:57:27 234 1
原创 小学生都在学的TypeScript(第一章)
TypeScript什么是超集尼?TypeScript 的特性静态类型的深度理解基本类型和对象类型类型注解和类型推断函数相关的类型基本语法数组和元组Interface 接口类的定义与继承类中的访问类型和构造器静态属性,setter和getter抽象类TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript不会被浏览器直接运行,需要编译为JavaScript后才可以什么是超集尼?那么我们可以把es6比作成es5的超集,因为es6兼容了es5所有的语法的情况下,还提出了
2021-11-19 10:40:35 490 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人