Web
阿尔兹
将生活技能点满,活成百科全书
展开
-
..\AppData\Roaming\npm\nrm.ps1,因为在此系统上禁止运行脚本。
因为在此系统上禁止运行脚本原创 2022-12-01 09:54:03 · 599 阅读 · 1 评论 -
vue-router路由参数(params和query)
vue-router路由参数(params和query)原创 2022-06-15 17:07:17 · 7438 阅读 · 0 评论 -
vue中数组的相关方法
1,锁定数组的长度(只读模式)[ Array.join() ]var a = [1,2,3] //定义一个数组<br>Object.defineProperty(a,"length",{ writable:false}) //将a数组的长度属性设为只读<br>a.length = 0 //将a的长度改为0<br>console.log(a.length); //打印a数组的长度,还是32、将数组合并成字符串(返回字符串)[ Array.j转载 2022-04-08 16:24:54 · 1717 阅读 · 0 评论 -
Element-ui表格自适应宽度
<el-table-column label="#" prop="id" align="center" :width="flexColumnWidth('id',tableList)"/>roleList: 为数据数组;merchantNo:为当前列的字段;注:以下代码中是直接读取tableData[ i ][ str ],如果str不在第一层,则需要自行改写如table[ i ].data[ str ]flexColumnWidth(str, tableData...转载 2022-03-31 14:05:17 · 5002 阅读 · 0 评论 -
canvas中的鼠标事件(vue及原生)
一、原生:可直接打开查看效果<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>圆形扩散</title> <style> canvas { background: #000000; } </style></head>原创 2022-03-30 09:37:50 · 4889 阅读 · 1 评论 -
vue 项目中发送 get 请求参数是数组的情况
在 vue 项目中一般是使用 axios 来发送请求的,例如let myThings = ['1', '2', '3']axios.get('/user', { params: { ID: 12345, things: myThings , } })// 上面的请求是 '.../user?ID=12345&things[]=1&things[]=2&things[]=3问题在于直接传的数组axios.get('/use转载 2022-03-29 16:54:00 · 1409 阅读 · 0 评论 -
canvas 画布内坐标混乱
canvas 画布内坐标混乱原创 2022-03-29 15:22:03 · 1053 阅读 · 0 评论 -
修改Vue qrcodejs2的title
鼠标悬浮于二维码表面时会显示出代码中的 text字段的值,修改或删掉悬浮的字原创 2022-03-28 09:19:29 · 915 阅读 · 0 评论 -
微信小程序开发者工具
微信小程序模板目录结构原创 2022-03-27 20:51:54 · 6915 阅读 · 0 评论 -
前端发送get请求,但是url却没有参数
问题:当我在前端发送请求的时候报错:Required String parameter ‘xxx‘ is not present我反复检查一遍是不是字段写错了,没有发现问题然后看到请求的url根本就没有带请求参数代码如下发现问题:发现我的get请求发了一个请求体,导致url上没有带参数params 是添加到url的请求字符串中的,用于get请求。data 是添加到请求体(body)中的, 用于post请求。...原创 2022-03-18 18:02:37 · 2845 阅读 · 0 评论 -
http请求时 params和data的区别
params是添加到url的请求字符串中的,一般用于get请求。data是添加到请求体(body)中的, 一般用于post请求。可以知道在请求参数中参数有请求类型(query,body)get请求:服务器并不会读取http body里面的数据,这样我们传递的就是Params里的请求的参数了。body请求:服务器读取http body里面的数据那就需要用POST请求了,POST请求的参数就存放在body;...原创 2021-12-17 09:23:47 · 3439 阅读 · 0 评论 -
Vue:深入理解插槽(slot与slot-scope等)
vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,先让还没接触过插槽的同学对什么是插槽有一个简单的概念:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由.转载 2021-12-07 14:24:31 · 451 阅读 · 0 评论 -
Vue:Object.assign()的使用与深拷贝
一、Object.assign()对象的拷贝Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。Object.assign(target, ...sources) 【target:目标对象】,【souce:源对象(可多个)】举个栗子:const object1 = { a: 1, b: 2, c: 3};const object2 = Object.assign({c: 4, d: 5}, objec...转载 2021-12-01 15:56:12 · 6520 阅读 · 0 评论 -
Vue中rules表单验证(常用)
vue的rules用法及自带的校验规则和常用正则表达式校验原创 2021-11-19 16:53:19 · 42598 阅读 · 3 评论 -
Vue中data数据被return包裹与不包裹的区别
1、不使用return包裹的数据会在项目的全局可见,有可能造成变量污染;每个.vue都是一个组件,组件就是一个可复用的vue实例。这就意味着,如果你的data是普通的数据域的话,那么所有复用该组件的实例都会引用同一份数据,这就造成了数据污染。2、使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。通过提供 data 函数,每次创建一个新实例后,从而返回初始数据的一个新副本数据对象。...原创 2021-11-10 14:08:05 · 1976 阅读 · 1 评论 -
Vue组件的生命周期
首先,如图所示:组件在各个阶段的状态(https://cn.vuejs.org/v2/guide/instance.html)组件的创建阶段1.new vue() : new一个vue的实例对象;此时会进入组件的创建过程(该组件在代码中被注册并使用时,就代表着其被new了一个新的实例对象)。2.Init Events & Lifecycle :初始化组件的事件和生命周期函数;当执行完这一步之后,组件的生命周期函数就已经全部初始化好了,等待着依次去调用。3.beforeCr原创 2021-08-31 18:28:37 · 502 阅读 · 0 评论 -
webpack打包报错:‘mode‘ option has not been set...
问题:初学者刚开始用webpack打包的时候可能会遇到这个报错:WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value.Set 'mode' option to 'development' or 'production' to enable defaults for each environment.You can also原创 2021-08-23 13:57:52 · 6238 阅读 · 3 评论 -
Vue:v-bind与v-for结合练习
一、需求一个列表,鼠标点击哪个列表项,就改变哪个列表项的样式注:自行更改对应自己电脑vue.js文件的路径位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid.原创 2021-08-11 16:27:33 · 246 阅读 · 0 评论 -
Web-js:实现拖动对话框(模态框)
实现点击按住蓝色区域移动鼠标实现拖动整个区域,松开时固定在当前位置:<!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, i.原创 2021-08-09 16:04:24 · 391 阅读 · 0 评论 -
JS:判断是否是移动端
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))){ //手机 } else{ //电脑 }直接复制使用...原创 2021-08-09 10:33:10 · 1034 阅读 · 0 评论 -
CSS---(字体图标,插画,背景图)阿里Iconfont在线图标使用
一、搜索自己想要的图标进入官网:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2在搜索栏中寻找自己想要的图标,例如:金币;你可以将其下载为png文件等在CSS代码中引用,但这里我要讲的是在线引用。二、添加至项目将该图标加入到购物车(点击第一个,购物车)添加至项目生成代码(该代码是在线的,因为我这里之前有图标,所以是更新代码)值得注意的是没错有添加或者删除图标的操作都要..原创 2021-08-04 14:49:47 · 708 阅读 · 0 评论 -
CSS重置样式表
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .原创 2021-07-28 10:32:25 · 102 阅读 · 0 评论