u010565037的博客

原创 Vue3.2 setup语法糖、Composition API

起初 Vue3.0 暴露变量必须return出来，template中才能使用Vue3.2 中 只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，无需returntemplate可直接使用。

原创 用户行为分析 埋点propsal

工具：神策 、umami。

原创 go语言中map学习

作为函数参数传递时,实际上传递的是指针,而不是完整的数据结构副本。这意味着, 通过这种方式修改。是引用类型,在并发访问时需要特别注意线程安全问题。实际上是一个指向底层数据结构的指针。这个底层数据结构包含键值对的集合。相同的底层 map 数据结构。函数,并在函数内部通过解引用的方式修改。是引用类型,如果不想在函数中修改原。如果你不想在函数中改变原来的。变量,可以选择复制一个新的。是引用类型,在函数内部对。的内容,其他引用同一个。的变量也能看到这些修改。的修改会反映到调用方的。或者使用指针传参的方式。

原创 页面下线顶部通知跑马灯效果

【代码】页面下线顶部通知跑马灯效果。

转载 homebrew安装和解决brew安装速度慢的问题

echo $SHELL 看输出结果是/bin/zsh还是/bin/bash。4.恢复homebrew国内镜像源配置。

转载 nestjs项目连接数据库mysql8.0版本时报错解决

nestjs项目连接数据库mysql8.0版本时报错解决 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol

原创 mac安装mysql

MySQL重置root密码：如果您忘记了root用户的密码，您可以尝试通过重置密码来解决。

原创 mac使用nvm管理node版本

如果你安装了全局 Node 模块，并且计划使用 NVM 安装和切换不同的 Node.js 版本，那么这些全局模块可能会与不同版本的 Node.js 不兼容。删除先前安装的 Node.js 可以确保 NVM 可以独立地管理和切换 Node.js 版本，避免版本之间的冲突。当你安装 NVM 之后，你可以使用 NVM 安装所需版本的 Node.js，并在需要时切换版本。这样，你可以在不同的项目中使用不同的 Node.js 版本，并根据需要安装和管理全局模块，而不会互相干扰。要设置默认版本，您可以使用。

原创 正则表达式例子1

【代码】正则表达式例子1

原创 自动驾驶业务相关介绍

Logsim通过回放当时场景的数据作为输入给到mazu bundle中的算法模块，获取算法模块对于该场景的输出结果，通过比对实车数据和仿真输出结果来比较录制数据时和仿真中使用的的算法模块性能。Logsim是一种基于实车数据（例如路测数据，DLB数据等）的仿真。Logsim是什么？

转载 CSS 文字多行单行省略及悬浮提示

它只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 -webkit-box-orient 属性设置成 vertical时才有效果。如上三句是关键代码，文字不换行, 没有overflow:hidden 文字会溢出，那么text-overflow属性自然没有作用。给元素设置title属性， title属性的值会作为冒泡提示出现。使用-webkit-line-clamp: n 来固定n行展示。多行行文字省略及提示。

原创 react原理学习

React 16 之后，推出 Fiber 架构，虽然省不掉必要的 render，但把递归 Diff 改为可打断的循环，并且花费精力解决任务优先级调度问题，优化了用户体验。我认为最重要的问题是组件状态到页面元素是有映射关系的，而是用 Virtual DOM 则丢失了这个映射关系，需要 DOM Diff 来重新构建这个关系，纯粹是多余的消耗(Pure Overhead)。，以 Vue 的 Virtual DOM 对象为例，100W 个空的 Virtual DOM(Vue) 会占用 110M 内存。

转载 js改变对象的key，把key替换成想要的key，值不变

js改变对象的key，把key替换成想要的key，值不变

转载 useEffect使用（不能直接在useEffect中使用async函数）

useEffect使用

原创 moment日期操作

代码】moment日期操作。

原创 $nextTick和setTimeout区别（宏任务微任务）

nextTick和setTimeout区别（宏任务微任务）

原创 使用vedio播放视频

vedio使用

转载 TS高级技巧（Pick，Partial等）

1.1 keyofkeyof 与 Object.keys 略有相似，只不过 keyof 取 interface 的键interface Point { x: number; y: number;}// type keys = "x" | "y"type keys = keyof Point;假设有一个 object 如下所示，我们需要使用 typescript 实现一个 get 函数来获取它的属性值const data = { a: 3, hello: 'wo

转载 ES6中用&&与||来简化if{}else{}写法

1.if{}else{}写法const o = {v: 100};if (o) { console.log('有值：' + v.o)} else { console.log('无值')}如果传入的对象为非空，则打印对象的属性值；否者无输出值。2.ES6中用&&与||用法const o = {v: 100};const t = o && o.v; // 100const b = false;const t1 = b || '10

转载 在 React 函数式组件中使用 useState， 变量，useRef 的时机

变量变量在每次组件重新渲染的时候都会被重新进行赋值，所以如果你想要保留之前操作的状态的话就不要使用变量useState组件更新不会改变之前的状态，可以保存状态useRef也可以保存我们的状态那么问题来了： 我们什么时候该用 useState 什么时候该用 useRef 呢？useState: 当我们需要在状态改变的时候重新渲染视图，那么我们就使用 useState 来保存我们的状态useRef: 如果我们只是想保存状态，而且可以同步更新&获取我们的状态，那么就使用 useR

转载 react17笔记1

hooks在react类组件（class）写法中，有setState和生命周期对状态进行管理，但是在函数组件中不存在这些，故引入hooks（版本：>=16.8），使开发者在非class的情况下使用更多react特性。useEffect相当于componentDidMount和componentDidUpdate两个生命周期，通过return () => {}的方式解绑生命周期，相当于componentWillUnmount周期，以监听页面滚动为例，通过effect实现监听与解绑如下：

原创 git commit 提交规范简介

转载 echarts根据多个dataset设置多折线图

数据源dataSource = [{ supplierName: 'a', datas: [ {time: '2020/1/1 0:00:00', GoodRate: 50, NGRate: 50}, {time: '2020/2/1 0:00:00', GoodRate: 60, NGRate: 40}, ...... ]},{ supplierName: 'b', datas: [ {time: '2020/1/1 0:00:00', GoodRate: 50,

转载 解决 百度地图多点聚合卡顿问题

由于百度地图提供的MarkerClusterer_min.js 比较卡顿特此提供加速后的MarkerClusterer_min.js源码如下/** * @fileoverview MarkerClusterer标记聚合器用来解决加载大量点要素到地图上产生覆盖现象的问题，并提高性能。 * 主入口类是<a href="symbols/BMapLib.MarkerClusterer.html">MarkerClusterer</a>， * 基于Baidu Map API.

转载 js堆和栈

四、总结1、按照JS的数据类型来说，基本数据类型（即值类型，包括：undefined、null、number、string、boolean、symbol）存在栈中，引用类型（即：object array function）存在堆中。2、基本数据类型有固定的大小和值，存放在栈中，而引用类型不确定大小，但是其引用地址是固定的，因此，它的地址存在栈中，指向存储在堆中的对象。3、基本数据类型，在当前环境执行结束时销毁，而引用类型只有在引用的它的变量不在时，会被垃圾回收机制回收。4、复制方式不一样，值类

转载 vue中使用vuex(超详细)

vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。那么，我们一起来看看vue项目怎么使用它吧。（如果你对vuex有一定了解，不是刚接触的小白，请忽略第一步，直接查看第二步）一、适合初学者使用，保存数据以及获取数据1、在store文件夹，新建个index.js文件（命名看个人习惯，如果没有该文件夹，可以新建一个，

原创 Object.assign 是深拷贝还是浅拷贝？

let a = {name: {asd: '123'}};let b = Object.assign({}, a);a = {w: []};console.log(a); // w: []let m = {name: {asd: '123'}};let n = Object.assign({}, m);m.name = [];console.log(n); // name: {asd: "123"}let x = {name: {asd: '123'}};let y = Object.

转载 React Hooks 用法总结

1. useState: 状态钩子基础用法const [state, setState] = useState(initialState);返回一个 state，以及更新 state 的函数。在初始渲染期间，返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。setState 函数用于更新 state。它接收一个新的 state 值并将组件的一次重新渲染加入队列。...

转载 git切换分支保存修改的代码的方法

刚才做操作发现一个问题，就是本地有一个old分支，此时本地又new了一个新的分支，那么我在old分支上做修改后切换到new分支上，发现文件是修改后的。原本理解是一个分支一套代码，那么为什么此时代码是一样的，如果工作中遇到一个分支上文件修改一半，临时需要去另一个分支继续修改文件时，需要如何操作呢？一、及时commit代码在new分支上把已经开发完成的部分代码commit掉，不push，然后切换到old分支修改代码，做完了commit，所有分支互不影响，这是一个理想的方法。二、使用git st.

原创 base64,文件格式相关转换

function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = error => reject(error); });}//.

转载 vue页面刷新方法

有时候在页面里做了某些操作以后，需要页面刷新一下来重新获取数据。试了几种方法，以下总结：1、this.$router.go(0)这种方法页面会一瞬间的白屏，体验不是很好，虽然只是一行代码的事2、location.reload()这种也是一样，画面一闪，效果总不是很好3、跳转空白页再跳回原页面在需要页面刷新的地方写上：this.$router.push('/emptyPage')，跳转到一个空白页。在emptyPage.vue里beforeRouteEnter钩子里控制页面跳转，从而达到刷新的效.

转载 Ant Design Pro Vue使用心得1

Ant Design Pro Vue使用心得目录结构├── public│ └── logo.png # LOGO| └── index.html # Vue 入口模板├── src│ ├── api # Api ajax 等│ ├── assets # 本地静态资源│ ├── config # 项目基础配置，包含路由，全局设置.

原创 vue学习2020.10月

51CTO技术家园-2020全新elementUI项目实战教程 vue整合Echarts后台权限视频教程https://home.51cto.com/index/?reback=https%3A%2F%2Fedu.51cto.com%2Fcenter%2Fuser%2Findex%2Flogin-success%3Fsign%3D30c4CAMEAlUGBQIEAlVcC1UOUQRRDgBSAVBcAwFZQENDQwgXHFFWEBgAA1dGX0paW1saAVdWQlFLHlteQENHUhxF

原创 git远程仓库更换名称，本地如何修改

这种情况适用于本地和远程的代码没得任何问题，就是远程仓库改了个名称，直接在本地修改远程仓库地址即可：git remote set-url origin newAddress

转载 Vue 项目启动抛出 Syntax Error/ Unexpected token

项目启动时抛出了标识符无法识别的错误错误原因ES6 新增了不少标识符，但浏览器大多无法直接识别，需要借助babel对 ES6 代码进行转义 项目启动时抛出如下错误，表示...运算符没能被识别，该运算符属于 ES6 的解构运算符 出现该问题的原因基本上可以定位是项目没有配置babel 即时package.json文件中已经引入babel，但仍然需要在项目根目录创建一个.balbelrc文件进行配置 解决方式在项目根目录创建.babelrc文件即可实现对ba...

原创 vue 动态生成input进行操作——简单实现添加删除联系人功能

实现类似的如图功能：代码如下：<template> <div id="app"> <div v-for="(list, index) in lists" :key="index"> <ul> <li> <span>名字</span> <input type="text" v-model="list.name" style="wid

转载 安装谷歌浏览器Chrome的vue插件

1.拉取Chrome vue插件github地址：https://github.com/vuejs/vue-devtools/tree/master注意：一定是拉取master分支的代码2.进入代码目录，执行npm install，完成后再执行npm run build（一定要执行这一步，否则加载扩展程序时会报错）3.找到manifest.json文件（shells->chrome->manifest.json）,做如下更改：将"persistent": false 改为"per

转载 vue 引入公共样式的三种方法

1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。import Vue from 'vue'import App from './App' // 引入App这个组件import router from './router' /* 引入路由配置 */import axios from 'axios'import '../static/css/global.css' /*引入公共样式*/2、在index.html中引入<!DOCTY...

转载 git pull时：对下列文件的本地修改将被合并操作覆盖

当git pull时，出现以下提示：更新 07153c9..820f46derror: 您对下列文件的本地修改将被合并操作覆盖： cron/brand.dic cron/cat.dic请在合并前提交或贮藏您的修改。终止中这种情况是由于：别人修改了文件并且提交PUSH,你也修改了此文件并且没有add和commit.然后你在pull时就会出现此提示。解决办法：1，如果你想舍弃，你对当前文件的修改。那么git status （使用 "gi

转载 vue-cli4.x 使用 scss 全局变量设置使用

相关配置在安装完相关依赖后，需要在vue.config.js中进行相关配置，重点配置路径。 路径后面的;是必须的module.exports = { css: { loaderOptions: { sass: { prependData: `@import "./src/assets/styles/base";`, }, }, },}在需要使用全局样式的...