前端开发、vue
MATSUKO0924
书读百遍,其意自现
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue.nextTick和vue.set
一、vue.nextTick1.场景一:在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中。在created()钩子函数执行的时候DOM 其实并未进行任何渲染,而此时进行DOM操作无异于徒劳,所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。与之对应的就是mounted()钩子函数,因为该钩子函数执行时所有的DOM挂载和渲染都已完成,此时在该钩子函数中进行任何DOM操作都不会有问题 。2.场景二:在数据变化后要原创 2020-11-03 16:55:52 · 1626 阅读 · 0 评论 -
npm install 连接不上github解决办法
1.https://github.com.ipaddress.com/ 用ipaddress查询dns服务器地址2.在host文件里配置 xxx github.com3.使用npm ,尽量不用cnpm原创 2020-10-22 15:47:49 · 3986 阅读 · 0 评论 -
纯vue+ui项目与小程序、uni-app开发的异同
一、前言有些人会问,不都是vue语法吗,有什么差异呢。我不是说的语法,我是说的使用方面。最近三个月一直在做移动端的项目。使用微信小程序原生和uniapp框架做开发,对vue的一些原始语法有些生疏。现在来对他们的一些差别进行对比。二、内容1.纯vue项目使用比如Element-ui、Ant-design、vant等ui框架来渲染界面。而weixin和uniapp则有自带的ui组件(当然也可以使用其他ui框架,比如uView)。2.纯vue项目需要使用vue-router及其导航首位来配置页面跳转。w原创 2020-08-06 18:44:11 · 2166 阅读 · 0 评论 -
vue项目中批量打印二维码
综合了两个文章实现。首先使用qrcode实现生成。然后window.open和window.print打印一、生成二维码(原文链接:https://www.cnblogs.com/feijiediyimei/p/11136607.html) 最近项目有个需求,需要将一个连接生成二维码展示出来,然后在网上找到了QRCode这个插件,这里大致记录下它的使用方法介绍: QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5转载 2020-05-11 11:08:04 · 2261 阅读 · 0 评论 -
nginx配置vue前端代理
背景:做一个前后端分离的项目,使用vue-cli创建的前端项目,在前端配置跨域请求。一、开发阶段在vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候,需要再重新配置请求代理。vue.config.js中代码配置如下:// 相当于webpack-dev-server...原创 2020-04-21 16:48:22 · 8658 阅读 · 2 评论 -
2020.03vue常见问题总结
VUE常见问题由于vue是MVVM,日常经常有些渲染问题。1.绑定的元素(v-for)渲染出来的数据,尤其是对话框中。使用push、shift、splice等操作原数组的方法可使数据更新而不用重新渲染。2.js中尤其注意’='地址引用。3.element-ui上传组件的问题功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Co...原创 2020-04-13 19:03:04 · 354 阅读 · 0 评论 -
Vue全家桶之过滤器
vue过滤器通常用于对数据再渲染前进行一些复杂格式的转换。通常用于时间格式的转换第一步,再main.js中声明:第一个参数是过滤器的名字,被调用时使用。回调函数中的参数是使用时前面需要处理的数据。padStart函数是用于不足两位的时候补零。//设置时间格式过滤器Vue.filter('dateFormat', function(originVal) { const dt = new ...原创 2020-02-03 16:53:26 · 387 阅读 · 0 评论 -
Vue全家桶之vue-router
路由分为前端路由和后端路由,后端主要是通过识别请求路径,分发对应的资源,而前端路由主要是针对SPA单页面应用的局部刷新。识别触发的事件,分发对应的渲染内容。vue-router中的router-link就会默认被渲染为a标签,在其path中的路径上加上#采用hash链接的方式进行导航,从而渲染对应的组件。下面是使用vue-router的基本步骤:1.引入库文件2.添加路由链接3.添加路...原创 2020-02-02 15:11:47 · 293 阅读 · 0 评论 -
art-template模板浅析
关于art-template模板,收藏了两篇文章,讲的比较系统,简单来说就是一个数据和页面的拼接渲染模板。具体跟 Vue、React 这些前端主流框架比较的性能,官方并未给出数据,但是我认为只比较页面渲染能力的话,应该相差不多, Vue、React 是一整套的前端解决方案,而 art-template 只是一个 js模板引擎,二者定位和功能不同,不做详细比较,猜测 art-template 同样...原创 2020-02-02 15:09:31 · 685 阅读 · 0 评论 -
js中的同步异步运行机制及promise、异步函数
1.js先执行同步代码,异步代码放在异步队列中等待。2.异步函数不阻塞后续代码执行,所以异步函数return拿不到返回结果,需要使用回调函数将代码放在异步代码中。3.要想解决的话使用就异步按同步执行会出现回调地狱。使用Promise可以解决。4.但是promise还不够简便,然后就有了async异步函数配合 await。注意await后面接收Promise对象并解析其结果。5.异步函数默...原创 2020-02-02 15:07:23 · 522 阅读 · 0 评论 -
element-ui使用常见问题
1.最常见的问题:form表单的每一项的prop属性是为了提供表单验证,尽量填写,而且名字需要和每个表单项绑定的值的名字一致,否则表单验证validate方法和重置表单resetFields方法不起作用。2.el-menu-item菜单组件的index属性是可以起router作用的,必须是字符串。el-submenu的Index的值如果相同,则同时展开关闭一级菜单项。3.为防止默认激活(def...原创 2020-02-01 19:31:18 · 1035 阅读 · 0 评论 -
2020年vue周边知识点整理(一)
(1)vue项目安装插件和安装依赖的区别。比如element-ui有的是安装插件,有的是直接安装依赖,保留问题。(2)token是登录请求成功后,由后台返回,然后前端保留在本地,和session的区别。(3)...原创 2020-02-01 15:43:00 · 755 阅读 · 0 评论
分享