VUE3-07-工作笔记

最新推荐文章于 2023-09-12 11:51:01 发布

V_zcm

最新推荐文章于 2023-09-12 11:51:01 发布

阅读量1.3w

点赞数 2

分类专栏：工作日志文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/m0_59214979/article/details/128737180

版权

工作日志专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本节：1月份的学习笔记

Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.

执行调度程序刷新期间发生未处理的错误。这可能是Vue内部错误。代码逻辑，或者变量写错了，比如table要用[]，我写成了{}。

解决办法，就是把遇到的代码全部看一遍，一个一个排查，发现是因为偷懒，直接用老方法，然后需求不兼容导致的。

2.定义变量的时候，不能全部都设置any,要思考是什么类型的

3.JavaScript 中的 valueOf() 方法用于返回指定对象的原始值，若对象没有原始值，则将返回对象本身。通常由JavaScript内部调用，而不是在代码中显式调用。

例子：计算时间日期，dayjs将时间转换成时间戳（全数字）相减，就可以得出除去那个范围的时间

import dayjs from "dayjs";

// 开始时间
const disabledEndDate = (endTime: string) => {
  const startTime = searchList.startTime;
  if (!endTime || !startTime) {
    return false;
  }
  console.log(dayjs(startTime).valueOf(), "56323035133614)"); //dayjs转换成时间戳
  return dayjs(startTime).valueOf() - dayjs(endTime).valueOf() > 0;
};

4.给虚拟机里面安装环境。先安装好虚拟机，使用光盘的。

安装nbp环境步骤：

xshell 连接 ssh ip地址（拿环境包的IP地址）

点绿的，点击一下返回，拿到压缩包，移到桌面，然后再ssh连接到要安装的虚拟机，把安装包移动进去：解压，安装

tar -xvf 安装包名字

再使用授权码，授权一下就可以了

5.虚拟机ping得通百度，而且也是桥接模式也在一个网段，就是ping不通本地主机，有可能是本机的防火墙关，关了就通了

6.响应式，使用a-row和a-col ,如果是表单则是label控制，如果是缩放的高度的话，则使用多媒体响应式。

@media screen and(max-width:750px){//小于750px时候的

.topClass{

Margin-top:8px}

}

7.判断字符串是否包含空格：

//RegExp()正则表达式匹配
var textStr= "khj kshdf";
var judgeFn = /\s/g;  //正则表达式
if (judgeFn.test(textStr)) {
	console.log("【结果】：内容包含有空格!");
}   test() 方法用于检测一个字符串是否匹配某个模式.

去除字符串内所有的空格：str = str.replace(/\s*/g,"");

8.vscode设置中文：中文设置
按快捷键“Ctrl+Shift+P”。
在“vscode”顶部会出现一个搜索框。
输入“configure language”，然后回车。
“vscode”里面就会打开一个语言配置文件。
将“en-us”修改成“zh-cn”。
按“Ctrl+S”保存设置。
关闭“vscode”，再次打开就可以看到中文界面了。

9.取数组里面的最大值: Math.max(startArr);

10.对象就要用reactive,但是用了这个之后，就获取不到值，原因是这样不能直接等于赋值，用合并比较好；还有就是可能是我的类型定义错了，导致赋值有问题

11.copyForm.option.runTime.splice(index, 1); //splice（删掉指定下标位置的元素，往后删几个）

12.hook就是钩子函数：编写格式：
(1)引入要用的api (2)export const useName = ()=>{ } //写一些常用的方法，比如分页，权限过滤，都是.ts后缀的文件
13.util实用程序，里面可以写自定义指令，类型转换判断，常用的数组，是.ts后缀的文件
14.git 提交时遇到冲突，解决冲突之后，再pull,提交一遍，要是还是有问题，可以git stash 把文件先暂存一下，再git stash pop 再还原再修改一次冲突，git status 看看提示，根据提示执行即可
15.学习了动态组件<component></component> 实际显示什么内容，是通过is来决定 ,还有保存上一个页面的数据缓存，使用<keep-alive>缓存即可
16.注册props,自定义属性传数据，类型校验type:string,单向数据流，遵循单向绑定，子组件的变化不影响父组件，父组件改变影响子组件
17.<slot>插槽，说白了，就是父组件里面放的子组件文字可以传到子组件里面，<slot>可以在子组件显示出父组件的内容
18.v-model修饰符
.lazy :change事件更新后更新数据；.number：用户输入内容自动转换为数字；.trim:自动去掉用户输入内容的空格
19.文章写代码的结构都是，先创建文件夹，存放一级的页面，一级页面一般就是组件，点击组件，在跳转到组件，组件里面如果有常用的type、数组、方法就封装出来，不然就重新创建新的文件夹放进去
网上很多都只是基础教程，现阶段需要看代码专研了。（文章表单组件的编写，就是写表单组件一个文件.ts，再写一个表单动态判断栏目的.ts文件。这里有多个栏目在这里，要进行动态的判断
）
20.学习了一些函数：reduce() 方法接收一个函数作为累加器；Array entries()
从数组中创建一个可迭代的对象，就是可以返回一个key value形式的数组，下标为key,元素为value；hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。

21.函数调用的方式创建组件
22.二次封装：在原来租组件的基础上，添加自己想要的功能，又保留原来的功能。使用v-bind ="$attrs" 可以引入组件原来所有的props元素。组件模块编写：
script:props写属性，setup写事件
tempalte:写界面布局
style:写样式 .$lisenters将事件处理函数传给子组件
利用父组件上的$listeners属性，这个属性包含了父组件的v-on事件监听器；$slots
可以从父组件传文字给子组件，传递作用域插槽，使用$scopedSlots属性，包含了组件接收的所有插槽·
23.withDirectives()#
用于给 vnode 增加自定义指令。
withModifiers()#
用于向事件处理函数添加内置 v-on 修饰符
PropType<T>#
用于在用运行时 props 声明时给一个 prop 标注更复杂的类型定义。
为组件的 emits 标注类型#
我们可以给 emits 选项提供一个对象来声明组件所触发的事件，以及这些事件所期望的参数类型。试图触发未声明的事件会抛出一个类型错误：
24.自定义组件模块编写：
script:props写属性，setup写事件
tempalte:写界面布局
style:写样式

这样写法css是默认值有要去控制是否显示，就是那个叉叉是否显示。

25.要告诉自己，自己不是蠢，是不细心，很多细节没记录下来就容易忘记所以没解决；遇不到不会的，不是蠢，是没学过，学一下就可以了，只是一个语法问题，没其他问题；所以要多花时间学习。

学而不思则罔，思而不学则殆，要记录笔记，要再复盘笔记，想想代码有没有更优化的地方。

每天下班不追求多学什么，就多看一个知识点，十分钟的就可以了。

周六11-12点可以学习一个小时，下午3-5点学习2个小时，周日也是，现在能力无论是解决问题的方法，还是代码技术的积累都不够支撑项目，必须要努力学习才可以。学习任何行业都有一个痛苦的过程，才可以上一个阶梯。

26.之前一直不知道为什么a-select 明明选择了一个，可是它自动点击两个，我估计是其他地方设置的值太多了。乱了，我还各种百度，看其他地方，白白浪费了很多时间，又焦头烂额的，实际上，解决办法就是，这个地方出问题，就只看这个地方，是不是变量写错了，或者去看这里对应的方法，一条一条数据的删掉，去看看是不是哪里影响了