- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue3+ts+vite搭建脚手架（二）配置eslint&prettier
我们用vite创建好的脚手架是十分纯净的，我们可以自由配置一些自己想要的东西。
2024-09-12 16:34:02
663
3
原创 Docker（二）Docker+ server部署极简前端页面
本篇文章介绍如何使用 Docker+server 将一个极简前端页面进行部署。
2024-04-19 10:56:08
796
1
原创 npm 私服以及使用
在工作中，公司有很多内部的包并不希望发布到npm官网仓库，因为可能涉及到一些私有代码不能暴露。对于前端来讲，这时就可以选择在公司内网搭建npm私有仓库。当前比较主流的几种解决方案：verdaccio、nexus、cnpm。大家可以按照自己的需求选择。本文中采用的是verdaccio私服搭建。
2024-03-06 17:27:44
1598
原创 npm淘宝镜像源换新地址
新的淘宝npm镜像源地址：https://registry.npmmirror.com。如果没安装过淘宝镜像源的，则直接安装。然后再执行以下操作查看是否成功。
2024-02-05 14:38:52
4087
原创 虚拟机系列（一）搭建VMware17虚拟机（附安装包），安装CentOS 7
输入上面查到的CentOS系统的IP地址，再登录安装时所配置的账号密码，就可以连接上虚拟机上的系统了。https://mirrors.tuna.tsinghua.edu.cn/ （清华大学开源镜像站）1.傻瓜式安装直接下一步就行，但是在这里两个都要取消勾选，不然每次打开都要重新检查，很卡。1.打开虚拟机，点击创建新的虚拟机，选择所下载CentOS7系统镜像文件位置。桥接模式：在你电脑上创建的虚拟机服务器，在同一局域网下其他电脑都能访问。其他模式：反之在你电脑上创建的虚拟机服务器，在同一局域网下其他电脑都。
2023-09-22 16:28:10
2333
1
原创 vuex缓存接口返回的数据，只在首次使用调用接口，之后使用vuex中的缓存值
注意：刷新页面时，会把当前页面占用的缓存释放掉，再重新加载新的缓存，如果想要刷新不重新加载，需要做vuex持久化缓存处理。
2023-07-07 10:06:24
1862
原创 GIT回退到指定版本的两种方法（reset/revert）
实现多人合作程序开发的过程中，我们有时会出现错误提交的情况，此时我们希望能撤销提交操作，让程序回到提交前的样子，本文总结了两种解决方法：reset、revert
2022-12-29 16:07:56
71023
原创 前端大屏常用的几种适配方案
当接到可视化大屏需求时，你是否会有以下疑问👇如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？
2022-12-26 16:30:51
15478
1
原创 Error: Cannot find module ‘webpack‘ 问题解决办法
2.在vue3项目中按需引入element-plus报错（安装插件npm install -D unplugin-vue-components unplugin-auto-import）1.创建vue3项目后，在启动的时候（执行 npm run dev）报错Error: Cannot find module ‘webpack‘
2022-10-11 17:56:02
3195
1
原创 --save与--save-dev与-S和-D的区别
cnpminstallxxx--save-dev==cnpminstallxxx-D开发和测试所需的依赖也就是咱们本地环境。cnpminstallxxx--save==cnpminstallxxx-S生产环境的所需依赖也就是咱们的线上环境。
2022-07-19 10:57:31
282
原创 H5获取链接中的参数
在H5网页的项目中我们经常需要获取连接中的参数 function getQuerystring(key) { const url = new URL(window.location.href); return url.searchParams.get(key);} function getRouteQuery(vm, key) { const params = vm.$route.query; return params[key];} function getQuery(vm, k
2022-04-24 16:49:09
2742
原创 手写节流和防抖函数进阶版
手写节流和防抖函数一、防抖函数应用场景输入框中频繁的输入内容，搜索或者提交信息；频繁的点击按钮，触发某个事件；监听浏览器滚动事件，完成某些特定操作；search搜索联想，用户在不断输入值时，用防抖来节约请求资源。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次**原理：**在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。**大白话版原理：**小明答应在三天之后还钱给小红，但是小红在三天内如果再催小明还钱的话，则会
2022-04-23 03:18:14
244
原创 配置云函数，生成URLSchema跳转小程序所遇到报错
1.云函数配置报错出现这样的错误一般就是云函数中小程序的参数报错2.传递的参数拼接报错这种一般就是拼接的参数格式不对，或者含有中文（这个很重要）正确的格式，不能包含中文！！！a=1&b=2&c=3如果必须要含有中文的话，有以下两种办法：1、querystring2、...
2022-04-15 15:59:03
571
原创 工作中遇到的问题总结: (单词排序) (提取链接中的参数) (vue-cli 3 4打包VUE项目出现空白页面解决方案)
一、单词排序let arr = ['abc', 'aba', 'aef', 'Def', 'BoC', 'FED'];let arrSort = arr.sort(function(s, t) { let a = s.toLowerCase(); let b = t.toLowerCase(); if (a < b) return -1; if (a > b) return 1; return 0; }) alert(arr
2022-02-13 23:17:32
384
原创 vue中this.$set()
在VUE中，有时候我们改变了data里面的数据，但是改变的数据并没有更新到页面上去，但是当我们打印的时候显示确实是更新了已经，只是没有更新到页面上而已，也就是说我们更新的数据没有触发响应式，如下：<p>{{arr}}-{{obj}}</p> data() { return { arr:[1], obj:{ a:1, b:2, }, } this.arr[1]="a" //当然这种方式很
2021-11-30 18:30:17
316
原创 div横向滚动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.
2021-11-22 11:25:14
431
原创 时间格式转换总结
<script language="JavaScript" type="text/javascript">function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 ...
2021-08-09 16:57:01
279
原创 清除字符串左右两边的空格
去除字符串左右两端的空格，在js中却没有这3个内置方法，需要手工编写。下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下：（str.trim();） <script language="javascript"> String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } String.p...
2021-08-05 10:52:43
1210
2
原创 字符串常用的方法总结：--持续更新中
就是把在工作中遇到的关于字符串的方法做一个简单的总结，会持续增加的1.字符串转化成数组let str='abc-defg'let arr=str.split("") //("")里面的参数为分割字符串的依据，此时为空，没有空格console.log(arr); //['a', 'b', 'c','-', 'd', 'e','f', 'g']let str='abc-defg'let arr=str.split(" ") //此时有一个空格console.log(arr);//
2021-08-03 10:22:32
145
原创 PyCharm常用的几个插件
1.汉化版插件pc和ws的界面是九分相似，内置功能也极为相似，在安装完此软件后，首先我们可以选择安装汉化版（搜索 Chinese 安装汉化插件点击应用即可），也可以使用英文版不用安装2.Key Promoter X它就相当于一个快捷键管理大师，它时刻地在：督促你，当下你的这个操作，应该使用哪个快捷操作来提高效率？提醒你，当下你的这个操作，还没有设置快捷键，赶紧设置一个？有了 Key Promoter X，你很快就能熟练地掌握快捷键，替代鼠标指日可待。比如我使用鼠标点开 Find in Pa
2021-07-16 23:57:44
615
1
原创 关于ES6中扩展运算符进行拷贝中的“坑”
在通常的学习概念中会觉得对某个数据是否进行深浅拷贝是有拷贝的方法决定的，当我遇到ES6中的扩展运算符的时候，才知道，还能由所拷贝的数据的格式确定的。1.当所拷贝的对象是基本数据类型的时候：深拷贝 let arr=[1,2,3] let arr2=[...arr] arr2[0]=1000 console.log(arr2)//[1000,2,3] console.log(arr)//[1,2,3] 当改变拷贝后的数组的元素时：原来的数组不发生变化，既引用地址不同2.当所拷贝的对象是引用数据
2021-06-10 14:26:35
402
原创 图解原型和原型链
Constructor 构造函数首先先写一个构造函数 Person，构造函数一般为了区别普通函数要求首字母大写:function Person(){} prototype 原型原型指的就是一个对象，实例“继承”那个对象的属性。在原型上定义的属性，通过“继承”，实例也拥有了这个属性。“继承”这个行为是在 new 操作符内部实现的。先不说实例，原型与构造函数的关系就是，构造函数（Person）内部有一个名为 prototype 的属性，通过这个属性就能访问到原型：instance 实例func
2021-05-18 20:05:07
132
原创 react项目npm start启动失败（webpack版本冲突问题）
运行了一个别人的react的项目，npm install 安装完依赖之后npm start出现报错，弄了一个中午才弄好，报错的代码如下：> react_first@0.1.0 start C:\Users\1147484597\Desktop\代码css，js\react\day6react脚手架\react_first> react-scripts startThere might be a problem with the project dependency tree.It
2021-05-07 13:03:38
2611
原创 vue+node.js+mongodb写的一个小demo
首先启动mongodb数据库，net start mongodb打开mongodb可视化工具，创建一个新的仓库，并导入本地的数据导入数据显示此页面即为打开成功也可以在命令行查看导入的数据库数据mongodb //进入数据库show dbs //查看仓库列表查看我所导入的数据use moviesdb.top250.find()45678...
2021-04-19 20:27:10
413
原创 axios的网络请求封装
1.为什么要使用axios的网络请求封装？一般项目在开发过程中和上线的时候所使用的的服务器的基础地址是不同的，也就是ip地址和端口号不同，
2021-04-12 21:31:12
278
原创 Vue cli写的一款PC端音乐播放器（网易云的API）
介绍：Vue 版仿网易云音乐软件架构：后端使用NeteaseCloudMusicApi进行反向代理数据来源于网易云音乐接口技术栈：使用技术vue2.6.11vue-router3.1.5axios0.19.2element-ui2.13.0发现音乐版块推荐歌单最新音乐1...
2021-03-20 17:25:35
565
原创 使用GIT将本地的代码推送到github仓库
1. 第一步：在本地有配置好的git，可以使用git config --list查看出现此类似的就表示已经配置好了本地git2. 第二步查看本地的文件状态是否被git管理 git status如果出现红色代码就代表没有被git所管理，使用git add . 将未被git管理的文件全部添加到本地仓库，然后再次查看本地的文件状态，应该没有红色了第三步将本地仓库的代码推送到远程github的仓库里面打开github，复制所要推送仓库的地址使用命令git push 远程仓库地
2021-02-26 13:57:54
346
原创 for in 和 for of 的区别
for in 和 for of 简单来说就是它们两者都可以用于遍历，不过for in遍历的是数组的索引（index），而for of遍历的是数组元素值（value）for in（ES1）for in和for循环方式历史悠久，从ECMAScript 1就被支持。for in 用来循环数组不是一个合适的选择。迭代的是属性key，不是值。由于属性 key 是字符串，迭代出的元素索引是 string,不是 number，不能直接进行运算，如下var arr = [1,2,3] for (let
2021-02-08 17:29:00
17547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人