qq_28134589的博客

大转盘抽奖 luckywheel

vue3+ts引用vue2的组件 怎么$refs获取子组件里的方法父组件直接传参进去子组件watch监听 判断值调用方法

fzEvent(value) {//传入字符串 let clipboard = new this.$clipboard('img', { text: function () { return value } }) clipboard.on('success', e => { App.oTool.successT('複製成功'); clipboard.destroy(e) })

<a-upload :action="$api.uploadPic" method='post' :show-upload-list="false" :headers='headers' :before-upload="beforeUpload" @change="val => handleChange1(val,i.

项目目录package.json{ "name": "myweb1", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm

vue 2項目目录package.json{ "name": "myant", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start":

下載的連接 str+urls方法一this.$ajax({ method: 'get', url: str+urls, responseType: 'blob' }).then(res => { const BLOB = res.data; // Blob 对象表示一个不可变、原始数据的类文件对象（File 接口都是基于Blob） const fileReader = new FileReader(); // FileReade

border 三角div{ display:inline-block; width:0; height:0; border:10px solid; border-color:red green blue yellow;}气泡三角1 div叠加通过div模拟before after实现，不如 before after方便2 brfore after#demo{ width:100px; height:100px; border:2px solid #0

项目需求毕竟特殊，一时间找不到对应的组件，盖起来样式太过于麻烦，手写了HTML<div v-for='(item,ind) in menulist'> <div v-if='item.child'> <div class='gre-title' @click='item.static = !item.static'> <!-- <a-icon type="file-word" /> --> <img :s

最新接到一个项目，需要使用CKEditor，多方查找资料CKEditor4/5,最后我使用CKEditor4-vue。本着使用过百度的富文本编辑器。应该很容易上手才对。在使用过程中确实踩了很多坑。在使用学习新的技术，知识的时候。发生许多问题。为以后的学习开发。打开新思路。编辑器查找官网 // https://ckeditor.com官网提供三种不同的样式，我这里选用稍复杂的内联编辑器选取环境包的时候有两处github 官网 https://github.com/ckeditor 提供的.

Vuex 并不限制你代码结构。但是， 它规定一些需要遵守的规则应用层级的状态，应该集中到单个store对象中提交mutation是更改状态的唯一方法，并且这个过程是同步的异步逻辑都应该封装到action内遵循以上规则，如何组织代码随便。如果store文件太大，可以将action,mutation和getter分割出来 ，形成单独的文件State 单一状态的树储存在Vuex中的数据和Vue实例的数据遵循相同的规则，例如对象必须是纯粹的Vue组件获取store实例中的值// 创建一个 Co

HTML标签可以自定义属性，IE，Firefox 以及chrome下的兼容性问题 <div l='s' id='myid' name='wac'>123 </div> <div id="newTest" myAttr="getAttr"></div>自定义属性 l myAttrIE浏览器console.log(document.getElementById('myid').name)直接赋值而动态产生一个自定义属性：docu

Object.assign()object.assign()方法 从来没用过 看别人的博客上说经常使用 哎，年轻！这个方法就是浅拷贝，有一点特殊 ，就是处理第一层的深拷贝。var employeeDetailsOriginal = { name: '前端', family: { name: '前端大家庭' }};var employeeDetailsDuplicate = Object.assign({}, employeeDetailsOriginal );emp

构造函数的方法与构造函数prototype属性上方法的对比区分 ： 函数内声明的方法 ， prototype上声明的方法函数内的方法 使用函数内部的方法可以直接访问到函数内部的私有变量，如果我们通过构造函数new出来的对象需要我们操作构造函数内部的私有变量的话我们这个时候就需要考虑在函数的prototype 上添加方法prototype上的方法 当我们需要通过一个函数创建大量的对象，大量的方法时 就需要考虑prototype了这种情况下我们代码的内存占用就比较小在实际的应用中 这两种方法往往是结

前端用户登录的思路在网络上，用户访问有两种状态，匿名（没登录） 实名（登录）比如 ：1 上百度搜索 ，匿名用户获取的权限，已基本满足用户的使用需要；2 上淘宝，匿名只有浏览器的使用权，想要买东西 ，必须登入（获取权限）3 上腾讯QQ,微信 必须登入获取权限登入必须获取token（token是有效期） 第一次登入 需要获取token 第二次登入 （1 token 还在有效期 2token已经期 3用户注销token）这里涉及到登入后保存token的问题 涉及到 token 的储存地址

js 函数闭包经典案例 function fisrtFn(){ var a = 123 function twoFn(){ var b = 456 console.log(a) } return twoFn } var fa = fisrtFn() ...

webstorm 执行 npm install 报错C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-07-08T01_30_10_697Z-debug.log也去百度了一下 好像遇到的人不多我的情况是 复制一份没有node_modules的VUE项目 npm install 下载环境 报如上错误方法一 解决办法：删除C:\Users\用户名.npmrc + 重新启动 （重启发现没有什么用）方法二 先清理一遍缓存npm ca

Vue 指令一共有15个 常用 的在10个左右v-text插入文本<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-html插入标签更新元素的 innerHTML。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击。只在可信内容上使用 v-html，永不用

cache作用：是否在缓存中读取数据的读取。cache属性是true（默认值）时：在第一次请求完成之后，如果地址和参数不变化，第二次去请求，会默认获取缓存中的数据，不去读取服务器端的最新数据。cache属性是flase（默认值）时：每次读取的是最新的数据。ajax缓存只对GET方式的请求有效，因为浏览器认为POST请求提交的内容必定有变化，所以不走缓存。$.ajax({ url : "haha", cache ：false, //是否在缓存中读取数据的读取。 async :