- 博客(115)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序拉取代码到运行过程（mac）
这里的AppID就是project.config.json文件中的appid。把这个文件夹放入miniprogram，然后就成功运行出来了。构建完成后会多一个文件夹miniprogram_npm。此时项目中已经有node_modeles了。project.config.json文件。导入刚刚克隆的项目，AppID会自动填入。3.打开微信开发者工具，导入项目。window也可以参考。2.进入项目，安装依赖。
2023-10-07 16:46:56
575
原创 vue3+vite在main.ts文件中引入./App.vue报错（./App.vue不是模块）
下载TypeScript Vue Plugin (Volar)插件就不报红了，看它的描述应该就是ts文件可以识别vue文件。
2023-08-12 18:11:57
793
1
原创 React Router 6
React Router 以三个不同的包发布到 npm 上，它们分别为：react-router: 路由的核心库，提供了很多的：组件、钩子。包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如等。等。与React Router 5.x 版本相比，改变了什么？内置组件的变化：移除，新增等。变为等。useParamsuseMatch等。官方明确推荐函数式组件了！！！......
2023-08-12 02:48:05
978
原创 警告[vue-router] Duplicate named routes definition解决方法
导航全局前置守卫中：发现是addRoute()导致的，所以在添加路由之前要重置路由。出现警告：退出登录再登录后 控制台路由命命名重复警告问题。重置之后，黄色警告就没有了。
2023-04-09 23:56:38
2054
原创 Vue I18n(Vue国际化)
点击下拉菜单中的中文，就会切换到中文。点击英文就会切换到英文。vue2项目不能用最新版的，可以用8版本。之后可以结合Element-ui国际化。
2023-04-08 22:13:07
119
原创 [babel-plugin-component] If you are using bothon-demand and importing all, make sure to invoke the i
用vscode写vue2项目，用了element-ui国际化。
2023-04-08 22:04:17
446
4
原创 webpack初识
webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。devServer：开发服务器，用来自动化（自动编译，自动打开浏览器，自动刷新浏览器）特点：只会在内存中编译打包，不会有任何输出（不会在项目中新建一个文件夹）我的下载版本：[email protected]。
2023-03-28 11:53:00
125
原创 webpack4 报错 Could not find plugin “proposal-class-static-block“. Ensure there is an entry in ./avail
上网查了查，发现可以通过修改node_modules/@babel/preset-env/lib/available-plugins.js文件，但是很难找。使用babel-loader做js兼容性处理时，我安装完babel-loader后还需要安装@babel/core 和@babel/preset-env。实际上这个问题，依然是包的版本问题。
2023-03-27 23:10:29
168
原创 Vue学习105~116（Vuex）
在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。//借助mapMutations生成对应的方法，方法中会调用commit去联系mutations(对象写法)//借助mapActions生成对应的方法，方法中会调用dispatch去联系actions(对象写法)//借助mapGetters生成计算属性，从getters中读取数据。开启命名空间后，组件中调用commit。
2023-03-21 15:07:14
254
原创 antd按需引入报错：Cannot find module ‘/Users/vadorequest/dev/student-loan-simulator/config-overrides‘
最后npm start成功启动。
2023-03-20 09:33:36
122
原创 React路由
路由链接(携带参数)：详情。 借助this.prosp.history对象上的API对操作路由跳转、前进、后退this.prosp.history.push()name=tom&age=18’}>详情。 路由链接(携带参数)：详情。
2023-03-20 00:46:26
174
原创 React ajax
fetch: 原生函数，不再使用XmlHttpRequest对象提交ajax请求。下载: npm install pubsub-js --save。React本身只关注于界面, 并不包含发送ajax请求的代码。前端应用需要通过ajax请求与后台进行交互(json数据)（1）jQuery: 比较重, 如果需要另外引入不建议使用。react应用中需要集成第三方ajax库(或自己封装)在package.json中追加如下配置。（2）axios: 轻量级, 建议使用。老版本浏览器可能不支持。常用的ajax请求库。
2023-03-20 00:42:28
74
原创 react应用
切换到想创项目的目录，使用命令：create-react-app hello-react。react提供了一个用于创建react项目的脚手架库: create-react-app。，全局安装：npm i -g create-react-app。使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。，进入项目文件夹：cd hello-react。实现静态组件: 使用组件实现静态页面效果。（2）交互(从绑定事件监听开始)拆分组件: 拆分界面,抽取组件。（1）动态显示初始化数据。
2023-03-20 00:39:10
65
原创 React面向组件编程（收集表单数据+组件的生命周期+虚拟DOM和与DOM Diffing算法）
需求:定义一个包含表单的组件输入用户名密码后,点击登录提示输入信息用受控组件方式写：5.2 理解包含表单的组件分类受控组件非受控组件高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数 1.若A函数。接收的参数是一个函数，那么A就可以称之为高阶函数 2.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数 常见的高阶函数有：Promise、setTimeout、arr.map()等等函数的柯里化：通过函数调用继续返回函数的方式，实现多次
2023-03-17 19:05:33
494
原创 React面向组件编程（理解与使用+state+props+refs与事件处理）
类式组件注意组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签2 组件实例的三大核心属性1.state2.1 练习需求:定义一个展示天气信息的组件1. 默认展示天气炎热 或 凉爽2. 点击文字切换天气简写形式2.2 理解state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合)组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)组件中render方法中的this为组件实例对象组件自定义的
2023-03-17 18:59:26
721
原创 react入门
（1）若小写首字母。则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。遇到 <开头的代码, 以标签的语法解析: html同名标签转换为html同名元素, 其它标签需要特别解析。（2）若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。遇到以 { 开头的代码，以JS语法解析: 标签中的js表达式必须用{ }包含。babel.min.js：解析JSX语法代码转为JS代码的库。当应用的js都以模块来编写的, 这个应用就是一个模块化的应用。
2023-03-14 23:53:26
60
原创 遇到问题：Error: error:0D0680A8:asn1 encoding routines:asn1_check_tlen:wrong tag
转格式很简单：用阿里给的助手，里面有一个格式转换，可以把私钥格式转换成需要的格式。用支付宝开放平台开发助手生成的私钥是。格式，否则调用会报这个错。
2023-03-08 15:31:25
1352
1
原创 解决问题 $attrs is readonly $listener is readonly
遇到问题：$attrs is readonly $listener is readonly。解决方法：^vue 和 ^vue-template-compiler前面的^去掉，如下图。改完之后，打开终端，依次输入。最后重启即可，报错消失。
2023-03-03 20:25:44
840
原创 TS面向对象
面向对象简而言之就是程序之中所有的操作都需要通过对象来完成。一切操作都要通过对象，也就是所谓的面向对象，那么对象到底是什么呢？这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体，比如：照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象，在程序中我们可以表示一个人、一条狗、一把枪、一颗子弹等等所有的事物。一个事物到了程序中就变成了一个对象。
2023-03-01 19:28:44
359
原创 TypeScript 开发环境搭建+配置
TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；
2023-02-27 23:16:37
378
原创 vue3学习
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-02-22 16:57:13
322
原创 ES学习1~23（ECMAcript相关介绍+ECMASript 6新特性）
ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该组织改名为Ecma国际。ECMAScript是由Ecma国际通过ECMA-262标准化的脚本程序设计语言。Ecma国际制定了许多标准，而ECMA-262只是其中的一个ECMA-262(ECMAScript)历史版本查看网址TC39(Technical Committee 39)是推进ECMAScript发展的委员会
2022-12-30 12:26:05
2224
原创 遇到问题Error: Plugin/Preset files are not allowed to export objects, only functions.解决方案
将babel.config.js中的"es2015"修改为"@babel/preset-env"
2022-12-14 14:51:01
405
原创 vue学习91~104（Vue封装的过度与动画+vue脚手架的配置代理+vue-resource+slot插槽）
ajax 是前端技术，你得有浏览器，才有window对象，才有xhr，才能发ajax请求，服务器之间通信就用传统的http请求就行了。（games数据在Category（子）组件中，但使用数据所遍历出来的结构由App（父）组件决定）作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于。数据在组件的自身（子组件），但根据数据生成的结构需要组件的使用者（父组件）来决定。name 的作用可以让让不同的元素有不同的动画效果。使用第三库的具体案例（随便看看，这个不重要）
2022-12-11 19:36:12
115
原创 vue学习80~90（组件自定义事件+全局事件总线+消息订阅与发布+nextTick）
子组件 ===> 父组件使用场景A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。或具体代码App.vue
2022-12-11 19:35:46
123
原创 vue学习70~79（TodoList案例+webStorage）
组件化编码流程： (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。 (2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： 1).一个组件在用：放在组件自身即可。 2). 一些组件在用：放在他们共同的父组件上（状态提升）。 (3).实现交互：从绑定事件开始。props适用于： (1).父组件 ==> 子组件 通信 (2).子组件 ==> 父组件 通信（要求父先给子一个函数）
2022-12-02 00:49:46
86
原创 vue学习61~69（初始化vue+vue相关知识）
备注：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。从上面的小知识可以知道，我们引入的 vue 不是完整版的，是残缺的（为了减小vue的大小）。本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。两个对象键名冲突时，取组件对象的键值对。报错的意思是，是在使用运行版本的 vue ，没有模板解析器。
2022-12-02 00:42:19
95
原创 vue学习53~60（Vue组件化编程）
使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别；
2022-12-02 00:33:40
175
原创 npm run serve 报error:0308010C:digital envelope routines::unsupported
安装了nodejs的V18，打开之前的项目，npm run serve的时候提示“error:0308010C:digital envelope routines::unsupported”修改package.json ，serve :增加“set NODE_OPTIONS=–openssl-legacy-provider”查了相关资料，发现是版本不兼容的问题，
2022-11-29 18:28:27
610
原创 vscode Vue文件代码显示不高亮问题
把底下这段代码粘贴到 vscode的 setting.json 文件的后面中。之后重新打开就可以了。
2022-11-29 15:29:42
1446
原创 vue学习40~52（内置指令+自定义指令+生命周期）
需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。需求2：定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。一、定义语法：new Vue({指令名 : 配置对象 } }) // 或者 new Vue({指令名 : 回调函数 }) })(2).全局指令：Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)bind：指令与元素成功绑定时调用。
2022-11-29 01:26:48
79
原创 vue学习31~39（列表过滤+列表排序+vue检测data中的数据+收集表单数据+过滤器）
1.15 列表排序1.16 vue 监测data 中的 数据先来个案例引入一下：点击更新马冬梅的信息，马冬梅的数据并没有发生改变。我们来看看控制台：控制台上的数据发生了改变，说明，这个更改的数据并没有被 Vue 监测到。所以我们来研究一下 Vue 监测的原理。我们先研究 Vue 如何监测 对象里的数据模拟一下 vue 中的 数据监测Vue.set 的使用Vue.set(target，propertyName/index，value) 或vm.$set(target，propertyName/i
2022-11-29 01:22:04
521
原创 vue学习29~30（列表渲染）
key的原理vue中的key有什么作用？（key的内部原理）了解vue中key的原理需要一些前置知识。就是vue的虚拟dom，vue会根据 data中的数据生成虚拟dom，如果是第一次生成页面，就将虚拟dom转成真实dom，在页面展示出来。虚拟dom有啥用？每次vm._data 中的数据更改，都会触发生成新的虚拟dom，新的虚拟dom会跟旧的虚拟dom进行比较，如果有相同的，在生成真实dom时，这部分相同的就不需要重新生成，只需要将两者之间不同的dom转换成真实dom，再与原来的真实dom进行拼接。我的理
2022-11-28 11:45:33
303
原创 vue学习19~28（计算属性+监视属性+绑定样式+条件渲染）
1.10 监视属性监视属性watch：深度监视：computed和watch之间的区别：1.11 绑定样式class样式写法：:class=“xxx” xxx可以是字符串、对象、数组。所以分为三种写法，字符串写法，数组写法，对象写法字符串写法字符串写法适用于：类名不确定，要动态获取。数组写法数组写法适用于：要绑定多个样式，个数不确定，名字也不确定。对象写法对象写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。style样式有两种写法，对象写法，数组写法对象写法
2022-11-28 11:19:03
102
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人