自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 vue3.0 中的 pinia 状态管理

Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。

2023-12-04 14:18:19 1888

原创 前端部署-了解服务器

前端部署

2023-11-27 17:35:15 1585

原创 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

react

2023-05-23 11:26:05 89 1

原创 vuex 状态管理 (下)

vuex 下半部分

2023-02-16 11:17:13 88 1

原创 vuex 状态管理(上)

带着你一点点看透vuex

2023-02-16 10:40:41 87

原创 koa-body 本地图片上传

koa 上传

2023-02-16 10:28:46 637

原创 dva or redux-saga

redux-saga

2023-02-16 10:24:31 223

原创 对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关注的人

提示
确定要删除当前文章?
取消 删除