vue
文章平均质量分 80
hanson247
这个作者很懒,什么都没留下…
展开
-
MathJax 3 配置和上手渲染数学公式及在Vue中的使用
mathjax是一个用于latex、mathml和ascimath表示法的开源javascript显示引擎。mathjax的3.0版是对mathjax的彻底重写,实现了组件化,可以实现不同需求的定制,使用和配置与mathjax2版本有很大的不同,所以一定要注意版本。最近在重构一个项目时,新增了一个需求支持latex数学公式渲染和编辑。在经过一番调研对比后,目前浏览器兼容性比较好的有两个,分别是KateX和MathJax。性能对比截图MathJax3MathJax2.7KaTex从对比中.原创 2021-07-18 13:16:36 · 5695 阅读 · 0 评论 -
vue-trackjs 自定义指令轻松实现前端埋点
vue-trackjs 是一个基于vue自定义指令开发的声明式自动埋点方案,压缩后只有2.5K,对业务代码没有侵入影响。使用localStorage对统计数据进行缓存,默认每60s轮询上报一次数据。入手毫无难度,插件也预留了自定义扩展API,给你充分的发挥空间。前言埋点技术,即在正常的功能逻辑中添加统计逻辑,进行数据收集,后续经过各种自定义的数据整理,为对应的产品提供数据分析,实现数据可视化。常见的前端埋点技术有:代码埋点、可视化埋点、无埋点。代码埋点:手动在需要埋点的节点调用接口发送数据。优.原创 2021-07-14 23:08:52 · 3739 阅读 · 0 评论 -
vue class风格开发组件 vue-class-component vue-property-decorator vuex-class 解析
vue-class-componentvue-class-component是一个支持es6 class风格来开发组件的vue官方库,并使vue组件可以使用继承、混入等特性。// App.vue<script>import Vue from 'vue'import Component from 'vue-class-component' @Component({ props: { propMessage: String }})export default cla原创 2020-08-01 18:26:31 · 7646 阅读 · 0 评论 -
vue updated生命周期的使用场景,可以做什么
官方介绍:updated类型:Function详细:由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更改状态。如果要相应状态改变,通常最好使用计算属性或 watcher 取而代之。执行依赖于 DOM 的操作,确实让人很疑惑,到底有什么使用场景呢?我思考了很久之后,想到自己之前做的即时聊天项目,打开当前会话加载完消息后需要自动滚动到窗口最底部,原创 2020-07-25 21:23:00 · 6127 阅读 · 1 评论 -
vue 图片加载loading动画及加载出错处理
图片的加载速度往往影响着网页整体的用户体验,尤其对于包含大量图片的网站或者类似微信的会话聊天窗口。对图片添加加载动画,防止出现大面积空白,不失为一个减缓用户焦虑的高效解决方案。vue-image-preview demo地址下面是基于vue自定义指令的实现思路:创建一个自定义指令文件夹directives,新建 imagePreview.jsexport const imagePreview = { inserted(el) { var img = new Image(); im原创 2020-07-24 22:01:16 · 1595 阅读 · 0 评论 -
解决vue中样式不起作用:样式穿透/深度选择器(/deep/)
原因1:组件内部使用组件,添加了scoped属性原因2:动态引入html,也添加了scoped属性;原因3:非以上两种;一、添加了scoped属性:Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转译前的代码:<style lang="less" scoped> .example{ color:red; }</style><template> <div class="example">s原创 2020-06-09 12:07:54 · 19239 阅读 · 2 评论