weixin_45225340的博客

原创 props 不能轻易解构，注意maxLength类似这种，不能解构出来

当您从 props 对象中解构 msg 时，msg 变量将会获取到当时的 props.msg 值。因此，当 props.msg 发生变化时，解构出的 msg 变量仍保持其原始值，不会自动更新。要正确观察 props.msg 的变化，您应该将 props 作为参数传递给 watch 函数的依赖项函数，而不是解构后的 msg 变量。这样，watch 函数将始终能获取到 props.msg 的最新值。在这种情况下，如果您尝试使用 watch 观察 msg 变量，将无法检测到 props.msg 的变化。

原创 nvm vscode的问题

将原来的node卸载了，改为使用nvm版本控制工具来管理node版本，结果将nvm及环境变量都配置好之后，并且在终端cmd中node -v 等命令正常显示，在vscode中启动vue项目就会报这个错误。原文链接：https://blog.youkuaiyun.com/zx123456_6838499/article/details/128637759。应该是vscode没有跟cmd同步，重启完之后成功解决，并且node版本可随意切换。在这里记录一下，避免再进坑。

原创 nvm 错误

下载完成后，解压，将文件夹名字改成npm，放入nvm安装目录中对应node.js版本的文件夹里面的node_modules文件夹中，然后，在文件夹中找到bin文件夹，将下图4个文件复制，粘贴到node_modules的同级目录里。1，首先需要卸载已安装的node.js，卸载完成后，请检查环境变量，如果还有node.js，请去掉，保证系统已经无任何node.js残留。3，下载完成后，解压，运行安装文件，安装路径不要有中文，空格等，不要放在C盘，可能会出现无法访问的情况。2，安装完成之后，需要使用才能生效。

原创 打开真机调试RN

原文链接：https://blog.youkuaiyun.com/qq_40405255/article/details/132207094。问题：荣耀、华为手机usb调试已打开，且电脑上也可以看到此设备，但adb devices不显示设备。终端打开开发者模式，用数据线连接电脑，然后按照下面的步骤操作。选择usb配置里选择 RNDIS(USB以太网)设置->关于手机->版本号（连续点击5次）在开发者选项中，找到USB调试，将此打开。注：荣耀、华为手机一直无法显示设备。3、cmd进入命令行。

原创 配置android studio 来运行 react native

本文详细的记录了照react-native官网文档运行项目踩到的所有坑，诚然，官网只介绍了每一步，最后确实是可以正常运行项目，但是并没有涉及到每一步会出现的问题。在android右上方点击device-manager图标来新建虚拟机，随便选取一个设备点击next，然后选择我们提前下载好的镜像。使用vscode打开新建好的项目，使用npm run android命令运行项目马上会出现一个坑。贴出下载地址，可以用迅雷直接复制下载。在用户变量或者系统变量中找到一个path的变量点开，加上如下四个变量名保存。

原创 VS code 配置之文件结尾换行LF和 CRLF

endOfLine”: “auto” 暂时忽略掉 eslint 的检查， 等最后可以用工具解决。在 prettierrc. js 里面可以配置末尾换行的方式。其中CRLF 是windows 的, 最后除了换行还有回车。行结束符使用 Unix 格式。开发的时候比较麻烦，可以用。看到一个用工具解决的文章。

原创 how to config prettier and eslint in a react and typescript project

env”: {},],],},“react”,],“rules”: {

原创 SpringBoot 和SpringMVC 区别

1. 对于put/delete 的请求方式https://blog.youkuaiyun.com/MoastAll/article/details/107839814

原创 vue点击回车键进行搜索

<div class="searchBox"> <form> <i class="iconfont icon-search"></i> <input type="text" v-model.trim="searchKeyword" @keyup.enter.prevent="searchEnterFun($event)" placeholder="搜索订单信息"...

原创 passport

https://www.jianshu.com/p/53aa985ba317

原创 element

是否必须： required:true|| fasle根据正则表达式验证： pattern:最大长度和最小长度： min和max数据转换：transform（value）{return}自定义校验功能：validador:fn(rule, value, callback);自带验证类型： type:string：必须是类型string。This is the     default * type.number：必须是类型number。boolean：必

原创 axios.create

https://www.jianshu.com/p/ff5d2b55139a

原创 vue项目的mode:history模式

https://www.cnblogs.com/yszblog/p/10255458.html

原创 json-server

https://www.bilibili.com/video/av87675849

原创 vuelidate

https://www.jianshu.com/p/afd1df9e5c85https://www.vuelidate.cn/#getting-started

原创 promise

https://segmentfault.com/a/1190000010420744

原创 jwt

http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html

原创 cookie

https://www.jb51.net/article/92992.htmhttps://www.jb51.net/article/92996.htm

原创 路由

https://gitee.com/komavideo/LearnVueJS2?_from=gitee_searchhttps://www.bilibili.com/video/av24310969/?spm_id_from=333.788.videocard.0

原创 格式化金额的方法： Intl.NumberFormat()

https://blog.youkuaiyun.com/Bule_daze/article/details/103287537

原创 手机如何访问电脑本地localhost网页以调试项目？

https://blog.youkuaiyun.com/Dream_Weave/article/details/88551831https://blog.youkuaiyun.com/u014737310/article/details/74375070/

原创 git 多个公钥

生成多个git ssh密钥 如果你已经有了一套名为 id_rsa 的公秘钥，将要生成另外一个公钥，比如 aysee ，你也可以使用任何你喜欢的名字。步骤如下：1、生成一个新的自定义名称的公钥：1ssh-keygen -t rsa -C “YOUR_EMAIL@YOUREMAIL.COM” -f ~/.ssh/aysee　　执行命令后，生成命名的公...

原创 mysql

Mysql启动服务：C:\Windows\system32>net start mysql发生系统错误 2。系统找不到指定的文件。怎么还是报这个错？难道不是由于配置的原因？对，不是由于上面的配置的问题，但上面的配置添加后也没有错。那是什么原因？这里是最需要注意的地方，在安装mysql服务时，一定要切换到mysql安装目录的bin目录下，不管你是否配置环境变量，否则在安装完后启动服务...

原创 静态工厂类 （为啥要用）

Effective Java2.1 静态工厂方法与构造器不同的第一优势在于，它们有名字2.2 第二个优势，不用每次被调用时都创建新对象2.3 第三个优势，可以返回原返回类型的子类2.4 第四个优势，在创建带泛型的实例时，能使代码变得简洁除此之外3.1 可以有多个参数相同但名称不同的工厂方法3.2 可以减少对外暴露的属性3.3 多了一层控制，方便统一修改总结序：什么是静态工厂方...

原创 webpack.config.js

/* 通用配置 */ const path = require(‘path’) const HtmlWebpackPlugin = require(‘html-webpack-plugin’) const webpack = require(‘webpack’) const ExtractTextPlugin = require(“extract-text-webpack-plugin”) mod...

原创 关于webpack.optimize.SplitChunksPlugin的详细用法

minSize(默认是30000)：形成一个新代码块最小体积；minChunks(默认是1)：在分割之前，这个代码最小应该被引用的次数（注：保证代码块复用性，默认配置的策略是不需要引用也可以被分割）；maxInitialRequests(默认是3)：一个入口最大的并行请求数；maxAsyncRequests(默认是5)：按需加载时候最大的并行请求数；chunks(默认是async)：表示显...

原创 sublime text3插件FileHeader

https://www.jianshu.com/p/e12fee059b57

原创 webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js

当输入命令：webpack .\src\main.js .\dist\bundle.js报错如下：来自本地这是为什么呢？原因是我的webpack版本过高，原来的命令已经不适用了如下查询版本号：来自本地那应该如何解决?更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js其中 bundle.js是打包后生成的文件的文件名来自本地可以看到mai...

原创 webpack

https://www.imooc.com/video/14199

原创 sass

https://www.php.cn/code/24285.html

原创 fiddler

Fiddler 的AutoResponder tab允许你从本地返回文件，而不用将http request 发送到服务器上。选择Enable automatic reaponses 和Unmatched requests passthrough

原创 fiddler1

下面点击Tools-> Fiddler Options开始配置工具，如下图所示3我们进入https选项卡，勾选Decrpt HTTPS traffic, Fiddler截获HTTPS请求我们进入https选项卡，勾选Decrpt HTTPS traffic, Fiddler截获HTTPS请求，如下图所示选中checkbox, 弹出如下的对话框，点击"YES"加粗样式...

原创 setinterval

没加setInterval 时候，需要 image.onload, 加上以后，不能用onload 啦，

转载 drawImage（）方法图片不显示

canvas有个很强大的api是drawImage()（w3c）：他的主要功能就是绘制图片、视频，甚至其他画布等。问题：慕名赶来,却一脚踩空,低头一看,地上一个大坑。事情是这样的,在我看完w3c的介绍和很有说服力和教学力的demo后,本着实践出真知的思想决定上手一试,这一试不要紧~我按照流水线工程铺设以下几点基本工作:canvas标签+id获取canvas+设置宽高var...

原创 prototype

prototype 可以实现继承var Tank = function(){}；var myTank = function(context){this.draw = function(){} 一种draw 函数};myTank.prototype = new Tank();var EnemyOne = function(context){this.draw = f...

原创 键盘keycode asi

转载 Canvas

drawImage(image, dx, dy)drawImage(image, dx, dy, dw, dh)drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)第一个参数image可以用HTMLImageElement，HTMLCanvasElement或者HTMLVideoElement作为参数。dx和dy是image在canvas中定位的坐...