尚品汇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: ...
今日刷题-微任务和宏任务
题目1123456789101112131415161718192021执行以下程序,输出结果为()var a = 100;function a(){var a = 200;console.log(a);}a();A: 100B: 200C: 抛出异常D: f a(){var a = 200;console.log(a);} 答案 C 解析 首先注意,函数提升优先级高于变量提升(也就是先函数提升才轮到变量) 之前我一直以为是被覆盖…. 所以上面的代码相当于 123456789101112function a(){var a = 200;console.log(a);}var a a = 200;a = 100;a();//所以报错~ 题目212345678910111213141516171819var num = prompt('请输入分母:')try{ console.log('a'); value = 0 / num; console.log(& ...
今日刷题-类型转换必须解决
题目112345678下面结果为真的表达式是:()A: null instanceof ObjectB: null === undefinedC: null == undefinedD: NaN == NaN 答案 C 解析 A: null instanceof Object ;// false typeof null === ‘object’;// true 同理 undefined instanceof Object ; //false typeof undefined === ‘undefined’ //true B,C null 遇到二个等号( == ) 和 undefined 比较,无条件返回true null 遇到三个等号( === ) 和undefined 比较,无条件返回false D: NaN 不与 任何值相等 包括自身 题目212345678以 ...