wu13534570560的博客

原创 dom重排和重绘

重绘不一定需要重排（比如颜色的改变），重排必然导致重绘（比如改变网页位置）DOM的变化影响了元素的几何属性，浏览器需要重新计算元素的几何属性，同时其他元素的几何属性和位置也会受到影响，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树，这个过程是重排，浏览器会重新绘制受到影响的部分到屏幕，这个过程叫重绘。1>重排(Reflow)：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。2>重绘(Repaint)：是在一个元素的外观被改变

转载 2021-02-19

1、为什么需要类图？类图的作用我们做项目的需求分析，最开始往往得到的是一堆文字，请看下面这堆文字：本项目是在一期的基础上增加对电缆、通讯工程的管理和施工详细数据的记录和统计，使整个系统更好的管理各工程项目从中标开始到竣工验收的全部过程和资料和分析施工过程的数据。本系统将一条或一个标段的架空电力线路工程定为一个单位工程，即系统中的一个工程项目；每个单位工程分为若干个分部工程；每个分部工程分为若干个分项工程；每个分项工程中又分为若干相同单元工程。这是关于系统情况的一段概述，里面充斥了大量的术语、

转载 kill 事务失败

https://www.cnblogs.com/gaosf/p/11188925.html

转载 sql优化

一、为什么要对SQL进行优化我们开发项目上线初期，由于业务数据量相对较少，一些SQL的执行效率对程序运行效率的影响不太明显，而开发和运维人员也无法判断SQL对程序的运行效率有多大，故很少针对SQL进行专门的优化，而随着时间的积累，业务数据量的增多，SQL的执行效率对程序的运行效率的影响逐渐增大，此时对SQL的优化就很有必要。二、SQL优化的一些方法1.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 wh...

转载 cookie-parse

https://blog.csdn.net/xiaohubeiplus/article/details/51198208

原创 vscode中setting.json的配置

详情可看官网https://code.visualstudio.com/docs/getstarted/settingssetting.json有两个配置位置User Settings- Settings that apply globally to any instance of VS Code you open.(用户区，即全局，关联于用户，在某个window用户下打开任意vscode界面都会用此配置) Workspace Settings- Settings stored inside ..

原创 vscode中配置git bash终端

"git.path": "D:\\Program Files\\Git\\bin\\git.exe","terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe"

原创 github公钥私钥的生成以及配置

Git安装完之后，需做最后一步配置。打开git bash，分别执行以下两句命令,设置用户名与邮箱git config --global user.name “张三”git config --global user.email “[email protected]”SSH配置1、打开git bash2、执行生成公钥和私钥的命令：ssh-keygen -t rsa 并按回车3下（为什么按三下，是因为有提示你是否需要设置密码，如果设置了每次使用Git都会用到密码，一般都是直接不写为空，直.

原创 --save-dev与--save 

--save安装并添加条目到package.json文件的 dependencies。 --save-dev安装并添加条目到package.json文件的 devDependencies。区别主要是，devDependencies通常是开发的工具（例如测试的库），而dependencies则是与生产环境中的应用程序相关。devDependencies，便于开发时的依赖（工具，用完可去掉）如es6转es5的babel，dependencies：生产时也需要，去掉后代码可能异常，如j...

原创 对浏览器console控制台输出undefined的分析

控制台输入一句代码，实际是执行了eval函数（猜测），具体可以看下面博文https://blog.csdn.net/qq_40938301/article/details/87489046问题描述：类似于上图所示，在浏览器Console控制台输入js代码时，除了要得到的结果，还会有一个左箭头以及undefined的值的输出。分析:1、尝试其他多种输入：（1）1 （2）。 // 句号 （3）‘ ’ // 单引号2、然后我们需要...

原创 git rm fatal: pathspec &#34test3.txt&#34 did not match any files

情况如下 $ touch test3.txt 新创建一个文件test.txt $ git rm test3.txt 删除文件 .

原创 qrcodejs2生成二维码

上图代码如下<!-- --><template> <div> <div id="qrcode"></div> </div></template><script>import QRCode from 'qrcodejs2'export default { data () { return { } }, mounted () { cons

原创 vue嵌套路由

嵌套路由，子路由的界面将渲染到父路由的router-view，常用于嵌套结构，父页面几乎不变，子页面切换，如顶部菜单栏，店家切换中间内容，顶部菜单栏不消失嵌套路由代码如下const router = new VueRouter({ routes: [ { path: '/user/:id', component: User, children: [ { // 当 /user/:id/profile 匹配成功， // U

原创 vue.$nextTick()用法

$nextTick方法的作用，就是当页面上元素被重新渲染之后，才会指定回调函数中的代码例子如下点击按钮后，按钮变成输入框，并且聚焦于输入框<!-- --><template> <div> <!-- 输入的文本框 --> <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" .

原创 v-model="obj.name",无法实时更新

<!-- --><template> <div> <input type="value" v-model="obj.name" /> </div></template><script>export default { data () { return { obj: { name: '' } // 此处没有定义name的话就无法实时更新 .

转载 将数值转换成字符串

1.value.toString()2."" + value3.String(value)第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样.""+value: 使用加法运算符配合一个空字符串可以把任意值转换为字符串,我觉得这种方法代码的可读性很差,但相对String(value)来,还是有一些人更喜欢用这种转...

转载 九种跨域解决方案

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议动手敲敲代码一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域...

原创 当在不同组件之间切换的时候，有时会想保持这些组件的状态（改块内容不重新刷新），以避免反复重渲染导致的性能问题

在某些案例中，我们希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个<keep-alive>元素将其动态组件包裹起来。<!-- 失活的组件将会被缓存！--><keep-alive> <component v-bind:is="currentTabComponent"></compone...

转载 关于token

主要是一些前端使用的流程：客户端使用用户名密码登录。服务端收到请求，去验证用户名与密码。验证成功后，服务端会签发一个 Token，把这个 Token 发送给客户端。客户端将收到的Token存储起来。（cookie或者localStorage）客户端每次需要登录验证的请求都需要带着Token发送给服务器端。服务器端收到请求后先验证Token，如果成功，返回数据。1.服务端签发的下...

原创 vue中arguments传参

父组件接收子组件的值的时候，有时候希望能在接收子组件的值的同时，在将另一个参数传入接收函数中，如下// 子组件 my-button<button @click="$emit('click', 'hello')">按钮</button>// 父组件<my-button @click="clickHandle(arguments, '我是父组件内的数据')"&...

原创 同时监听多个属性，以及watch中使用this注意事项

代码如下：watch: { valGroup123: () => { const that = this console.log('watch') console.log(that.valName) console.log(that.valIDCard) } }, computed: { valGroup1...

原创 npm常用命令01

npminstall<name>安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install [email protected]<name>-g 将包安装到全局环境中但是代码中，直接通过require()的方式是没有办法调用全...

原创 引入vant组件

方式一. 自动按需引入组件 (推荐)babel-plugin-import是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式# 安装插件npm i babel-plugin-import -D// 在.babelrc 中添加配置// 注意：webpack 1 无需设置 libraryDirectory{ "plugins": [...

原创 package.json中在bin属性中配置命令wu-webpack,命令npx wu-webpack报异常

原创 webpack学习（一）

官网地址：https://www.webpackjs.com/安装查看原文|编辑此页本指南介绍了安装 webpack 的各种方法。前提条件在开始之前，请确保安装了Node.js的最新版本。使用 Node.js 最新的长期支持版本(LTS - Long Term Support)，是理想的起步。使用旧版本，你可能遇到各种问题，因为它们可能缺少 webpack 功能以及/或者缺...

原创 慕名前来膜拜大佬

小菜我初入IT行业，然后怀着一颗真诚的心慕名前来，膜拜各位大佬，希望能沾染一些大佬的光辉。就这些，没了。