- 博客(13)
- 收藏
- 关注
原创 MySql索引简说
一、索引是什么?索引是数据库中专门用于帮助用户快速查询数据的一种数据结构。就跟我们小时候查字典根据拼音或者偏旁快速查找到汉子,这就是索引。二、什么场景不适合使用索引1、不用于查询的列就不应该使用索引。不提高查询速度,反应浪费空间。2、经常修改并且对于修改有速度要求的。因为修改性能和检索性能是互相矛盾的。3、三、阿里索引规范单表索引数量控制在5个以内。不允许存在重复索引和冗余索引。防止字段隐式转换导致的索引失效。SQL优化目标:至少达到range级别利用覆盖索引避免回表操作禁止超
2022-05-13 15:47:48 875
原创 webpack篇之四(AutoDllPlugin插件)
一、前言上一篇介绍了DllPlugin和DllReferencePlugin两个插件把引用的第三方库打包成动态库,但是动态库引用需要通过手动添加至index.html中。AutoDllPlugin插件就是来解决这个问题,通过AutoDllPlugin HtmlWebpackPlugin,这两个插件一起使用,因为它可以节省手动将DLL包添加到自己的HTML中。二、安装通过package-lock.json,确认webpack的版本。如果是webpack4以下的版本:如下命令安装:npm ins
2022-01-10 18:00:31 1018
原创 webpack篇之三(DllPlugin和DllReferencePlugin)
一、先说作用主要将第三方库抽离成动态库,比如echart、iview等。解决了两个问题:1、本身这部分依赖的第三方库变动小,分离以后无需每次都编译,提高编译速度。2、降低原来第三方包的大小,比如vendors。DllPlugin:负责抽离第三方库,形成第三方动态库dll。DllReferencePlugin:负责引用第三方库。二、DllPlugin 使用创建webpack.dll.config.jsconst path = require('path');const DllPlugi
2022-01-10 14:26:11 960
原创 webpack篇之一(compression-webpack-plugin)
一、原因我们开发完成后打包,整体包体积很大,导致页面第一次进入响应慢,并且对于高并发服务,会导致服务器网络资源被跑满。我们从原理上理解webpack的工作原理,并且形成最优的打包策略。二、打包原理1、Bundle & Chunk & ModuleBundle:包Chunk:...
2021-12-31 16:05:09 2041
原创 echart第一篇(map3D)
一、准备工作安装 echarts和echarts-gl命令如下:npm install echarts和npm install echarts-glnpm地址:https://www.npmjs.com/package/echartshttps://www.npmjs.com/package/echarts-glgeo地址获取http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=31.769817845138945
2021-11-27 22:16:29 3856
原创 Git使用技巧(纯记录)
一、准备工作必须保证已安装git,相关安装git的教程很多,这里就不进行描述。通过命令:git --version 查看git版本。二、git config配置通过git config 配置 global user.name 和 user.email,此步不配置也没关系。源代码服务采用的tfs的git模式。他是通过windows 的票据来认证的。三、克隆项目首先进入你存储代码的路径 cd xxxxxxxxx。通过命令:git clone http://你的仓储地址。四、相关命令详
2021-08-26 13:38:41 96
原创 依托LocalStorage的lowdb对前端数据进行持久化
一、相关组件组件作用备注js-cookie访问存储cookie的组件lowdbJSON 数据库引擎lodash一致性、模块化、高性能的 JavaScript 实用工具库主要用到cloneDeep 深度拷贝vueX管理共享状态将vueX、LocalStorage合并使用状态最佳,vueX另一个章节再讨论二、最终目标通过前端数据缓存,持久化一部分数据,不随着刷新而消失。数据内容读取支持查询等结构化读取。三、实现步骤1、获取存储路径,通过
2021-04-12 20:32:15 695
原创 cookie使用方法
###一、相关链接1、基础使用“js-cookie”。2、在"js-cookie"上进行了封装。###二、使用方法通过npm install js-cookie封装了cookie的util的方法。import Cookies from 'js-cookie';import Setting from '@/setting';const cookies = {};/** * @description 存储 cookie 值 * @param {String} name co
2021-04-09 18:21:14 287
原创 随机字符串
###一、相关链接或代码方法是从iview中剥离出来,代码如下:// 生成随机字符串export default function (len = 32) { const $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'; const maxPos = $chars.length; let str = ''; for (let i = 0; i < len; i++) { st
2021-04-09 18:19:17 95
原创 图片压缩js压缩方案
###一、相关链接1、Github地址:https://github.com/think2011/localResizeIMG备注:本方案是githbub上关于图片压缩start数最多的,缺点作者放弃更新。github中有wiki记录详情的使用方法。###二、使用方法通过npm install lrz 安装lrz包。使用如下代码import lrz from 'lrz'; beforeUpload: async function (file) { let
2021-04-09 18:18:13 132
原创 npm install简介
一、npm install 命令简介npm install packageName 命令安装模块到项目node_modules目录下。不会将模块依赖写入devDependencies或dependencies 节点。运行 npm install 初始化项目时不会下载模块。npm install -g packageName 命令安装模块到全局,不会在项目node_modules目录中保存模块包。不会将模块依赖写入devDependencies或dependencies 节点。运行
2021-04-09 18:16:34 7321
原创 Eslint第二篇(配置使用)
一、代码规范工具1、Vetur此工具作用vue高亮显示。2、Prettier-Code formatter此工具作用格式化代码。####3、Eslint此工具作用检测代码规范。###二、Vetur安装只要安装vetur工具即可,安装完成后,Vue可以高亮显示。###三、Prettier-Code formatter 安装和配置第一步:安装Prettier-Code formatter工具。第二步:在项目根目录下添加.prettierrc.js文件,主要为了设置Prettier与
2021-03-19 14:57:59 318
原创 Eslint第一篇(安装和初始化)
一、确认eslint已安装通过命令eslint --v未安装的话,通过npm i -g eslint@latest 安装最新版本二、项目初始化eslint配置运行eslint --init如何使用eslint,选择第三点项目使用什么类型模块? 选择import/export项目使用什么框架?选择vue。项目代码运行在什么地方? 多选全选上(PS:空格选择)项目代码风格是什么?选择一个流行的选择编码规范? 我们选择standard规范配置
2021-03-19 14:48:35 906
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人