vue
文章平均质量分 78
Trist丨
www.trist.cn
展开
-
PWA桌面应用开发
什么是PWAProgressive Web App, 渐进式web应用程序,简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。PWA 的主要特点包括下面三点:可靠 - 即使在不稳定的网络环境下,也能瞬间原创 2021-11-19 16:52:36 · 3703 阅读 · 0 评论 -
Vue3中组件的挂载及调用
在Vue2.X中,我们通过Vue.prototype.$dialog = dialog的方式挂载组件,并使用this.$xxx的形式通过函数调用组件,如this.$dialog({})而在Vue3.X中,组合式API没有this,不过新增了globalProperties属性,代替了Vue.prototype查看Vue3.X官方文档(https://www.vue3js.cn/docs/zh/api/application-config.html#globalproperties)// 之前(Vue原创 2021-04-06 16:13:14 · 8174 阅读 · 2 评论 -
vue-cli3+ 打包至非根目录静态资源(图片,字体文件)路径加载错误,导致不显示,丢失
缘由当开发vue项目时,ele字体图标显示无任何问题,然而当项目打包部署上线时,图片,字体文件等静态资源就丢失了,通过分析是因为项目打包时是非根目录,通过publicPath进行了配置,静态资源没有匹配到publicPath,因此打包出来的路径错误,导致页面不显示资源分析由于是打包至非根目录下,我们需要对webpack中的publicPath进行配置,同时记得修改router.js中的base地址// 打包至非根目录下// vue.config.jspublicPath: "/tpls/vue/原创 2021-03-03 18:19:53 · 2751 阅读 · 3 评论 -
Vue3写法总结
组件实例中的使用setup所以Vue3中API的入口和出口,Composition API都在写在其里面,Options API可以共存写在其中,但推荐使用全Composition API的写法setup在beforeCreate,create之前创建,因此没有this在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用setup有两个参数,第一个是props,用于接收传递的属性对象,可以通过watchEffect监听,第二个参数是context,其包含at原创 2021-02-26 14:13:20 · 19428 阅读 · 3 评论 -
从底层了解Vue3
Vue3带来了什么(新特性)更快1. 重写虚拟dom,diff算法优化回顾Vue2的vdom:用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较,记录两棵树差异把所记录的差异应用到所构建的真正的DOM树上,视图就更新了vue2.x的diff算法叫做全量比较,顾名思义,就是当数据改变的时候,会从头到尾的进行vDom对比,即使有些内容是永恒固定不变的,它也会一一遍原创 2021-02-25 15:51:51 · 751 阅读 · 0 评论 -
快速入门,理解,使用 axios请求
为什么选择axios区分Ajax,Jquery Ajax,Fetch, AxiosAjax:ajax自然不必说,最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。Jquery Ajax:jQuery框架中的发送后端请求技术,对原生XHR的封装,除此以外还增添了对JSONP的支持。随着三大主流...原创 2020-05-05 19:01:32 · 208 阅读 · 0 评论 -
uni-app中微信小程序端使用腾讯地图API实现定位服务(超详细教程)
在目前的小程序开发中,为了更好的用户体验,以及信息推荐,我们难免要获取用户的授权拿到定位。所以在uni-app的学习中,我决定将实现的步骤详细地记录下来,希望可以帮助到更多的人!使用到的方法及api:实现这个功能时,最好先看一遍官方的文档uni.authorize(OBJECT) 向用户发起授权请求 点击查看uni-app官方文档qqmapsdk = new QQMapWX({ }...原创 2020-04-18 22:53:22 · 14604 阅读 · 3 评论 -
快速入门vuex带案例说明(超详细易理解)
理论关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。VueX中的核...原创 2020-04-16 23:22:44 · 542 阅读 · 1 评论 -
VUE中的全局时间过滤器(格式化时间)
全局时间过滤器相对时间过滤器,把时间戳转换成常用时间代码如下:将过滤器命名为dataFormat传入一个为处理的时间参数 orgiinVal获取日期对象,使用以下获取年月日时分秒的方法使用padStart()方法用于时间补0,即不足2位用0补充将时间进行格式拼接返回出来Vue.filter('dateFormat', function (originVal) { const...原创 2020-04-07 17:09:06 · 582 阅读 · 0 评论 -
Vue中的使用axios封装的全局拦截器
使用axios,并挂载到全局以下配置在main.js中其他页面在使用axios的时候直接 this.$axios就可以了import Axios from 'axios';Vue.prototype.$axios = Axios;配置全局请求拦截器使用如下方法axios.interceptors.request.use(config=>{},err=>{})报错时通...原创 2020-04-07 16:51:33 · 909 阅读 · 2 评论