- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 面试题总结
Js的运行机制是单线程的,一次只能做一件事。受控组件指的是受react 状态管理的组件,一般是像input 等的表单组件,给组件绑一个value 和事件,在事件里面把操作的值更新到state上,再反应到表单组件的显示上。非受控组件指的是通过直接操作dom元素来控制表单的值,大多数情况下我们都通过state的状态机制来管理表单的值,很少的业务场景语言直接操作dom 元素。2.受控组件和非受控组件。1.事件循环—done。
2024-03-20 23:15:53
190
原创 正则表达式
/ 【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
114
原创 4.27学习笔记
nextTick: 在下次dom更新循环之后执行延迟回调,在修改数据之后立即使用这个方法,获取更新后的dom。$nextTick:可以保证页面中的结构一定是有的,经常和很多插件一起使用【都需要dom存在了】home模块跳转到search模块的时候,会把产品的相关信息通过参数的方式传递过去。服务器返回的数据只有商品分类的数据,对于这两个组件服务器没有返回数据,需要mock。三级联动用户可以点击的:一级分类,二级分类,三节分类,当你点击的时候。c.mock数据:第一个参数请求地址,第二个参数:请求数据。
2023-04-27 18:10:53
82
原创 Vue学习笔记4.25
后台服务器:http://gmall-h5-api.atguigu.cn。接口统一管理: 所有的接口在一个单独的文件里面管理,方便外面调用。前台项目本地服务器:http://localhost:8080。什么是跨域: 协议,域名,端口号不同的请求,称之为跨域。响应拦截器,当服务器数据返回后,可以处理一些事情。在封装axios的时候加baseURL配置项。跨域解决方式:JSONP, CORS, 代理。请求拦截器,可以在发请求之前处理一些业务;接口当中:路径通常有/api。请求拦截器,响应拦截器,
2023-04-25 11:49:56
136
原创 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
112
原创 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
130
原创 Vue学习笔记4.20
isRef: 检查一个值是否为ref对象isReactive: 检查一个对象是否是由reactive创建的响应式代理isReadonly:检查一个对象是否是由readonly创建的只读代理isProxy: 检查一个对象是否是由reactive或者readonly方法创建的代理。
2023-04-20 18:18:05
105
原创 vue学习笔记4.14
看源码的目的只有2点:1.训练自己的编程的逻辑思维能力2.程序设计能力要达到上面2点需要满足以下2个要素:1.丰富,完整,系统的javaScript体系–知识储备2.有比较强的JS基本功
2023-04-13 18:29:39
135
原创 Vue学习笔记4.13
对象中有一个value属性,如果需要对数据进行操作,需要.value进行操作,一般用来定义一个基本类型的响应式数据html模版中是不需要调用.value操作的const proxy = reactive(obj): 接收一个普通对象,然后返回该普通对象的响应式代理器响应式转换是‘深层的’:会影响对象内部所有嵌套的属性内部基于ES6的Proxy实现,通过代理对象操作源对象内部数据都是响应式的。
2023-04-13 16:24:30
299
原创 Vue学习笔记4.10
props:用于父子组件通信自定义事件:@on, @emit 可以实现子给父通信全局事件总线: @bus 全能pubsub-js: vue当中几乎不用 全能插槽vuex。
2023-04-10 17:19:33
85
原创 Angular初探
ng-app: 写在body上表明angular接管的根作用域, 并且会自动创建rootScope根作用域对象ng−model当前输入框的值与谁关联(属性名:属性值),并作为当前作用域对象rootScope的属性{{}}(表达式):显示数据,从作用域对象的指定属性名上取。
2023-04-07 18:35:19
55
原创 Vue学习笔记4.7
过渡动画:前提组件—》1.元素必须要有v-if/v-show指令才能进行过渡动画2.有上面指令的标签元素用transation标签包裹3.过渡动画的样式//过渡动画开始状态(进入)height:0,//过渡动画结束状态//定义动画时间,速率。
2023-04-07 14:15:30
135
原创 Vue学习笔记4.6
防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行一次。切记,并不是所有的项目都需要vuex,如果项目比较大,组件很多,数据很多,数据维护很费劲,这就需要vuex。节流:在规定的时间间隔范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发。正常:事件触发非常频繁,而且每一次的出发,回调函数都要去执行,那么很可能出现浏览器卡顿。进度条的颜色可以修改,需要修改nprogress.css文件里面的样式。
2023-04-06 16:55:12
93
原创 vue学习笔记
指令: v-if/v-showFooter组件: 在Hoom, Search显示Footer组件Footer组件:在登录,注册时隐藏。
2023-04-04 16:45:02
56
原创 typescript语法解析
/ 基础类型// 数组类型//元祖 可以理解成特殊的数组 特殊在长度固定 内容固定// 枚举, 可以通过属性访问到值,也可以通过值访问到属性,属性和值可以互相访问,当不指定值时,值是数字,从0开始向上递增UP,DOWN,LEFT,RIGHTUP='UP',// 范性, 范性是一种定义的时候不确定的类型,但在使用的时候才能确定的类型return x;
2023-03-31 11:54:40
95
原创 Vuex入门使用
vuex3.x创建store的方式是通过创建Vuex的实例并且调用Store的方式vuex4.x创建store是直接从vuex里面解构出createStore使用。
2023-03-30 10:53:38
123
原创 基于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
138
原创 使用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
183
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人