![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
今昭昭昭
这个作者很懒,什么都没留下…
展开
-
关于$listener的用法
1.在vue2中listener可以用做:如果父组件中不存在相应的dom事件,但子组件中某个元素存在时,可以使用$listener属性获取到父组件上挂载的所有事件,子组件通过this.$listener访问到父组件中的事件2.vue2中的$attrs的用法:attrs能获取到父组件中的所有自定义属性3.vue3中的区别移除了$listener,把$lisenter移入到了$attrs中...原创 2021-12-31 17:06:27 · 959 阅读 · 0 评论 -
vue项目npm install下载依赖,报错128的解决方法
vue项目npm install下载依赖,报错128的解决方法需要执行两条命令1、git config --global http.sslverify “false” //取消ssl认证2、git config --global url.“https://”.insteadOf git:// //全局替换https为git请求路径执行后重新打开项目再执行npm install就可以啦!...原创 2021-12-22 15:06:04 · 553 阅读 · 0 评论 -
vue+SpringMVC前后端数据传递
遇到的最大的问题就是spring其他获取参数的方式都能获取,唯独@RequestBody这个注解获取不到参数,给我整了一天才明白。。因为涉及到同源策略,所以我前端使用了代理,代理到后端接口部分;发现spring报错:原因其实就是缺少必要的参数,可能是vue代理导致Body中的参数丢失,前端报的错误是超时。这时候呢,就不要用代理了,因为过不去,前端直接写成死路径,在后端的springMVC中配置跨域:1.导入跨域Cors包(pom.xml) <dependency> &原创 2021-12-01 16:04:05 · 1900 阅读 · 0 评论 -
vue-element深入css修改样式与嵌套路由的问题
如果是css类型的style就用>>>深入选择需要的样式进行修改;如果是sass,scss,less的文件需要:v-deep进行修改切勿把scope去掉,这是vue区域样式的代码,去掉它样式会造成全局污染的原创 2021-10-17 01:53:16 · 433 阅读 · 0 评论 -
vue-router剖析---02嵌套路由、路由视图
转载转载 2021-10-13 18:49:10 · 46 阅读 · 0 评论 -
next({ ...to, replace: true })与router.addRoute
之前开发时遇到了vue 项目:Uncaught Error: [vue-router] “path” is required in a route configuration.这个情况,于是就看官网,发现官网就写了下面一点描述。大致看懂了一点,说的是addroute接受一个routes类型的数组,于是乎,我就直接把数组添加进去,然后就报path错误,整了好久发现它是按照数组单位元素读取的,我把一整个数组添加进去当然识别不了咯,自己就搞个循环:for (let i in asyncrouter) {原创 2021-10-13 11:41:22 · 1817 阅读 · 0 评论 -
VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘)
next()放行next(’/XXX’)无限拦截beforeEach((to, from, next) => { beforeEach(('/XXX', from, next) => { beforeEach(('/XXX', from, next) => { beforeEach(('/XXX', from, next) => { beforeEac... // 一直循环下去...... , 因为我们没有使用 next() 放行原创 2021-10-13 09:38:17 · 383 阅读 · 0 评论 -
前后端分离----mock
在vue-cli中搭建mock服务器转载 2021-10-11 16:27:38 · 99 阅读 · 0 评论 -
关于V-model绑定对象中没有的属性
因为Vue是使用Object.defineproperty方法进行数据更新的,所以可以使用以下写法:<input v-model="prop['anyname']" />data(){return{prop:[]||{}/*prop可以为空数组或者空对象}*/;}原创 2021-09-29 17:03:11 · 1232 阅读 · 0 评论 -
JavaScript基础知识(基础值)
JavaScript基础知识(基础值)JavaScript基础值分别为String,undefined,null,number,Boolean其中:Boolean的true数字 1Boolean的false数字 0数字0 ==字符串 “”undefined == nullnumber / ( 0 || “” ) == InfinityInfinity == Infinitynumber / ( undefined || null ) == NaNNaN != NaN==( 判断值是否原创 2021-09-09 15:39:09 · 75 阅读 · 0 评论 -
qs.stringfy与json.stringfy区别
qs.stringfy与json.stringfy区别qs.stringfy将对象序列化成url形式的字符串,以&进行拼接而json.stringfy是将对象转化成Jason格式的字符串原创 2021-09-07 17:14:13 · 314 阅读 · 0 评论 -
使用ngrok内网穿透报Invalid Header问题
参考这篇博主转载 2021-09-01 10:20:14 · 872 阅读 · 0 评论 -
使用filereader读取文件对象的方法
转自:希希大队长转载 2021-08-10 17:53:16 · 154 阅读 · 0 评论 -
实现小球canvas画布事件
//画布初始化export function canvasinit() { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d") canvas.width = window.innerWidth canvas.height = window.innerHeight canvas.style.background = "rgb(50,64,87)" ballparam原创 2021-08-03 12:14:08 · 106 阅读 · 0 评论 -
threejs完成一个初步的3D看房!
const renderer = new THREE.WebGL1Renderer()//渲染器const scene = new THREE.Scene()//场景renderer.setPixelRatio(window.devicePixelRatio);//像素const camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 60)//相机const cameracontro原创 2021-07-13 15:02:37 · 899 阅读 · 0 评论 -
初探Threejs
three.js webgl - animation - skinning 这是从three.js官网上的 (model from mixamo.com)copy下来的代码,加了自己的注释!应该算半个原创吧~ <script type="module"> import * as THREE from '../build/three.module.js'; import Stats from './jsm/l...原创 2021-07-12 17:41:39 · 322 阅读 · 0 评论 -
关于 input file上传文件的原理
html中上传文件的标签为input type = “file”,底层原理其实是上传了一个文件,通过form表单形式提交,把文件对象转化成二进制对象。这里我们可以手动实现img标签上传至服务器的过程:var img = document.createElement("img"); img.src = e.target.src; //此处如果遇到canvas跨域问题,就给图片的crossorigin加上anonymous属性就好了 var canvas = docume原创 2021-06-18 15:04:11 · 1200 阅读 · 0 评论 -
vue带参数跳转打开新窗口参数不在url中
参考:传送门转载 2021-05-27 11:37:24 · 697 阅读 · 0 评论 -
踩坑!axios提交(post)表单数据
先把’Content-Type’设置为’application/x-www-form-urlencoded’(表单格式提交)然后必须安装qs插件:npm i qs -save不安装qs插件序列化,发送的数据是这样的:{“username”:“RM_CS_000001”,“pwd”:“JYey2Y B/Mo4cLGB2Rn6Yw: =”}(很像一个json字符串!)安装qs然后序列化:qs.stringify(对象)之后数据是这样的:username: RM_CS_000001pwd: JYey2原创 2021-05-25 15:28:54 · 950 阅读 · 0 评论 -
vue项目工程化导入svg步骤
1.先安装svg-sprite-loader插件,npm install svg-sprite-loader --save-dev2.在src/assets目录下创建svg目录和index.js3.在components目录下新建svg组件(SvgIcon),并加入以下代码<template> <svg :class="svgClass" aria-hidden="true"> <!-- aria-hidden="true"为避免现代辅助技术错误的朗读该元素原创 2021-05-19 18:05:40 · 361 阅读 · 0 评论 -
vue事件常见修饰符
传送门转载 2021-05-18 16:16:13 · 96 阅读 · 0 评论 -
前端css样式优先级
优先级关系:important!>内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器(参考菜鸟教程)原创 2021-05-18 14:35:30 · 89 阅读 · 0 评论 -
js寻路最优解问题
寻路传送门转载 2021-05-13 10:58:12 · 163 阅读 · 0 评论 -
前端实现能插入图片的富文本框
html5增加了一个contenteditable属性,该属性为全局通用属性,该属性能让声明的元素可以被编辑,这就简单的实现了text文本区域,但遗憾的是没有光标和没法换行。解决办法:1.光标问题把声明的元素用form包裹起来,然后添加focus事件(focus事件是表单元素事件,所以最外层要用form包裹)2.换行问题:光标的位置被称为焦点,移动光标就是移动焦点,移动焦点最开始要先得到焦点所在区域:window.getSelection(),document.getElementById(“焦原创 2021-05-10 09:51:53 · 1430 阅读 · 0 评论 -
Vue引入静态文件失效的问题
比如:在页面上写<el-img :src=“item.img”></el-img>,如果item.img为“@/icons/glowworm/1.jpg”,则还是会样式不生效的奥!,在data中写require才会生效。或者<el-image :src=“require(’@/icons/glowworm/1.jpg’)”></el-image>...原创 2021-05-08 12:49:58 · 266 阅读 · 0 评论 -
router动态拦截路由
图片写的很清楚啦,就懒得写咯原创 2021-04-27 18:16:30 · 135 阅读 · 0 评论 -
html排版居中
前端面试中常问的问题如何对HTML元素垂直水平居中?方法有以下几种:1.在要水平居中的元素外添加一个父级div元素标签,设它宽度百分百,然后要水平居中的元素:text-align:center,垂直居中:在知道最外层元素的高度下:margin-top:50%或者transform:translate(0,50%);2.通过js的方法获取外层元素的高度和宽度,在进行垂直水平居中3.暂时不想更了,就酱~...原创 2021-04-23 11:15:57 · 183 阅读 · 0 评论 -
数组去重
关于数组去重(自用)1.利用indexof函数:function find(){ var arr = [1,23,5,7,8,9,2,4,1,6,1,5,2,063,0,52,0,53,063,05,0,5,05] var arrcopy = []; for(var i in arr){ if(arrcopy.indexOf(arr[i])==-1){ arrcopy.push(arr[i])//indexof的值为-1,说明arrcopy数组里不存在这个数,则push添加进数组里原创 2021-04-12 16:38:31 · 60 阅读 · 0 评论