自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (1)
  • 收藏
  • 关注

原创 面试题总结

Js的运行机制是单线程的,一次只能做一件事。受控组件指的是受react 状态管理的组件,一般是像input 等的表单组件,给组件绑一个value 和事件,在事件里面把操作的值更新到state上,再反应到表单组件的显示上。非受控组件指的是通过直接操作dom元素来控制表单的值,大多数情况下我们都通过state的状态机制来管理表单的值,很少的业务场景语言直接操作dom 元素。2.受控组件和非受控组件。1.事件循环—done。

2024-03-20 23:15:53 159

原创 正则表达式

/ 【a-z】指定a-z这个范围中的任意字符【a-z0-9A-Z_】=== \w。//=》字面量创建方式(两个斜杠包起来的,都是用来描述规则的元字符)//=> 构造函数模式创建, 两个参数: 元字符字符串,修饰符字符串。// /zhufeng/ 正则匹配的就是“zhufeng”// \s 一个空白字符(包含空格,制表符,换页符等)// \w 数字、字母、下划线中的任意一个字符。// 【xyz】x或者y或者z中的一个字符。// . 除\n(换行符)以外的任意字符。// [^a-z] 上一个的取反‘非’

2023-05-15 18:43:18 62

原创 4.28学习笔记

emit。

2023-04-28 12:17:43 74

原创 4.27学习笔记

nextTick: 在下次dom更新循环之后执行延迟回调,在修改数据之后立即使用这个方法,获取更新后的dom。$nextTick:可以保证页面中的结构一定是有的,经常和很多插件一起使用【都需要dom存在了】home模块跳转到search模块的时候,会把产品的相关信息通过参数的方式传递过去。服务器返回的数据只有商品分类的数据,对于这两个组件服务器没有返回数据,需要mock。三级联动用户可以点击的:一级分类,二级分类,三节分类,当你点击的时候。c.mock数据:第一个参数请求地址,第二个参数:请求数据。

2023-04-27 18:10:53 57

原创 Vue学习笔记4.25

后台服务器:http://gmall-h5-api.atguigu.cn。接口统一管理: 所有的接口在一个单独的文件里面管理,方便外面调用。前台项目本地服务器:http://localhost:8080。什么是跨域: 协议,域名,端口号不同的请求,称之为跨域。响应拦截器,当服务器数据返回后,可以处理一些事情。在封装axios的时候加baseURL配置项。跨域解决方式:JSONP, CORS, 代理。请求拦截器,可以在发请求之前处理一些业务;接口当中:路径通常有/api。请求拦截器,响应拦截器,

2023-04-25 11:49:56 65

原创 Vue学习笔记4.24

1.2:点击搜索按钮的时候,用户输入进来的关键字,点击按钮的时候会通过params参数传递给search模块-----(params)1.1:开发的三级联动业务,当你点击a标签的时候,会进行路由的跳转,将产品的名字与id传递给search模块----(query)为什么需要合并参数(query|params):因为这些参数,对于search是有用的,因为search通过这些参数。向服务器发请求,需要把这些参数携带给服务器,服务器就会返回相应的用户的搜索的数据,search就可以进行展示。

2023-04-24 18:28:52 81

原创 Vue学习笔记4.21

vue3中使用了Proxy配合Reflect代替了Vue2中的Object.defineProperty()方法实现数据的响应式(数据代理)vue3中设计了一套强大的组合api代替了vue2中的option API, 复用性更强了,更好的支持TS。新的组件:Fragment(片段)/ Teleport(瞬移) / Suspense(不确定的显示)vue3支持大多数的vue2的特性。设计了新的脚手架工具,Vite。重写了虚拟dom,速度更快了。

2023-04-21 11:43:47 77

原创 Vue学习笔记4.20

isRef: 检查一个值是否为ref对象isReactive: 检查一个对象是否是由reactive创建的响应式代理isReadonly:检查一个对象是否是由readonly创建的只读代理isProxy: 检查一个对象是否是由reactive或者readonly方法创建的代理。

2023-04-20 18:18:05 55

原创 vue学习笔记4.14

看源码的目的只有2点:1.训练自己的编程的逻辑思维能力2.程序设计能力要达到上面2点需要满足以下2个要素:1.丰富,完整,系统的javaScript体系–知识储备2.有比较强的JS基本功

2023-04-13 18:29:39 86

原创 Vue学习笔记4.13

对象中有一个value属性,如果需要对数据进行操作,需要.value进行操作,一般用来定义一个基本类型的响应式数据html模版中是不需要调用.value操作的const proxy = reactive(obj): 接收一个普通对象,然后返回该普通对象的响应式代理器响应式转换是‘深层的’:会影响对象内部所有嵌套的属性内部基于ES6的Proxy实现,通过代理对象操作源对象内部数据都是响应式的。

2023-04-13 16:24:30 170

原创 Vue学习笔记4.11

TS提供了静态代码分析,能够在编译期发现代码写的不规范的地方。

2023-04-11 16:54:01 199

原创 Vue学习笔记4.10

props:用于父子组件通信自定义事件:@on, @emit 可以实现子给父通信全局事件总线: @bus 全能pubsub-js: vue当中几乎不用 全能插槽vuex。

2023-04-10 17:19:33 51

原创 Angular初探

ng-app: 写在body上表明angular接管的根作用域, 并且会自动创建rootScope根作用域对象ng−model当前输入框的值与谁关联(属性名:属性值),并作为当前作用域对象rootScope的属性{{}}(表达式):显示数据,从作用域对象的指定属性名上取。

2023-04-07 18:35:19 28

原创 Vue学习笔记4.7

过渡动画:前提组件—》1.元素必须要有v-if/v-show指令才能进行过渡动画2.有上面指令的标签元素用transation标签包裹3.过渡动画的样式//过渡动画开始状态(进入)height:0,//过渡动画结束状态//定义动画时间,速率。

2023-04-07 14:15:30 87

原创 Vue学习笔记4.6

防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行一次。切记,并不是所有的项目都需要vuex,如果项目比较大,组件很多,数据很多,数据维护很费劲,这就需要vuex。节流:在规定的时间间隔范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发。正常:事件触发非常频繁,而且每一次的出发,回调函数都要去执行,那么很可能出现浏览器卡顿。进度条的颜色可以修改,需要修改nprogress.css文件里面的样式。

2023-04-06 16:55:12 61

原创 vue学习笔记

指令: v-if/v-showFooter组件: 在Hoom, Search显示Footer组件Footer组件:在登录,注册时隐藏。

2023-04-04 16:45:02 35

原创 vue3 vs vue2语法

vue2和vue3语法对比

2023-03-31 17:11:28 137

原创 typescript语法解析

/ 基础类型// 数组类型//元祖 可以理解成特殊的数组 特殊在长度固定 内容固定// 枚举, 可以通过属性访问到值,也可以通过值访问到属性,属性和值可以互相访问,当不指定值时,值是数字,从0开始向上递增UP,DOWN,LEFT,RIGHTUP='UP',// 范性, 范性是一种定义的时候不确定的类型,但在使用的时候才能确定的类型return x;

2023-03-31 11:54:40 59

原创 vue router核心知识点

vue router使用步骤解析

2023-03-30 11:24:49 87 1

原创 Vuex入门使用

vuex3.x创建store的方式是通过创建Vuex的实例并且调用Store的方式vuex4.x创建store是直接从vuex里面解构出createStore使用。

2023-03-30 10:53:38 49

原创 基于git管理项目,并上传至码云

在码云上新建一个仓库1.填写项目相关的一些信息2.创建好后,跳转到新的页面,克隆项目地址在本地新建一个文件夹1.使用命令进入文件夹地址2.git clone 项目地址3.自行配置.gitignore文件忽略不想上传的代码4.git add . 把项目中所有发生变化的文件添加到缓存区5.git commit -m ‘本次提交的注释’6.git push 将项目推送到码云...

2019-11-09 00:12:13 99

原创 使用Webpack手动构建一个简单的React项目

使用Webpack手动构建一个简单的React项目新建一个文件夹运行 npm init 命令生成一个package.json文件在package.json里面配置如下项目入口文件// 配置入口文件"main": "index.js",建议先安装 npm install cnpm -g --registry=https://r.npm.taobao.org, 然后使用cnpm安装我...

2019-09-21 01:14:40 147

package.json

使用Webpack手动的创建一个简单的react项目,已基于该脚手架做一些测试和开发。

2019-09-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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