- 博客(23)
- 收藏
- 关注
RSS订阅转载 震惊————前端基建这么好使 老板感动落泪
1. 在store/index.ts中引入tsx复制代码/** 1. 引入createStore.ts *//** 2. 定义各个状态 */// user// other/** 3. 组合所有状态 */}))/** 向外暴露useModel, StoreProvider, getModel, connectModel */2. 在顶层通过StoreProvider注入状态tsx复制代码// 1. 引入StoreProvider// 2. 使用StoreProvider包裹App组件。
2023-07-19 19:21:19
87
原创 promise。。。。。
Promise 是异步编程的一种解决方案，解决回调地狱，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。
2023-07-14 14:19:56
88
原创 两百行代码实现简易版本的vue框架
数组获取组件抛出的所有事件名称，然后遍历该数组，判断 app 应用是否监听了该事件，如果从 app 应用的。方法中，我们首先获取配置对象中的组件声明，然后遍历所有的组件，根据组件名称获取组件对象，创建该对象的。注意：与之前相比我们会保存该对象到实例上，并优先从实例中获取已经创建好的对象。方法中，我们将配置对象中的方法绑定到 Vue 实例上，以便在实例中可以直接访问和调用这些方法。方法中，我们首先获取配置对象中的模板字符串，并使用正则表达式匹配。指令，将元素的值设置为对应的数据属性值，并添加。
2023-06-26 15:01:24
187
1
原创 js简单面试题
✅ 官方说法：闭包就是指有权访问另一个函数作用域中的变量的函数。✅ MDN说法：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。深度回答。
2023-06-25 13:51:30
128
原创 vuex全局状态管理工具（适用vue2）
组件间通信有许多方法，可参考《Vue组件间传值》，但是当组件越来越多，组件相关性不大时，通信就比较复杂而且乱。vuex就是组件间的通信共享仓库。Vuex 是 vue 项目中实现大范围数据共享的技术方案。简单理解：把需要多个组件共享的变量全部存储在一个对象里面，然后将这个对象放在顶层的 Vue 实例中，让其他组件可以使用，共享这个对象中的所有变量属性，并且是响应式的。在说集中式管理模式之前，我们可以先来想想常见的处理方式是怎样的，即每个组件维护自身的数据和状态，自给自足，分而治之；
2023-06-14 10:10:48
530
原创 第六单元 vue路由
同理，用户权限的认证也可以这么做。因为vue首次加载的时候把页面暂时不需要展示的组件也一次加载了，当打包构建应用时，Javascript 包会变得非常大，影响页面加载，如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。你经常会在手机上有这样的体验，比如你在商品列表页，找了半天找到一个商品，然后进入了商品详情页面，结果发现不是，当你在返回商品列表页面的时候，还是原来你滚动的位置，这样的业务场景其实就是用到了，keep-alive。
2023-06-14 10:10:19
161
原创 。。。 脚手架
什么是脚手架通过下面这个图，我们来分析一下，什么是脚手架。目前我们vue最常用的两个脚手架，一个是VueCLI，另外一个就是create-vue。VueCLIVue CLIVue2 时期官方的一款脚手架工具。不再推荐。虽然不推荐了，但是还是可以使用它来创建 Vue2、Vue3 的项目。内部使用的构建工具是 Webpack。圣诞大餐create-vue快速上手 | Vue.jsVue3 出来之后，官方推荐的。内部使用的构建工具是 Vite。它是基于，提供给专门创建 Vue 项目的。
2023-06-14 09:56:38
54
原创 第三部分：组件基础
想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。如果一个 prop 的名字很长，应使用 camelCase 形式，因为它们是合法的 JavaScript 标识符，可以直接在模板的表达式中使用，也可以避免在作为属性 key 名时必须加上引号。组件有 分治 的特点，每个组件之间具有一定的独立性，以防止数据混乱，但是在实际工作中使用组件的时候有互相之间传递数据的需求，此时就得考虑如何进行 组件间传值 的问题了。有没有更简单的方式呢？
2023-05-30 08:36:19
76
原创 vue基本知识：methods，computed，watch，生命周期
如上述做法，在methods里定义的函数showInfo2(),如果用箭头函数的写法，this指向的将会是windows,并且windows根本访问不到data,属性中返回的数据undefined，所以不可在methods选项中使用箭头函数。list: ['百度', '百度翻译', '百度地图', '百度网盘', '百度新闻', '新浪', '新闻', '新加坡']的，计算属性的值一直存于缓存中，只要它依赖的data数据不改变，每次访问计算属性，都会立刻返回缓存的结果，而不是再次执行函数。
2023-05-08 10:57:27
1412
原创 vue的基础知识（一）
什么是框架？为什么有框架？通过下面两个图的对比我相信，你能很快明白。通过上图的对比，我们可以发现，明显图一的生产力满足不了，我们发展的需要了，也就是说随着互联网的发展，前端要处理的业务逻辑，不在是单一的数据展示那么简单了。他的交互体验感越来越高，组件化，高内聚，低耦合，等名字不断的进入我们的视线。前端框架就营运而生了。框架发展历史2009年，Angular诞生，Google开发的，国内用的非常非常少；2012年，React诞生，Facebook开发的，国内20%市场份额；
2023-05-05 17:47:33
167
原创 【无标题】第八章 JS内置对象
abc”.charAt(0) //结果:a “abc”.charAt(1) //结果:b。如果只提供一个数据,将会当做 距离1970年 1月1号 0点0分0秒的毫秒数处理。“abc”[0] 结果:a “abc”[1] 结果:b。Math.random():产生0~1 之间的随机小数。根据提供的年、月、日、小时、分、秒来构造日期对象。:当前日期距离1970年1月1号 间隔的毫秒数。格式:字符串.substring(m,n)存放跟字符串函数和数据 相关的对象。作用:从字符串的第m个下标开始，截取n个。
2023-05-04 15:39:32
36
原创 第六部分 对象及数组
从数组的第m个下标开始,删除n个数据，然后再插入num1,num2...如果函数返回a-b,按数字升序排序，如果返回b-a,按数字降序排序。(2). 事先知道装的数据 [数据1,数据2...]来处理。数组.splice(m,n,num1,num2...)数组变量一旦保存了数组,会给数组的每个空间取名字。(2). 不重复的数据 for循环+循环变量i。:对两个数组进行合并操作，并返回合并后的新数组。数据 可以是普通数据，也可以是对象或函数。如果该数据在数组中不存在，结果为-1。B. 数组.sort(函数);
2023-04-26 09:03:16
32
原创 第五部分函数
会先在当前作用域中进行查找，如果找到，就直接使用，如果找不到，机会到当前作用域外面再进行查找，直到找到为止；在JS中,当使用某个变量时,会先在当前作用域(函数)中进行查找,如果找不到,就会到当前作用域的外面进行查找,直到找到为止。在函数调用完,用户需要得到函数中的数据,就可以通过函数中的return指令进行设置函数执行完的结果。函数是一个表达式,它的值由return后的数据决定,如果没有return，默认为undefined。如果当前作用域 没有定义变量,将会在当前作用域外面进行查找，如果找到了，就把。
2023-04-22 21:34:05
33
原创 第四部分 循环
先判断 while中的条件是否成立,如果成立,就执行一次while中的语句;然后再查看条件是否成立,如果成立,继续执行while中的语句,否则退出循环。先执行准备工作,然后执行条件判断,如果条件成立,就做事,再执行收尾工作;先执行语句,然后判断条件是否成立,如果成立,就执行一次循环,再查看条件是否成立，如果成立,继续循环,否则退出循环。从前有座山，山里有庙,庙里有老和尚给小和尚讲故事。从前有座山，山里有庙,庙里有老和尚给小和尚讲故事。循环中的操作 又包含了一组 重复有规律的小操作。while(条件){
2023-04-18 15:39:34
52
原创 js的小结（第一部分关于javascript）
一般优秀的代码，注释和代码的比例为 1:1。在JS中所有的外界条件都称为事件。对代码进行 解释说明,增强可读性。
2023-04-17 11:55:20
32
原创 【无标题】
2.css基础1.css叫cascading style sheet。层叠样式表基本语法（以外部样式css为例）标签（选择符）｛属性名称：属性值；属性名称：属性值；｝2.基本选择器2.1后代选择器：（包含）表示标签2下所有后代（包括孙子）标签1 标签2｛属性名称：属性值；属性名称：属性值；｝2.2子代选择器 表示标签1下的所有子代 （只包含儿子）标签1 >标签2｛属性名称：属性值；属性名称：属性值；｝2.3 表示同级别的标签1领
2023-02-03 08:12:53
58
原创 【无标题】
html里常用标签和不常用标签一.常用标签1.h1-h6双标签。自带换行，加粗 字体由h1到h6依次减少2.p标签双标签，段落标签。自带换行 有间距 不加粗3.i和em 标签双标签，都是倾斜标签。自带倾斜效果。无加粗 无换行4.b和strong双标签，都实现加粗效果 无换行5.a href超连接 实现页面与页面之间跳转效果无换行 字体颜色变蓝并且有下划线 能跳转5.1a href的几个属性5.1.1method 传送数据的方法 有post和
2023-02-02 08:15:29
27
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人