前端
文章平均质量分 73
打代码的小天宇
这个作者很懒,什么都没留下…
展开
-
前端面试题总结——Vue篇
前端面试题总结(Vue篇)(数据驱动,组件系统)一.Vue的优点1.轻量级框架:只关注视图层,是一个构建数据的视图集合,基础大小只有几十kb2.双向数据绑定:更容易操作数据3.组件化:实现了HTMl的封装和复用,在构建单页面应用方面有独特的优势4.视图,数据,结构分离:更改数据更为简单,不需要逻辑代码修改5.虚拟dom:不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式6.内封装比较完善,有很多方便得指定和过滤器二.双向数据绑定原理,vue3如何实现原创 2021-03-17 17:32:30 · 174 阅读 · 0 评论 -
element-ui table组件实现可拖拽效果
最近接到一个表格拖拽并改变排序的需求那么首先需要实现表格拖拽一.引入第三方插件1.引入sortable.js的包: npm install sortable.js --save2.或者npm i -S vuedraggable vuedraggable依赖 Sortable.js,所以下载了vuedraggable,我们便可以直接引入Sortable使用Sortable的特性。 vuedraggable是Sortable一种加强,实现组件化的思想,可以结合Vue,使用起来更方便二.使用so原创 2020-08-25 10:53:19 · 2360 阅读 · 0 评论 -
Vue 前端qrcode生成二维码
Vue 前端生成二维码qrcode 生成安装 npmnpm install --save qrcodejs2导入 importimport QRCode from 'qecodejs2'使用 new QRCode()<div class="qrcode" ref="qrCodeUrl"></div>methods: { creatQrCode() { var qrcode = new QRCode(this.$refs.qrC原创 2020-08-05 14:40:08 · 740 阅读 · 2 评论 -
Vue路由跳转打开新的页面并传参
Vue路由跳转打开新的页面并传参这是我在做项目时碰到的一个需求,需要打开新的页面同时传递当前页面的一些信息作为新页面接口请求的参数。一说到跳转打开新页面是不是瞬间就想到了a标签,超链接<a href="https://baidu.com" title="百度" target="_blank">百度</a>; 又或者说js方法window.open("https://baidu.com");当然这两个方式无疑于十分简单方便,但此时需要的时路由间的跳转,只需要改变路径名,这种需要输原创 2020-08-05 12:03:39 · 1948 阅读 · 1 评论 -
Vue跨域问题——vue2.0 proxyTable配置,以及配置后为什么无法生效问题
一.遇到的问题今天在项目中需要访问网易云音乐中的歌手信息接口通过axios调取接口后出现了如下问题这就是因为跨域访问出现的问题那么为什么会出现跨域问题呢?因为因为浏览器同源策略的限制,不是同源的脚本不能操作其他源下面的对象同源策略的概念同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影...原创 2020-01-10 17:18:26 · 8449 阅读 · 13 评论 -
Vue笔记 (持续更新添加)
Vue 笔记(待更新中…)$set()方法受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性以及数据成员的添加或删除这样导致的结果就是页面不会自动刷新数据的变化由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的$set()...原创 2019-11-25 17:15:01 · 140 阅读 · 0 评论 -
vue-cli搭建的项目npm run dev无法自动打开浏览器
vue项目npm run dev无法自动打开浏览器今天准备用vue全家桶搭建一个个人网站,初步搭建好之后npm run dev无法自动打开浏览器,而是需要在浏览器中手动输入然后百度查了很久,发现问题出在项目config目录中的index.js文件如上图在里面找到dev中的autoOpenBrowser属性,这时我们发现它的值是false将它的值改为true这样保存之后,再使用npm...原创 2019-10-17 18:38:43 · 634 阅读 · 0 评论