- 博客(35)
- 收藏
- 关注
RSS订阅原创 js引用传递和值传递
obj.temp和obj[temp]的不同 let temp=a; obj[temp]=obj.children; 这里obj拥有的属性是a，而不是temp 这里obj拥有的属性是a，而不是temp let temp=a; obj.temp=obj.children; 这里obj拥有的属性是temp，js引用传递和值传递 let temp1=this.datadata是一个对象，这里如果改变
2022-05-05 19:00:42
860
原创 vue：event-bus用法
部分应用场景组件1的一个方法中调用组件2的方法，（可传值）用法组件1的点击事件方法中：使用this.bus.$emit(“test”, 1);click() { this.bus.$emit("test", 1); },其中test是事件名，1是要传递的数据组件2的mounted方法中： mounted() { this.bus.$on("test", (res) => { this.onLoad1(res);//被触发的方法
2022-04-09 19:21:33
1163
2
原创 vue:父子组件传递值的方法
封装好的组件常常作为子组件放在父组件中，为了该组件的通用性，不可避免地会有父组件把值传入子组件中，子组件返回值给父组件，下面介绍如何传递。父组件把值传入子组件父组件使用子组件bar的代码：rightType是要传递的值，注意要有“：” <bar :rightType="1" ></bar>bar子组件的script部分代码:这里是script部分，将right type放在props里export default { data() {}, p
2022-03-31 11:34:34
1035
1
原创 console.log()打印对象得到[object Object]
问题调用接口打印时以为会得到该对象里的内容，得到的却是[object Object]console.log(res)原因[object Object]是对象的字符串形式，隐式调用了 Object 对象的 toString() 方法解决console.log(JSON.stringify(res));JSON.stringify()可以把 JavaScript 对象转换为字符串。......
2022-03-28 23:41:24
10494
2
原创 flutter dart空安全
空安全版本空安全（Sound null safety）是 Dart 2.12 中新增的一项特性，空安全特性并不是 Dart 独有的，健全的空安全已在 Dart 2.12 和 Flutter 2 中可用。空安全的作用1.可以将原本运行时的空值引用错误将变为编辑时的分析错误；2.增强程序的健壮性，有效避免由Null而导致的崩溃；3.健全性带来的所有优势——更少的 BUG、更小的二进制文件以及更快的执行速度。空安全修复空引用错误的原理从类型理论的角度来说，Null 类型被看作是所有类型的子类，类
2022-02-28 16:27:05
2740
原创 延时调用flutter
可能会在init 里面延时调用Future(() async {await Future.delayed(Duration(seconds: 3));requestUpdate();});
2022-02-22 22:10:15
1749
1
原创 一分钟熟悉所有flutter 问号的意思
该??双问号操作装置“如果空”。以下面的表达式为例。String a = b ?? ‘hello’;这意味着a等于b，但如果b为null，则a等于’hello’。2.另一个相关的运算符是??=。例如：b ??= ‘hello’;这意味着如果b为null，则将其设置为hello。否则，请勿更改。3.String? name;加一个问号可以让静态检查通过，表示可空类型，String? 则是可空类型 String,类型后面跟操作符 ? 表示当前变量可为null。4.使用（.）来访问对...
2022-02-17 21:09:13
3232
原创 flutter弹框返回上上级
弹框返回上上级：Navigator.of(context).pop(true);然后.then返回（future方法才有.then）2.Navigator.of(context).popUntil((route) => route.settings.name == ‘HBAssessmentPage’);3.两级pop会出错，因为第一个pop后context消失了，第二个找不到context,所以可以用不同地方的context...
2022-02-16 23:56:20
2023
原创 flutter
1.statelessful的setstate不会生效2.有table组件,w3c有组件大全导航栏用tabbar组件3dart语法创建对象可以改为创建map4导致点击完成和取消后后变成初始值，是因为setState会重绘重新built，是之变成初始值5var isTyping = true;代码的可读性6.深拷贝和浅拷贝。浅拷贝传值的话会改变那个值，7.子组件改变父组件的变量，用回调函数（函数当作参数去改变：负组件调用子组件时传递函数参数进去，定义的子组件有函数参数，并且接受父组件传递过来的
2021-12-20 17:39:59
1804
原创 flutter 组件
设置背景颜色Container(decoration: new BoxDecoration(color: Colors.pink),child: Column(children: [title(‘3D交互’),title(‘开始训练模式’),title(‘背景音乐’),title(‘常见问题’),],),appBar: AppBar(backgroundColor: Colors.redAccent,title: Text(‘运动’),leading: Icon(Icons.ac
2021-12-20 16:02:57
2229
原创 andriod studio git
andriod studio git1.git切换分支，按tab建补全2.代码格式化快捷键ctrl+art+l3.拉取远程分支后flutter pub get获取依赖包4.可从一个分支中抽出一个和它一样的分支，取别的名字5.发生冲突，可直接用git stash保存,再拉取远程代码，再把stash放下来合并6.文件是蓝色表示有改动7.文件右键可和远程代码对比8.撤回修改：右键git，rollback9.请求合并：大佬将所有人开发的功能合并到1分支上，某猿的代码需要被检查后才能合并，那么该猿
2021-12-20 15:55:16
1469
原创 dart语法
main函数时入口，必须要有的，运行代码时可以传递参数声名变量有很多的方式，final和const的区别没有非零即真，函数没有重载，有必选参数和可选参数，只有可选参数才可以有默认值有泛型字符串和变量拼接用￥打印用print有箭头函数，但条件是函数体只有一行代码建议为每个函数的参数和返回值定义类型赋值运算符有？？=有抽象类 抽象方法把datalesswidget改成datafulwidget 用快捷键alt+enter快捷键alt+enter+w抽取成widget部分生命周期在And
2021-10-15 15:03:49
109
原创 初学flutter bug集合
1.此时不应有 myself\tools\flutter\bin\cache。解决：将解压的flutter文件换到低权限的路径，比如直接放到C盘下面，而不是放到C:(calin)myself\tools下面2.windows终端cmd中用命令flutter docter时报错如下：Because flutter_tools depends on test any which doesn't exist (could not find package test at https://storage.fl
2021-10-15 11:03:57
958
原创 解决格式化文档后和eslint格式冲突
右击后点format document可格式化文档，但是格式化文档后的形式和eslint要求的格式是冲突的。# 解决1.改变格式化后的格式，使其和eslint的要求一致src目录下创建配置文件.prettierrc修改格式化后的格式，如文件中的下面代码：第一行表示格式化后不要分号第二行表示用单引号{ "semi":false, "singleQuote":true}2.改变eslint的规则，对某个格式不做要求，不报错如图，某个eslint的报错，框框里是错误的规则找
2021-10-06 22:19:51
815
原创 es6解构赋值重命名
var a = { te: “hao”,};var { te } = a;var { te: bb } = a;console.log(te); // haoconsole.log(bb); // hao可用于简化命名和避免命名重复
2021-10-03 17:15:52
1806
原创 error Parsing error: Unexpected reserved word ‘await‘.
原因：如果想在回调函数内部写同步代码，需要把async关键字放在回调函数的前面，使async和await在相同的作用域中修改后的代码 this.$refs.formRef.validate(async (varlid) => { if (!varlid) return const result = await this.$http.post('login', this.loginForm) console.log(result)...
2021-10-02 22:53:58
8558
原创 elementui表单验证，验证效果和规则不对应
修改前的代码<template> <div > <div> <el-form label-width="0px" :model='loginForm' :rules="loginFormRules"> <!-- 用户名 --> <el-form-item prop="name"> <el-in
2021-09-28 17:26:08
494
原创 vuex Mutations和Action的异同
vuex的作用及优势1，vuex能实现组件全局状态（数据）的管理，实现组件间的数据共享。2.能够集中管理共享数据，易于开发和维护，没有vuex时，需要在组件之间传递，能够高效的实现数据共享。3.存储在vuex中的数据都是响应式的，能够实时保证数据和页面的同步。vuex怎么使用见官方文档Mutations和Action的异同提交mutation是改变store中状态的唯一方式，类似于事件，会接受state作为第一个参数,mutation必须是同步函数，因为。action传递的参数是contex
2021-09-17 11:23:27
345
原创 vue：key
key的作用：key 是一个特殊属性，没有key时，vue会采用这样一种算法，这个算法会尽可能的重复使用元素，而这样的特点在某些场景不适用。使用v-for渲染的时候出现这样的问题。而使用key的时候，会根据key的值按顺序渲染，就不会导致这样的问题，需要注意的是，每一个key的值不能一样，否则会报错。...
2021-09-09 23:03:43
108
原创 vue:子组件向父组件传值vue:
1.第一行是子组件部分，全部是 父组件部分，将子组件嵌套。要求点击子组件的send按钮能在第二行显示子组件input 里面的消息。子组件的点击事件如何操作父组件里面的数据，并且将子组件中input中的消息传递到父组件的data呢 ，这是一个核心问题。2.vm.$emit( eventName, […args] )，可以触发父组件中定义的事件，并可以将子组件的数据通过传参的方式传递到父组件。具体怎么利用它解决核心问题呢。3.子组件的点击事件无法操作到父组件里面的数据，但是可以利用$emit触发父组件中.
2021-09-04 13:26:22
204
原创 css盒模型 position取值 绝对定位水平垂直居中
position取值1.static这是html默认的定位方式，left等属性不能影响其位置，在正常的文档流中2.relative相对定位可以根据left等属性规定其位置，这些属性是相对于正常流中的相对位置3.absolute绝对定位脱离了文档流，在文档流中不占位置，可以根据left等属性定位，是相对于其最近的已定位的祖先元素的位置。这个“已定位”不包括static4.fixed脱离文档流，不在文档流中占位置，相对于视口定位5.sticky在滚动中，滚动元素的定位由relative变为
2021-08-29 14:27:20
265
1
原创 闭包的作用缺点实现
闭包函数闭包就是有权访问另一个函数作用域里面的变量的函数闭包的作用1.可以在函数外面访问到函数里面的变量2.可以让变量的值始终保持在内存中闭包的缺点由于函数中的变量可以一直保存在内存中，所以内存的消耗会很大，所以滥用闭包可能会降低程序的处理速度，造成内存消耗等问题闭包函数的实现一种常见的闭包创建方式：一个函数A里面创建另一个函数b,通过函数b访问这个函数的局部变量，然后函数a返回函数b，执行函数a，就可以访问到函数a的局部变量。将执行a的结果赋值给c,那么c就是闭包。...
2021-08-27 18:32:51
188
2
原创 DOM事件流，事件委托
DOM事件流什么是事件委托原理：不给每个子节点单独设置事件监听，而是把事件监听器设置在父节点上，让其利用冒泡的原理影响到每个子节点。顾名思义，自己的事情委托在别人身上。怎么委托，为什么要委托？例如几个按钮需要设置监听事件，点击后执行的操作一样，常规的方法要为每个按钮设置监听。而事件委托就是不为这几个按钮设置监听事件，而是为他们共同的父节点设置一个监听事件，利用冒泡原理（下面有冒泡原理的讲解）达到点击按钮后触发事件的效果。作用：这样做就不必为每个子节点设置事件监听，操作简单，提高了程序的性能。冒
2021-08-27 14:20:24
143
1
原创 javascript数据类型及易错点
分类基本(原始)数据类型：未定义型（undefined），空型（null），布尔型(boolean)，数字型(number)，字符串型(string)，复杂数据类型：对象（Object）易错1对于未定义型，字面是虽然是未定义，但不意味着一个变量真的没有定义才返回undefined，而是当变量定义了没有赋值，他的值才是undefined易错21.检测数据类型的typeof(),检测null时返回的是object类型，而不是null.这是历史遗留问题，被沿用下来了。2.typeof 运算符把数组
2021-08-26 18:51:03
136
2
原创 原型链解析
什么是原型链对象有原型对象（原型对象下面有介绍），原型对象有也有原型对象，就形成了链式结构，叫做原型链。如图是原型链的部分结构（可以从自定义的person构造函数看起）。person构造函数通过new person()创建实例P1，p1可以通过-proto-访问它的原型对象,构造函数可以通过prototype属性访问原型对象，原型对象也可以通过constructor访问构造函数。作为对象，原型对象也有它的原型对象（因为对象都有原型对象），所以也可以通过-proto-访问他的原型对象，在这里是Objec
2021-08-26 17:42:41
458
2
原创 eslint语法规则报错
error A space is required after ‘{’ object-curly-spacing8:28 error A space is required before ‘}’解决'{'后面加空格以及 '}'前面加空格，如图
2021-08-24 19:57:56
3057
1
原创 error Trailing spaces not allowed no-trailing-spaces 9:14 error Unexpected trailing comma
error Trailing spaces not allowed no-trailing-spaces 9:14 error Unexpected trailing comma comma-dangle原因不允许有多余空格的存在解决将错误提示里提示的App文件中的空格去掉去掉之前：去掉鼠标处多余的两行空格后：验证...
2021-08-22 20:47:29
267
1
原创 render解析
render将App组件放入容器中，使用render的原因是 引入的是简版的vue.js，可以缩小项目体积，完整版的vue包含了模板解析器，使用完整版的vue就不需要render,但会导致体积过大。
2021-08-22 20:41:40
94
1
原创 Uncaught TypeError: Cannot read property ‘use‘ of undefined at eval (element.js?7378:4)
Uncaught TypeError: Cannot read property ‘use’ of undefined at eval (element.js?7378:4)背景使用vue脚手架创建项目，添加插件vue-cli-pluging-element并运行开启app后，浏览器显示报错,没有显示出初始页面。原因：element-ui是一套基于 Vue 2.0 的桌面端组件库。使用vue3创建项目和element-ui不兼容。解决：使用脚手架创建项目时使用Vue3,再使用eleme
2021-08-20 22:02:47
663
4
原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
Error: Cannot find module ‘webpack-cli/bin/config-yargs’解决如图，在package.json里加上 “dev”: “webpack-dev-server”，然后在终端执行npm run dev原因直接在终端执行 npx webpack-dev-server,导致错误。这个和前面的解决的执行方法是不同的。...
2021-08-18 11:44:38
99
1
原创 全面解决webpack入口文件entry路径错误问题 。ERROR in main Module not found: Error: Can‘t resolve ‘./src‘ in ‘
提问webpack打包时老是报错？很有可能是路径问题，官网上说entry的默认值为‘./src’,设置的路径还是有错，到底是怎么回事呢？解答根据某个完整的报错信息从中可以看到答案：它会将先看默认或者设置的enter路径是否存在那个文件，然后再到原有路径分别加后缀名‘.js’ ‘.json’ ‘.wasm’，看文件是否存在,结果显示不是，如图然后会在原路径后面加上/index，看是否存在，index的基础上再加后缀名‘.js’ ‘.json’ ‘.wasm’，看是否存在，结果显示不存在，如图：
2021-08-17 12:19:45
3192
8
原创 webpack打包路径error
报错内容：ERROR in mainModule not found: Error: Can’t resolve ‘./src’ in ‘C:\Users\pefish\Desktop\webpack-study\1’。。。。背景学习webpack基本使用，用webpack打包时解决改变了一下目录结构（请忽略lib），改变后不报错：改变前原因改变后的目录只是将js文件删了，本质是index.js和m1.js的路径发生了变化，说明目录改变前的路径是错的。在webpack的配置里（we
2021-08-17 11:01:33
1504
1
原创 javscript基础易错点集合
javscript基础易错点集合比较运算符和逻辑运算符运算符优先级，理解++（后置）优先级在++（前置）之前一级目录合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入javscript基础易错点集合比较运算符和逻辑运算符运算符优先级，理解++
2021-07-22 14:44:37
146
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人