自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(62)
  • 收藏
  • 关注

原创 rollup打包项目:rollup.config.js

rollup打包原生html,js,css项目。rollup打包带vue文件的项目。

2024-06-13 17:51:50 207

原创 windows设置node内存溢出后,powershell改变内存大小

powershell:修改内存大小。

2023-08-10 11:27:18 368

原创 将css文件中的px转化为rem

【代码】将css文件中的px转化为rem。

2023-08-04 11:51:53 1122

原创 设置win10文件夹大小敏感

接下来,我们需要找到“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\kernel”路径下的“obcaseinsensitive”注册表项。右键单击“obcaseinsensitive”注册表项,并选择“修改”。在弹出的“数值数据”框中,将数值改为“0”,然后单击“确定”保存更改。在Win10系统中,您可以通过按下“Win + R”组合键,然后输入“regedit”来打开“注册表编辑器”。1:打开“注册表编辑器”

2023-05-09 14:14:03 662

原创 typescript-泛型

firstInArray这个方法,参数数组内的元素可以是任意类型的,泛型可以在定义的时候不指定,而在使用的时候具体定义。show(),2个参数,a,b都使用泛型定义,在使用的时候,根据参数具体类型,而确定。

2023-03-15 19:24:54 120

原创 递归查找所有父元素

递归查找所有的父元素节点。递归查找所有父元素的id。

2023-01-17 16:36:40 454

原创 树形结构数据,已知当前Id,算出他所有父级

【代码】树形结构数据,已知当前Id,算出他所有父级。

2022-10-20 20:58:09 465

原创 js垃圾回收机制

js垃圾回收机制

2022-09-02 21:55:03 386

原创 div嵌套img,设置圆角

css设置圆角

2022-06-06 12:38:56 1477

原创 canvas绘制遮盖矩形的圆角

1.先画一个矩形,然后画2个三角遮盖一下,2.然后把绿色换成和背景色一样的颜色就可以了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

2022-02-16 21:07:13 342 1

原创 mysql安装服务和启动过程

1.下载在MySQL官网下载服务:找到MySQL Community Server 8.0.26服务的下载地址:MySQL :: Download MySQL Community Server点击下载按钮,下载后解压缩到你的软件安装目录,2.配置环境变量在计算机的环境变量的path添加mysql的bin目录在 此电脑 右键-属性-找到高级系统设置-高级-环境变量-系统变量-path-新增-刚才mysql解压后的bin目录3.安装服务在mySQL的bin目录下执行...

2021-10-14 12:24:26 844

原创 nginx配置和使用

注意不要直接双击nginx.exe,这样会导致修改配置后重启、停止nginx无效,需要手动关闭任务管理器内的所有nginx进程在nginx.exe目录,打开命令行工具,用命令 启动/关闭/重启nginxstart nginx : 启动nginxnginx -s reload :修改配置后重新加载生效nginx -s reopen :重新打开日志文件nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确关闭nginx:ngi...

2021-03-19 18:15:11 138

原创 vue的标签属性的顺序优先级

1.定义 (提供组件的选项) is2.列表渲染 (创建多个变化的相同元素) v-for3.条件渲染 (元素是否渲染/显示)v-ifv-else-ifv-elsev-showv-cloak4.渲染方式 (改变元素的渲染方式)v-prev-once5.全局感知 (需要超越组件的知识)id6.唯一的 attribute (需要唯一值的 attribute)refkey7.双向绑定 (把绑定和事件结合起来)v-model8.其它 attribute (所有普通的绑定或未

2021-01-13 11:50:03 1845

原创 vue的.sync修饰符

<text-document v-bind:visible="visible" v-on:update:visible="visible = $event" ></text-document><text-document v-bind:visible.sync="visible"></text-document>.sync 修饰过变量后可在组件内部使用方法直接更新methods:{change(){ this.$emit('up...

2021-01-11 18:53:35 236

原创 git使用-已add但未commit的文件,在本地重置后怎么找回

1.使用 git fsck --lost-found2.进入项目下的.git文件夹,找到lost-found/other文件,这个文件夹下面的文件就是丢失的文件3.文件名需要自己重新改回来就ok了4.惊险的找回了自己的代码

2020-12-04 16:53:47 2678 1

原创 windows 无法删除文件,没有操作权限,右键文件属性查看安全-不可用

在命令行输入2个小写的L,ll查看文件权限,发现rwx中没有x的权限,在文件上面右键,查看安全选项卡,发现-请求的安全信息不可用或无法显示。新建一个del.txt文件,复制以下内容到文件中del /F /A /Q \\?\%1rd /S /Q \\?\%1修改文件为del.bat,将无法删除的文件拖动到这个bat文件上即可删除...

2020-08-07 16:55:41 4606 1

原创 CSS选择器权重分析

第一级:带有!important值的,权重为10000第二级:内联样式,如style="",权重为1000第三级:ID选择器,如:#app,权重为100第四级:类,伪类,属性选择器,如.box ,:focus, [checked='']权重为10第五级:标签选择器,如div span,权重为1第六级:通配符,子选择器,相邻选择器,如* > +,权重为0继承的样式没有权值,通配选择器优先级高于元素继承的优先级。...

2020-07-26 15:35:55 109

原创 消息任务-同步任务-异步任务-宏任务-微任务

同步任务:正常写的js代码异步任务:所有非同步的任务微任务:promise.resolve()的then宏任务:setTimeout,setInterval,入队列到任务的末尾同步任务执行完毕,执行微任务,微任务执行完毕,执行宏任务任务执行的演示:参考一个地址https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/...

2020-07-18 12:48:45 209

原创 axios文件下载

1.后端设置response的content-type=“application/octet-stream”,返回类型是文件流2.后端设置Access-Control-Expose-Headers:Content-Disposition,这样前端才能读到header中content-disposition2.前端请求接口的时候:设置responseType:'blob',返回类型是blobconst blob = new Blob([res.data])const fileNam...

2020-05-24 18:43:33 770

原创 git merge不同分支的同名但大小写不同的文件夹,会出现的错误

一..git merge 同名不同大小写的错误处理git默认是不区分大小写的,当2个分支有2个文件夹大小写不同时,会认为是同一个文件夹通过git config --get core.ignorecase 查看当前文件夹git是否忽略大小写 true就是忽略,大小写不同的文件夹会认为是同一个通过git config core.ignorecase false,设置不忽略大小写,就是大小写不同的文件夹认为是不同的文件夹,通过git status 查看会有变化如果merge的2个分支,文件名或文件

2020-05-24 18:34:25 1604

原创 npm 命令大全

npm 命令大全1.安装包,安装指定版本的包,npm install [<@scope>/]<pkg>[@<version>]... [-S|--save|-D|--save-dev|-O|--save-optional]npm install 包名npm install 包名@1.2.1 //安装指定版本的包npm install 包名 --global //安装到全局,也可以写成-gnpm install 包名 -g //同上npm

2020-05-09 18:58:28 838

原创 git rebase

这个命令做了以下内容:a.把你 commit 到本地仓库的内容,取出来放到暂存区(stash)(这时你的工作区是干净的)b.然后从远端拉取代码到本地,由于工作区是干净的,所以不会有冲突c.从暂存区把你之前提交的内容取出来,跟拉下来的代码合并所以 rebase 在拉代码前要确保你本地工作区是干净的,如果你本地修改的内容没完全 commit 或者 stash,就会 rebase 失败。...

2020-05-09 17:50:47 147

原创 git 常用命令

普通代码提交过程:git add .git commit -m '改动备注'git pull// 如果没有冲突git push (到这里就结束了)// 如果有冲突,本地解决冲突,解决完了git add .git commit -m '解决冲突备注'git pullgit push1.远程不存在dev分支,将本地的的分支推送到远程//本地新建dev分支git ...

2020-05-09 17:37:34 100

原创 vscode设置vue代码片段,快捷生成vue文件

打开vscode,选择设置-用户代码片段,在框中输入vue,选中第一个vue,进入文件就可以设置了。prefix是设置快捷键的名,可以任意设置,这里设置的vue,新建一个文件输入vue,按tab键就会输出这里配置好的文件结构。{ "Print to console": { "prefix": "vue", "body": [ "<!--", "/**", "...

2020-04-23 11:07:39 883

原创 js对象的浅拷贝和深拷贝

js对象的浅拷贝和深拷贝判断数据类型js数据类型分类:js数据存储方式:浅拷贝生成新数组的方式生成新对象的方式深拷贝方法一:深拷贝方法二:判断数据类型js数据类型分类:基本类型(string,number,boolean,null,undefined)引用类型 (object,array,function,Date(),RegExp())js数据存储方式:基本类型: 存储在栈中的...

2020-04-19 22:25:58 98

原创 http协议

HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。特点:1.简单快速:客户向服务器请求服务时,只需传送请求方法和路径。2.灵活:HTTP允许传输任意类型的数据对象。3.无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,...

2020-04-12 17:01:32 285

原创 webpack配置和构建优化

### 安装安装 webpack4.XX 版本时候,需要额外安装命令行工具 webpack-cli_建议在项目中安装,便于不同项目可能使用的版本不一样_`npm install webpack webpack-cli`### 检查版本全局环境中查找 webpack 的版本`webpack -v`项目路径中查找 webpack 的版本...

2020-04-12 12:16:10 183

原创 Vue的插件声明,plugin.install

Vue.js的插件应该有一个install方法,方法第一个参数是Vue的构造器,第二个是可选的选项对象const myPlugin={ install(Vue,options){ //1.添加全局方法或属性 Vue.myMethod=function() //2.添加全局资源 Vue.directive('myDirec...

2020-03-31 13:42:50 3793

原创 markDown语法

1.标题 加## 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题2.文本加粗,斜体,删除*斜体***加粗*****斜体加粗***<u>下划线</u>3.分割线三个或三个以上的* 或者-,引用用箭头>,列表用+ - *,跟内容直接有一个空格,列表嵌套空3个空格---***...

2020-03-27 16:27:46 75

原创 mac环境下-搭建本地easy-mock

前提安装homeBrew,https://blog.csdn.net/kongduxue/article/details/1051254341.安装redishttps://blog.csdn.net/kongduxue/article/details/1051252622.安装mongodbhttps://blog.csdn.net/kongduxue/article/detai...

2020-03-27 13:15:53 622

原创 mac环境下-安装homeBrew

homeBrew的官网:https://brew.sh///命令行输入以下代码,回车/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"//执行完毕,有时候安装不成功多试几次//使用它安装软件brew install 需要安装的软件...

2020-03-26 18:50:38 257

原创 mac环境下-安装redis

brew install redis安装成功后,启动redis-server

2020-03-26 18:43:05 264

原创 mac环境下-mongodb安装

mongdb变成收费版本了,hombrew中仓库地址没有mongdb了直接运行 brew instatll mongdb 会报找不到的错误:No available formula with the name "mongodb"需要安装以下方式安装1.brew tap mongodb/brew //首先tap一个仓库2. brew install mongodb-community...

2020-03-26 17:48:31 356

原创 vue项目添加prerender-spa-plugin设置,对页面预渲染,利于seo

1.修改vue.config.js,添加如下代码,先安装 npm i prerender-spa-pluginconst PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRendererconst path = require('path')...

2020-03-25 15:32:44 1377 1

原创 给旧项目添加eslint

1.用vue-cli新建一个新的项目,使用eslint规则2.将eslint中的配置拷贝到旧项目中a.添加eslintrc.js文件// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parserOptions: { parser: 'babel-eslin...

2019-02-28 13:52:31 968

原创 js-ES6的那些新鲜事儿-4

1.迭代器(Iterator)迭代器是一种有序的,连续的,基于拉取的用于消耗数据的组织方式。iterator有next()方法,取得下一个iteratorResult,iteratorResult包含value(当前迭代器值)和done(完成状态)var arr=[1,2,3];var it=arr[Symbol.iterator]();it.next(); //{value: ...

2018-10-24 12:44:48 139

原创 gerrit 不能推送 merge

git merge后推送到远程老是报错:Total 0 (delta 0), reused 0 (delta 0)remote: Processing changes: refs: 1, doneTo ssh://xxx@gerrit.xxx.cn:8090/xxx ! [remote rejected] HEAD -&gt; refs/for/dev (no new changes)...

2018-10-09 11:03:54 2232

原创 scss配置全局混入,神坑,mixin的文件名不能是mixin

找到build/util,js文件找到以下类似的代码块,配置scss的loader如下代码:1.首先安装sass-resources-loadernpm install sass-resources-loader --save-dev2.全局引入变量文件(_variable.scss)和混入文件(_mymixin.scss),return { css: generat...

2018-09-13 20:25:23 4099 1

原创 Chrome开发者工具中的performance检测页面性能

主要有4方面:(对照下图)1.控制按钮。2.overview。页面性能的高级汇总(FPS:帧率,CPU:CPU占用,NET:网络请求)3.火焰图。CPU堆叠追踪的可视化(左侧名称是主线程的各种事件,Network:网络请求详细情况)4.数据统计。以图表的形式汇总数据(summary:统计报表,Bottom-Up:事件时长顺序,Call Tree:事件调用顺序,Event log:事件发生的......

2018-08-24 16:54:49 36453

原创 js中的对象

js的的基本类型:    简单基本类型:string,number,boolean,null,undefined,symbol(es6新增,符号,具有唯一性)    复杂基本类型:object(包含Array,function)对象定义的2种形式:声明(文字)形式和构造形式//声明形式var obj1={ key:value;}//构造形式var obj2=new O...

2018-08-22 18:58:39 275

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除