daimaxiaoyu的博客

前端面试题总结(Vue篇)(数据驱动，组件系统) 一.Vue的优点 1.轻量级框架：只关注视图层，是一个构建数据的视图集合，基础大小只有几十kb 2.双向数据绑定：更容易操作数据 3.组件化：实现了HTMl的封装和复用，在构建单页面应用方面有独特的优势 4.视图，数据，结构分离：更改数据更为简单，不需要逻辑代码修改 5.虚拟dom：不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式 6.内封装比较完善，有很多方便得指定和过滤器 二.双向数据绑定原理，vue3如何实现

最近接到一个表格拖拽并改变排序的需求 那么首先需要实现表格拖拽 一.引入第三方插件 1.引入sortable.js的包: npm install sortable.js --save 2.或者npm i -S vuedraggable 　　vuedraggable依赖 Sortable.js，所以下载了vuedraggable，我们便可以直接引入Sortable使用Sortable的特性。 　　vuedraggable是Sortable一种加强，实现组件化的思想，可以结合Vue，使用起来更方便 二.使用so

Vue 前端生成二维码 qrcode 生成 安装 npm npm install --save qrcodejs2 导入 import import QRCode from 'qecodejs2' 使用 new QRCode() <div class="qrcode" ref="qrCodeUrl"></div> methods: { creatQrCode() { var qrcode = new QRCode(this.$refs.qrC

Vue路由跳转打开新的页面并传参 这是我在做项目时碰到的一个需求，需要打开新的页面同时传递当前页面的一些信息作为新页面接口请求的参数。 一说到跳转打开新页面是不是瞬间就想到了a标签，超链接<a href="https://baidu.com" title="百度" target="_blank">百度</a>; 又或者说js方法window.open("https://baidu.com");当然这两个方式无疑于十分简单方便，但此时需要的时路由间的跳转，只需要改变路径名，这种需要输

一.遇到的问题 今天在项目中需要访问网易云音乐中的歌手信息接口 通过axios调取接口后出现了如下问题 这就是因为跨域访问出现的问题 那么为什么会出现跨域问题呢？ 因为因为浏览器同源策略的限制，不是同源的脚本不能操作其他源下面的对象 同源策略的概念 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影...

Vue 笔记（待更新中…） $set()方法 受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性以及数据成员的添加或删除 这样导致的结果就是页面不会自动刷新数据的变化 由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的 $set()...

vue项目npm run dev无法自动打开浏览器 今天准备用vue全家桶搭建一个个人网站，初步搭建好之后 npm run dev无法自动打开浏览器，而是需要在浏览器中手动输入 然后百度查了很久，发现问题出在项目config目录中的index.js文件 如上图 在里面找到dev中的autoOpenBrowser属性，这时我们发现它的值是false 将它的值改为true 这样保存之后，再使用npm...