自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue 项目开启 gzip

(建议安装这个版本,最新版本会报错)第二种:前端配置打包压缩。

2024-06-13 11:07:01 394

原创 微信小程序-构建npm

在项目根目录中右击 - 点击【在外部终端窗口中打开】

2024-02-23 09:21:32 750

原创 VSCode中Vue项目经验分享

【代码】VSCode中Vue项目经验分享。

2024-01-24 14:20:55 730

原创 Express 教程

可以直接运行 express 命令,将使用 Jade 视图引擎和纯 CSS 在当前目录中创建项目。(如果指定目录名,则在子目录中创建项目)。还可以使用--view选择视图(模板)引擎,并且/或者使用--css选择 CSS 生成引擎。不推荐用 --hogan、–ejs、–hbs 等参数选用模板引擎。请使用 --view(或 -v)。

2024-01-23 16:50:39 801

原创 Vue中的代理服务器配置

Vue的代理配置可以在文件中进行设置。可以使用devServer选项来配置代理。

2024-01-23 16:11:35 552

原创 双Token实现无感刷新

服务端把用户信息放入token里,设置一个过期时间,客户端请求的时候通过的header携带token,服务端验证通过,就可以从中取到用户信息。token是有过期时间的,比如3天,那过期后再访问就需要重新登录了。这样体验并不好。想想你在用某个app的时候,用着用着突然跳到登录页了,告诉你需要重新登录了。是不是体验很差?所以要加上续签机制,也就是延长token过期时间。主流的方案是通过双token,一个、一个。登录成功之后,返回这两个token访问接口时带上访问:当过期时,通过来刷新,拿到新的。

2024-01-19 17:28:38 1662 2

原创 node Express 开发接口

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2024-01-12 11:54:03 718

原创 【node基础使用】

npm : 无法加载文件xxxx,因为在此系统上禁止运行脚本。

2023-11-30 11:48:06 412

原创 端口被占用,解决方法

端口被占用

2023-01-13 09:46:34 1704

转载 MySql数据库安装

mysql数据库安装

2022-09-10 17:43:58 134

原创 将一个项目同时推送到GitHub和Gitee

将一个项目同时推送到GitHub和Gitee

2022-07-24 19:28:42 250

原创 解决GitHub仓库README文件插入图片无法显示

解决GitHub仓库README文件插入图片无法显示

2022-07-17 19:33:38 385

原创 Git简易的命令行入门教程

Git命令行入门 经验

2022-07-10 16:22:58 75

原创 详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)

详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)

2022-06-04 19:11:15 3654

原创 CentOS6中将系统语言改成中文简体

1、在root权限下切换到root下:su - root查看当前语言环境:locale -a (中间有空格)如果看到 zh_CN.UTF-8(中文简体)说明你的系统支持中文语言;没有的话,执行以下命令yum install fonts-chinese.noarchyum install m17n-db-common-cjkyum install m17n-db-chinese 安装上面的几个语言包重启就正常了2、编辑i18n配置文件: vi /etc/sysconfig/i18n进行如

2022-03-17 10:07:45 3000

原创 钉钉内网穿透工具 快捷执行

钉钉穿透

2022-03-01 09:59:59 318

转载 【最简单的方法】js判断字符串是否为JSON格式

function isJSON(str) { if (typeof str == 'string') { try { var obj=JSON.parse(str); if(typeof obj == 'object' && obj ){ return true; }else{ return false; } } catch(e) {

2022-02-24 11:05:22 18175 1

原创 axios 传递参数的方式(data 与 params 的区别)

1.Get请求axios({ method: 'GET', url: '/xxx', params: param,})或者 axios({ method: 'GET', url: '/xxx?message=' + msg,})这两种方式传递基本没有区别,都会被浏览器拼接到地址栏来,如下图2.Post请求data形式axios({ method: 'POST', url: '/xxx', data: param,})//也可以写成axios({

2022-02-16 10:44:21 440

原创 VS Code利用git上传到码云gitee

首先在gitee中创建同名仓库git init (可使用VS Code插件)git add . //添加所有文件(可使用VS Code插件)git commit -m "first commit"git remote add origin git@gitee.com:xxx/xxx.git git push -u origin master //提交到码云平台(可使用VS Code插件)...

2022-02-16 09:59:58 447

原创 you-get下载视频

youget工具使用查看清晰度youget -i [URL]下载指定清晰度的视频列表you-get --format=dash-flv720 -l [URL]

2022-01-18 09:31:03 134

原创 JS-字符串与Base64互相转换

字符串与Base64互相转换字符串转base64function encode(str){ // 对字符串进行编码 var encode = encodeURI(str); // 对编码的字符串转化base64 var base64 = btoa(encode); return base64;}base64转字符串function decode(base64){ // 对base64转编码 var decode = atob(base64); // 编码转字符串 var str

2022-01-05 10:18:35 3541

原创 JS生成随机字符串

生成随机字符串function randomString(randomLen, min, max){ var str = "", range = min, arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n',

2022-01-05 09:43:25 396

原创 JS生成 UUID的方法

JS生成 UUID的方法方法一function getUUID(){ var s = []; var hexDigits = "ABCDEFabcdef0123456789"; for(var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14] = "4"; // bits 12-15 of the time_hi_and_version field t

2022-01-05 09:40:50 574

原创 ES11 新特性

ES11 新特性ES11 新特性私有属性Promise 扩展字符串扩展可选链操作符动态 import`BigInt` 大整型`globalThis` 绝对全局对象ES11 新特性私有属性私有属性只能在 class 里访问class Person { // 公有属性 name; // 私有属性 #age; #weight; // 构造方法 constructor(name, age, weight) { this.name = name; this.#a

2022-01-04 16:03:24 197

原创 ES10 新特性

ES10 新特性ES10 新特性对象方法扩展`Object.fromEntries`字符串方法扩展`trimStart` 与 `trimEnd`数组方法扩展`flat` 将多维数组转化为低维数组`flatMap` 相当于 `map + flat`Symbol 扩展`Symbol.prototype.description` 获取 Symbol 描述字符串ES10 新特性对象方法扩展Object.fromEntries二维数组 转为 对象const result = Object.fromEnt

2022-01-04 16:02:20 100

原创 ES9 新特性

ES9 新特性ES9 新特性对象展开正则扩展命名捕获分组反向断言dotAll 模式ES9 新特性对象展开rest 参数Rest 参数与 spread 扩展运算符在 ES6 中已经引入,不过 ES6 中只针对于数组,在 ES9 中对象提供了像数组一样的 rest 参数和扩展运算符function connect({ host, port, ...user }) { console.log(host); // localhost console.log(port); // 3000

2022-01-04 16:01:12 115

原创 ES8 新特性

ES8 新特性ES8 新特性async 函数await 表达式1.await 基本语法2.async 与 await 结合读取文件3.async 与 await 结合发送 AJAX 请求对象方法扩展ES8 新特性async 函数返回的结果如果不是一个 Promise 类型的对象,返回值就是成功async function fn() { return "尚硅谷";}const result = fn();console.log(result); // promise函数 {<fu

2022-01-04 15:59:58 167

原创 ES7 新特性

ES7 新特性ES7 新特性`includes` 检测数组中是否存在`**` 乘方ES7 新特性includes 检测数组中是否存在const mingzhu = ["西游记", "红楼梦", "三国演义", "水浒传"];// 判断console.log(mingzhu.includes("西游记")); // trueconsole.log(mingzhu.includes("金瓶梅")); // false** 乘方console.log(2 ** 10); // 1024con

2022-01-04 15:58:32 357

原创 ES6 新特性

ES6 新特性ES6 新特性1.let 关键字2.const 关键字3.变量的解构赋值4.模板字符串5. 简化对象写法6.箭头函数7.参数默认值8.rest 参数9.扩展运算符10.Symbol向对象中添加方法Symbol 的内置属性11.迭代器 `Symbol.iterator`12.生成器调用传递参数异步操作实例-1异步操作实例-213.PromisePromise 基本语法使用 Promise 读取文件使用 Promise 封装 AJAX 请求then 的返回值Promise 链式调用案例14.Set

2022-01-04 15:51:54 447

原创 正则表达式贪婪与非贪婪模式

什么是正则表达式的贪婪与非贪婪匹配const str = 'abcdec'// 默认贪婪匹配const reg = /ab.*c/console.log(reg.exec(str)); // abcdec// 非贪婪匹配const reg2 = /ab.*?c/console.log(reg2.exec(str)); // abc贪婪匹配:正则表达式一般趋向于最大长度匹配,也就是所谓的贪婪匹配。如上面使用模式reg匹配字符串str,结果为:abcdec(ab.*c)。非贪婪匹配:就是

2022-01-04 15:14:26 72

转载 文件各种上传,离不开的表单

作为程序员的我们,经常会要用到文件的上传和下载功能。到了需要用的时候,各种查资料。有木有…有木有…。为了方便下次使用,这里来做个总结和备忘。利用表单实现文件上传最原始、最简单、最粗暴的文件上传。前端代码://方式1<form action="/Home/SaveFile1" method="post" enctype="multipart/form-data"> <input type="file" class="file1" name="file1" />

2021-12-28 11:49:22 480

原创 git 分支查看与切换

git 分支查看与切换git 分支查看与切换# 1.查看所有分支> git branch -a# 2.查看当前使用分支(结果列表中前面标*号的表示当前使用分支)> git branch# 3.切换分支> git checkout 分支名

2021-12-20 10:00:21 421

原创 VS Code 插件推荐

名称: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code修改默认语言为简体中文,重启生效名称: Auto Rename Tag重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签名称: Beautify自动对html,js,css进行格式化对齐显示名称: ESLintjavascript代码语法检查工具名称: Bracket Pair Colorizer 2给括号加上不同的颜色,便于区

2021-12-15 11:09:48 1239

转载 JavaScript前端实现压缩图片功能

JavaScript前端实现压缩图片功能为什么要前端来压缩图片接下来看下详细步骤转自:https://www.jb51.net/article/182078.htm 侵删为什么要前端来压缩图片最近在做一个移动端h5上传图片的功能,本来这个功能并不复杂,只需要将图片文件通过axios传到服务端即可,但是考虑到现在手机设配的拍照功能十分强大,随便一张照片都能动辄五六兆,而服务端的要求是上传图片必须小于两兆,而且直接传这么大图片,带宽它也受不了,所以前端进行压缩图片就成了一个必要的环节。压缩效果首先介

2021-12-08 10:15:20 1538

空空如也

空空如也

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

TA关注的人

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