git添加代理,让github克隆的速度增加变快
clash的配置注意Allow LAN要打上勾 方法1:推荐! 添加创建.gitconfig文件,内容如下 注意,端口7890每个人可能不一样,需要看自己的clash代理是什么端口,可以在General项目当中的Port查看到 123456[http] proxy = "socks5://127.0.0.1:7890" proxy = "http://127.0.0.1:7890"[https] proxy = "socks5://127.0.0.1:7890" proxy = "https://127.0.0.1:7890" 创建这个文件的目录到git里面看下 可以看到,我这里C:\Users\Administrator,说明我需要在这个文件下创建.gitconfig 添加后的文件内容为 如果需要curl的代理,请看这里 依旧是新建.curlrc在C:\Users\Administrator 添加下面内容 1socks5 = "127.0.0.1:7890&q ...
vue当中addRoutes动态添加路由白屏解决和next(),next("/")的一些区别
问题产生前言 使用动态添加路由router.addRoutes()后进入一个页面,对着这一个页面刷新一下,然后页面就白屏了并且不管刷新多少次都没有用,依旧是白屏,只有重新进入页面才有效果 比如对于网站http://localhost:9528/#/product/attr/list,现在显示是正常的,对着这一个页面刷新一下,页面就白屏了,刷新多少次都没有用,必须要重新访问一次路由才可以必须要重新访问一次网站才可以(只要不再次刷新就可以) 本文参考学习了该博主的文章 问题分析 动态添加路由无非就是几个过程 router.addRoutes(); 页面访问动态生成的路由 步骤1没有问题,问题就出现在页面访问动态生成的路由上面 我们再来分析下过程 页面被刷新,路由信息被重新计算生成并通过addRoutes方法动态添加到了router当中 addRoutes方法还没有完成,用户就已经在访问界面了(可以理解为addRoutes和访问路由同时进行) 用户一边访问界面,后面一边动态添加路由,addRoutes相当于还没有完成就被访问了路由(可以理解访问了一个此刻不存在的路由导致的 ...
尚品汇Vue项目 前台+后台完成品源码(含在线演示)
尚品汇前台练习 在线地址演示1(前台项目) https://demo.gshopfront.dreamlove.top/ 重新添加了修改了下 2022年7月30日16.13.13 登录界面添加了下自动登录 detail购物车用户输入商品数量的优化,为合法值的时候才更新,否者还原原有的值 搜索结果页面的评价人数用随机数,这样子好看点,并且每一件商品的金额的样式调整了下 事件委派的方式为搜索结果添加’加入购物车’按钮 结算页面验证是否登录了 首页swiper的前进后退按钮移入显示移出隐藏 login界面的label和input对齐了下 注册成功后自动登录 地址编辑框优化 dialog自己添加遮罩层和dialog显示的时候禁用滚动(elementui在这里有bug) 购物车为空的时候没有什么提示添加进去了一个内容 购物车提交时候必须要有地址信息才可以 注册界面添加倒计时 提交订单页选择优化 购物车列表商品增加删除逻辑优化 一些样式的轻微调整 其他的请你们进入在线演示仔细查看吧~ 自己添加了下收货地址和删除收货地址 有时候主页的一些数据老是获取不到,用了假数据(但是数据内容和 ...
Echarts图表的基本使用
Echarts的初始化使用 引入什么的就不多说了,普通的js脚本怎么引入echarts就怎么引入 大概初始化的步骤 获取DOM(用于绘制表格) 依据获取的DOM对象初始化echarts(使得这个DOM对象用于展示图表数据) 书写echarts配置对象 第二步返回的echarts对象调用setOption方法并传入第三步书写的配置对象 别忘记设置Dom容器的宽高了(css设置即可) 好像如果是同一个echarts实例化对象,再次调用setOption方法,不会造成图表全部重新绘制,只会造成部分修改 1234567//重新设置图表的标题,在这之前已经调用过setOption了//所以只会重新绘制图表标题this.table1.setOption({ title:{ text:this.showTitle+"趋势" },}) 示例代码1234567891011121314151617181920212223242526272829303132333435363738394041424344454 ...
vue-admin-template里面的异步路由,常量路由,任意路由的添加,记录笔记
路由模式 常量路由(比如首页) 异步路由(不同用户不同路由,根据权限来定的) 任意路由(比如404) vueAdmin当中使用路由权限1.在路由注册的时候,分段注册 (默认只注册常量路由) src\router\index.js 2.处理路由信息,并添加到route当中 调用router当中的addRouter方法,传入的参数为数组(数组里面也就是路由信息) src\store\modules\user.js当中,根据token获取到用户信息后(比如用户权限,可以用的路由有哪些),来对数据进行处理 处理路由信息的函数 1234567891011121314151617/** * * @param {array} all 所有的异步路由信息 * @param {array} selfRoutes 服务器获取到的当前账户所具有的异步路由信息 */function getOwnAsyncRoutes(allAsyncRoutes,selfRoutes){ return allAsyncRoutes.filter(item =& ...
vue-admin管理模板npm安装依赖后npm run de提示依赖core-js,@babel等报错的解决办法
安装别人做好的后台管理项目,npm run dev后报错 都是这种core-js/modules/es.array.concat.js 什么的错误 解决 找到项目下的babel.config.js 原来的presets改为下面 1presets: [ [ "@vue/app", { useBuiltIns: "entry" } ] ], 改好之后 重新运行npm run dev 成功!
LeanCloud白嫖valine评论和避免休眠指南
由于白嫖原因,LenCloud会自动休眠导致valine评论通知邮箱发送不了,所以这里记录了下我解决的过程 这里用服务器的cron解决,其他方法可以看这个博主的 另外一种直接在valine添加定时器的方式失败(如下图),所以就用另外一种 绑定域名1. 添加云引擎、ClientEngine 域名假设你的域名为example.com，为Valine后端分配的二级域名是xxx.example.com，那么就在域名栏内填入xxx.example.com 2.去域名管理添加CNAME解析 3.等待一会,会自动部署 4.部署完成,添加管理员账号密码 添加你的账号密码 添加一行后记得添加下你的email 避免休眠(免费的原因~)注意: !!!一定要等绑定域名显示完成后才有效果 注意: !!!一定要等绑定域名显示完成后才有效果 注意: !!!一定要等绑定域名显示完成后才有效果 因为是免费的,所以每天必须休眠 6 小时~~~ 并且单纯定时器的方式会提示因流控原因，通过定时任务唤醒体验版实例失败，建议升级至标准版云引擎实例避免休眠 所以需要解决 这里使用的是crontab命令代码 ...
canvas基本使用
canvas的基本了解 canvas仅仅只是一个画布,定义一个canvas标签,需要通过属性,属性,属性来设置宽度高度(不可以通过样式!),如果不设置默认300*150 不通过属性设置画布的宽度和高度,会造成坐标不准确的问题! canvas必须要通过js来操作 canvas的坐标是从左到右是x轴,从上到下是y轴 vscode书写canvas的时候没有提示,加上/** @type {HTMLCanvasElement} */ 1234<script>/** @type {HTMLCanvasElement} */ canvas代码书写</script> canvas的基本步骤 获取canvas的节点 画布创建画笔并选择画笔的绘制类型 开始绘制 store()方法绘制 —— stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。 123456789101112131415161718192021222324252627<canvas id=&q ...
今日刷题-Object.defineProperty和Object.getOwnPropertyDescriptor
题目112345678910下列window方法中，可以显示对话框的一项是（）A: confirm()B: alert()C: prompt()D: open() 答案 C 解析 A: 弹出一个判断对话框(有确认,取消按钮和提示文本),返回值为用户所按下的,为真返回true,为假返回false B: 弹出一个对话框 C: 弹出一个用户输入对话框,返回值为用户输入的值,没有输入则返回值为null D: 打开一个指定的窗口并指定打开方式 题目21234567891011121314var s = Symbol('key'); ...①console.log(s + '123'); ...②var obj = { [s]:function(){console.log(1);} ...③}var b = Reflect.ownKeys(obj); ...④A: ①B: ②C: ③D: ④ 答案 B 解析 Symbol是ES6新增的基本数据类型之一(全部基本数据类型为undefined ...
前端真题刷题-注意基础知识不要忘了基本原理
题目1123456789SVG 有多少种图形对象类型？A: 2 B: 3C: 5D: 7 答案 解析 题目212345678910111213141516以下哪个是 html5 中的 input 类型属性？(1) search(2) datetime(3) week(4) color(5) track(6) placeholderA: 1 , 2 , 3 , 4 , 6 B: 1 , 2 , 3 , 4 , 5 C: 2 , 3 , 4 , 5 , 6 D: 1 , 3 , 4 , 5 , 6 答案 解析 题目312345以下哪个不是 HTML5 中使用的媒体元素？A: <source>B: <audio>C: <track>D: <time> 答案 解析 题目412345SVG 是什么意思？A: 二级矢量图形B: 可伸缩的垂直图形C: 可伸缩矢量图形D: 三级矢量图形 答案 解析 题目512345input 元素的哪个属性将元素的值设置为表示一定范围内的数字？A: rangeB: emailC: fileD: ...
