秋墨江雪

2022年1月16日

摘要：应用程序和数据库建立连接的过程是这样的：首先通过TCP协议的三次握手和数据库服务器建立连接，然后发送数据库用户账号密码，等待数据库验证用户身份。 2. 完成用户身份验证后，系统才可以提交SQL语句到数据库执行。 3. 好了这个时候假设我们不使用数据库连接池，那么完成一次SQL查询后，我们还要把连接关阅读全文

posted @ 2022-01-16 20:04 秋墨江雪阅读(211) 评论(0) 推荐(0) 编辑

nodejs，path模块的__dirname 和 __filename

摘要： nodejs，path模块的__dirname 和 __filename 我们在使用nodejs，可能需要对 node_modules 开放一些目录，fs 取的是绝对路径，而我们在不同的环境下，node_modules 可能存在于不同的根目录中，这个时候我们就要用到 join（）方法来吧绝对路阅读全文

posted @ 2022-01-16 20:00 秋墨江雪阅读(402) 评论(0) 推荐(0) 编辑

2021年12月30日

big.js常用操作及引用方法

摘要： 1.安装big.js npm install --save big.js 2.页面上引用big.js const Big = require('big.js') 3.常用操作加法plus 0.1 + 0.2 // 0.30000000000000004 x = Big(0.1) y = x.plu 阅读全文

posted @ 2021-12-30 11:23 秋墨江雪阅读(3500) 评论(0) 推荐(0) 编辑

vue 计算属性传参，并返回处理结果

摘要： <el-table :data="tableData"> <el-table-column label="备注" width="210" align="center"> <template slot-scope="scope"> <span>{{changeRemarkLength(scope.ro 阅读全文

posted @ 2021-12-30 11:19 秋墨江雪阅读(755) 评论(0) 推荐(0) 编辑

2021年12月29日

（一）理解工厂模式

摘要：工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码： function CreatePerson(name,age,sex) { var obj = new Obje 阅读全文

posted @ 2021-12-29 17:01 秋墨江雪阅读(175) 评论(0) 推荐(0) 编辑

react 性能提升

摘要：使用React框架时，可以从两方面提高应用的性能：减少不必要的Render函数的调用。复用Dom 减少不必要的Render函数的调用在React的生命周期里有四种方式可以触发一个组件render函数的调用，分别是： 1. 组件初始挂载时 2. props 更新时 3. 调用 setState( 阅读全文

posted @ 2021-12-29 11:20 秋墨江雪阅读(57) 评论(0) 推荐(0) 编辑

React 的调和算法（Diffing 算法）

摘要：算法策略单节点diffing 数组节点diffing key值的使用要求算法策略 React的调和算法，主要发生在render阶段，调和算法并不是一个特定的算法函数，而是指在调和过程中，为提高构建workInProcess树的性能，以及Dom树更新的性能，而采用的一种策略，又称diffing算法阅读全文

posted @ 2021-12-29 11:08 秋墨江雪阅读(163) 评论(0) 推荐(0) 编辑

mouseleave 和 mouseout , mouseenter 和 mouseover，mouseover 和mousemove

摘要： mouseenter 和 mouseleave 是一对事件，分别指鼠标移入和离开当前元素，这两个事件不冒泡； mouseover 和 mouseout 是一对事件，指鼠标移入和离开元素，但是这个两个事件是冒泡，也就是说，鼠标移入或离开当前元素的子元素时，事件会冒泡到当前元素，当前元素的事件会被触发阅读全文

posted @ 2021-12-29 10:51 秋墨江雪阅读(473) 评论(0) 推荐(0) 编辑

对 JavaScript 开发者非常有用的 10 个技巧

摘要：你可能错过这些非常有用的技巧。我们知道，JavaScript 这门语言正在高速发展中。伴随着 ES2020，又有很多很棒的功能加入。老实说，您可以通过许多不同的方式编写代码。实现同样一个功能，有的代码很长而有的却很短。你可以通过一些小技巧来让你的代码更干净清晰。下面这些小技巧肯定对你接下来的开发工阅读全文

posted @ 2021-12-29 10:27 秋墨江雪阅读(101) 评论(0) 推荐(0) 编辑

获取当前页面url信息

摘要：例：http://localhost:8000/#/index/cardinfo?_k=0wnq36 1、window.location.href(设置或获取整个 URL 为字符串) var integrityurl = window.location.href;console.log(integr 阅读全文

posted @ 2021-12-29 09:51 秋墨江雪阅读(206) 评论(0) 推荐(0) 编辑

如何删除已经被 git add 命令处理的文件、git 如何删除已经被放入暂存区的文件

摘要： git 使用第一步是用 git add 把文件添加进去，实际上就是把文件修改添加到暂存区；第二步是用 git commit 提交更改，实际上就是把暂存区的所有内容提交到当前分支；当我们用 git add 把某些文件提交到暂存区之后，突然发现一个文件原本不需要这次被 add 进去，这要怎么做呢？ g 阅读全文

posted @ 2021-12-29 09:48 秋墨江雪阅读(478) 评论(0) 推荐(0) 编辑

防抖(debounce) 和节流(throttling)

摘要：防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。在给DOM绑定事件时，有些事件我们是无法控制触发频率的。如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。如果事件的回调函数较为复杂，就会导阅读全文

posted @ 2021-12-29 09:39 秋墨江雪阅读(238) 评论(0) 推荐(0) 编辑

JS防抖和节流方法说明及使用

摘要：应用场景在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）阅读全文

posted @ 2021-12-29 09:32 秋墨江雪阅读(449) 评论(0) 推荐(0) 编辑

elementui el-image组件点击按钮预览图片

摘要：今天遇到一个新的需求，点击按钮查看图片，且图片能放大缩小。如下图：想到了使用element-ui的el-image组件，官网示例： <div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :sr 阅读全文

posted @ 2021-12-29 09:22 秋墨江雪阅读(4855) 评论(0) 推荐(0) 编辑

JSON.parse(JSON.stringify(obj))实现深拷贝的弊端

摘要： JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在阅读全文

posted @ 2021-12-29 09:15 秋墨江雪阅读(141) 评论(0) 推荐(0) 编辑

js对象的合并

摘要：将两个对象合并起来，组合成一个对象。使用Object.assign()方法。 <script> var obj1 = {name:'小A',sex:'女'}; var obj2 = {age:'30',job:'程序猿'}; Object.assign(obj1,obj2); console.lo 阅读全文

posted @ 2021-12-29 09:08 秋墨江雪阅读(964) 评论(0) 推荐(0) 编辑

Vue打包优化详解

摘要：分析工具Coverage：查看代码的使用状况移除死代码懒加载代码webpack-bundle-analyzer：查看资源树 1. productionSourceMap:false 2.路由懒加载 3. 关闭Prefetch 4.element-ui组件按需加载 5.使用 CDN 外部加载资源-vu 阅读全文

posted @ 2021-12-29 09:06 秋墨江雪阅读(1431) 评论(0) 推荐(0) 编辑

vue：在axios中使用vue-router

摘要：背景在写测试平台首页时，我想要在echarts的柱状图的点击事件中实现路由跳转功能，而直接使用this.$router.push()会报错：Uncaught TypeError: Cannot read property 'push' of undefined 解决遇到的坑首先我想到是否可以通过阅读全文

posted @ 2021-12-29 08:49 秋墨江雪阅读(548) 评论(0) 推荐(0) 编辑

2021年12月28日

React组件中的函数绑定this的几种方式

摘要： React组件中的函数绑定this的几种方式在React中使用class定义组件时如果不注意this的指向问题，会带来一些麻烦。绑定this主要有下面两种方法： 1. bind() 在class中定义函数，然后在构造方法中使用bind()绑定当前的组件对象。 class MyComponent 阅读全文

posted @ 2021-12-28 16:36 秋墨江雪阅读(441) 评论(0) 推荐(0) 编辑

react设置反向代理

摘要：在React项目中package.json中配置在React项目中进行本地数据联调是有跨域问题的，我们需要自己配置反向代理。配置好之后我们就可以愉快的使用axios了，配置好切记一定要重新启动 "proxy": { //配置项 "/api": {//我们可以在这里设置个口令 "target": 阅读全文

posted @ 2021-12-28 15:48 秋墨江雪阅读(241) 评论(0) 推荐(0) 编辑

JS中map()函数的使用

摘要：一、概念 map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。注意： map()不会对空数组进行检测 map()不会改变原始数组二、语法 array.map(function(currentValue, index, arr), t 阅读全文

posted @ 2021-12-28 14:24 秋墨江雪阅读(614) 评论(0) 推荐(0) 编辑

react项目中引入typescript

摘要：新建项目使用typescript 如果你是要新建一个使用typescript的react项目，并且你用脚手架Create React App去创建，那没就非常的容易，你只需要在创建的时候将命令改为 npm create-react-app "你的项目的名称" --template typescrip 阅读全文

posted @ 2021-12-28 13:46 秋墨江雪阅读(585) 评论(0) 推荐(0) 编辑

React导入外部css样式不影响全局

摘要： import style from "./style.module.css" color为你的类名 <div className={style.color}>引入外部的css样式</div> 后面会自动拼接唯一的hash值，css才不会污染全局这种方式引入会污染全局css❌ import "./s 阅读全文

posted @ 2021-12-28 13:38 秋墨江雪阅读(293) 评论(0) 推荐(0) 编辑

2021年12月27日

JS数组合并(5种)

摘要：前言项目过程中，经常会遇到 JS 数组合并的情况，时常为这个纠结。这里整理一下。简单而实用的for 最容易想到的莫过于 for 了。会变更原数组，当然也可以写成生成新数组的形式。 let arr = [1, 2] let arr2 = [3, 4] for (let i in arr2) { 阅读全文

posted @ 2021-12-27 16:43 秋墨江雪阅读(2162) 评论(0) 推荐(0) 编辑

Vue-vuex仓库的使用

摘要： vuex可以使同级的组件实现共享数据共享，是一个数据管理仓库具体可以参考vuex文档使用vuex首先需要引入： //安装包 cnpm i vuex //引入vuex import Vuex from "vuex" //使用 Vue.use(Vuex) //创建实例 const store = n 阅读全文

posted @ 2021-12-27 15:58 秋墨江雪阅读(199) 评论(0) 推荐(0) 编辑

数组位置交换的几种方法

摘要： 1.引入第三个变量 var arr = ['one','two']; var item = arr[0]; arr[0] = arr[1]; arr[1] = item; 2.splice方法, splice() 方法会直接对数组进行修改,splice() 方法向/从数组中添加/删除项目，然后返回被阅读全文

posted @ 2021-12-27 15:52 秋墨江雪阅读(1926) 评论(0) 推荐(0) 编辑

Vue实现组件全局和局部缓存(keep-alive)

摘要：这次使用Vue构建旅游webapp过程中，吸收和体验了keep-alive的真实作用。相信大家只要阅读过Vue提供的官方文档就会知道，组件想要实现数据缓存就需要在App.vue中的<router-view />外层包裹<keep-alive></keep-alive>标签，就可以很容易的实现数据缓阅读全文

posted @ 2021-12-27 15:37 秋墨江雪阅读(496) 评论(0) 推荐(0) 编辑

git push后出现错误 ![rejected] master -> master(non-fast-forward) error:failed to push some refs to XXX

摘要：出错的具体情况如下：本地创建了一个project 并在码云上创建了一个仓库，想要将本地的仓库链接到远程仓库我用的是如下方法： git init 初始化本地仓库 git remote add origin XXX 添加远程仓库地址如果你在这之后就执行 git add -A， git commit 阅读全文

posted @ 2021-12-27 15:29 秋墨江雪阅读(130) 评论(0) 推荐(0) 编辑

git 第一次上传本地代码到远程仓库，解决 ! [rejected] master -> master (non-fast-forward)错误

摘要：使用git想GitHub远程仓库上传代码的基本步骤一般是初始化为git仓库 git init 添加所有要提交的文件 git add . 本次提交说明 git commit -m '提交说明' 关联GitHub远程仓库 git remote add origin 仓库地址（没有添加ssh key建议阅读全文

posted @ 2021-12-27 15:26 秋墨江雪阅读(278) 评论(0) 推荐(0) 编辑

Anime4K

摘要： https://github.com/bloc97/Anime4K https://www.bilibili.com/read/cv5168313/ http://www.pc6.com/softview/SoftView_790043.html https://zhuanlan.zhihu.com 阅读全文

posted @ 2021-12-27 15:12 秋墨江雪阅读(95) 评论(0) 推荐(0) 编辑

公告