今昭昭昭的博客

1.在vue2中listener可以用做：如果父组件中不存在相应的dom事件，但子组件中某个元素存在时，可以使用$listener属性获取到父组件上挂载的所有事件，子组件通过this.$listener访问到父组件中的事件2.vue2中的$attrs的用法:attrs能获取到父组件中的所有自定义属性3.vue3中的区别移除了$listener,把$lisenter移入到了$attrs中...

vue add vue-next

vue项目npm install下载依赖，报错128的解决方法需要执行两条命令1、git config --global http.sslverify “false” //取消ssl认证2、git config --global url.“https://”.insteadOf git:// //全局替换https为git请求路径执行后重新打开项目再执行npm install就可以啦！...

遇到的最大的问题就是spring其他获取参数的方式都能获取，唯独@RequestBody这个注解获取不到参数，给我整了一天才明白。。因为涉及到同源策略，所以我前端使用了代理，代理到后端接口部分；发现spring报错：原因其实就是缺少必要的参数，可能是vue代理导致Body中的参数丢失，前端报的错误是超时。这时候呢，就不要用代理了，因为过不去，前端直接写成死路径，在后端的springMVC中配置跨域：1.导入跨域Cors包（pom.xml） <dependency> &

如果是css类型的style就用>>>深入选择需要的样式进行修改；如果是sass，scss，less的文件需要:v-deep进行修改切勿把scope去掉，这是vue区域样式的代码，去掉它样式会造成全局污染的

转载

之前开发时遇到了vue 项目：Uncaught Error: [vue-router] “path” is required in a route configuration.这个情况，于是就看官网，发现官网就写了下面一点描述。大致看懂了一点，说的是addroute接受一个routes类型的数组，于是乎，我就直接把数组添加进去，然后就报path错误，整了好久发现它是按照数组单位元素读取的，我把一整个数组添加进去当然识别不了咯，自己就搞个循环：for (let i in asyncrouter) {

next()放行next(’/XXX’)无限拦截beforeEach((to, from, next) => { beforeEach(('/XXX', from, next) => { beforeEach(('/XXX', from, next) => { beforeEach(('/XXX', from, next) => { beforeEac... // 一直循环下去...... , 因为我们没有使用 next() 放行

在vue-cli中搭建mock服务器

因为Vue是使用Object.defineproperty方法进行数据更新的，所以可以使用以下写法：<input v-model="prop['anyname']" />data(){return{prop:[]||{}/*prop可以为空数组或者空对象}*/;}

qs.stringfy与json.stringfy区别qs.stringfy将对象序列化成url形式的字符串，以&进行拼接而json.stringfy是将对象转化成Jason格式的字符串

参考这篇博主

转自：希希大队长

//画布初始化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

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

html中上传文件的标签为input type = “file”,底层原理其实是上传了一个文件，通过form表单形式提交，把文件对象转化成二进制对象。这里我们可以手动实现img标签上传至服务器的过程：var img = document.createElement("img"); img.src = e.target.src; //此处如果遇到canvas跨域问题，就给图片的crossorigin加上anonymous属性就好了 var canvas = docume

参考：传送门

先把’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

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"为避免现代辅助技术错误的朗读该元素

传送门

html5增加了一个contenteditable属性，该属性为全局通用属性，该属性能让声明的元素可以被编辑，这就简单的实现了text文本区域，但遗憾的是没有光标和没法换行。解决办法：1.光标问题把声明的元素用form包裹起来，然后添加focus事件（focus事件是表单元素事件，所以最外层要用form包裹）2.换行问题：光标的位置被称为焦点，移动光标就是移动焦点，移动焦点最开始要先得到焦点所在区域：window.getSelection(),document.getElementById(“焦

比如：在页面上写<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>...

图片写的很清楚啦，就懒得写咯