mpvue-wxParse 是适用于Mpvue的微信小程序富文本解析组件，支持 HTML 及 markdown 解析。 安装npm install mpvue-wxparse 使用 1. HTML<template><div><wxParse :content="article" @preview="preview" @navigate="navigate" /></div> </template> 2. JS<script> import wxParse from 'mpvue-wxparse'export default {components: {wxParse},data () {return {article: '<div>CSDN: mossbaoo</div>'}},methods: {prev...
第1章 准备工作介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式，以及从入口开始分析了 Vue.js 的初始化过程。1-1 课程简介1-2 准备工作1-3 认识 Flow-文档1-4 认识 Flow1-5 Vue.js 源码目录设计-文档1-6 Vue.js 源码目录设计1-7 Vue.js 源码构建-文档1-8 Vue.js 源码构建1-9 从入口开始-文档1-10 从入口开始第2章 数据驱动详细讲解了模板数据到 DOM 渲染的过程，从 new Vue 开始，分析了 mount、render、update、patc...
Vue.js 源码全方位深入解析第1章 准备工作 介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式，以及从入口开始分析了 Vue.js 的初始化过程。 1-1 课程简介 1-2 准备工作 1-3 认识 Flow-文档 1-4 认识 Flow 1-5 Vue.js 源码目录设计 1-6 Vue.js 源码目录设计 1-7 Vue.js 源码构建-文档 1-8 Vue.js 源码构建 1-9 从入口开始-文档 1-10 从入口开始第2章 数据驱动 详细讲解了模板数据到 DOM 渲染的过程，从 new Vue 开始，分...
vue2.x源码解析准备–Runtime Only 和 Runtime+Compiler1.1 Runtime OnlyRuntime Only相比Runtime+Compiler更加轻量，但是缺点是不能够编译jsx，在vue源码中，无论是render函数，还是template最终都是编译成render函数进行渲染的，所以，使用Runtime Only有时需要自己手动配置webpack对模板语法进行编译。1.2 Runtime+Compiler 常用的就是Runtime+Compiler，不需要自己手写render。
防抖函数：防止事件被多次触发使用：1. 页面加载图片，每张图片完成加载后会调用刷新功能，但如果不希望每次都执行刷新操作，可以使用防抖函数，实例12. 一个按钮被触发，一段时间内两次或多次点击不再触发该事件，可以使用防抖函数主要逻辑： 1. 创建定时器，定时器中调用功能代码，定时器的定时时间 实例1： mounted() {// 1. 将刷新操作包装到防抖函数debounce中const refresh = this.debounce(this.$refs.scroll.re...
基础知识 Object.defineProperty es5新增了Object.defineProperty这个api，它可以允许我们为对象的属性来设定getter和setter,从而我们可以劫持用户对对象属性的取值和赋值。比如以下代码: const obj = { };let val = 'cjg'; Object.defineProperty(obj, 'name', {get() {console.log('劫持了你的取值操作啦');return val;},set(newVal) {console.log('劫持了你的赋值操作啦');val = newVal;} });console.log(obj.name); obj.name =...
网上关于解析svg的有很多，就不白话了。 1：在src文件夹下建立如下文件 svg文件夹专门存放下载下来的svg文件。 index.js用来解析svg文件。 SvgIcon.vue是svg的公共组件，提取出来便于逻辑书写。 2：svgicon.vue的代码。主要是公共组件的逻辑（固定即可，要做调整也可修改）：<template><svg :class="svgClass" aria-hidden="true" v-on="$listeners"><use :xlink:href="iconName" /></svg> </template> <script> export default ...
我们知道在父子组件是可以相互传递数据的。但往往没有任何关系的组件之间或者是高层组件和底层组件之间也需要传递数据，并且这个数据的共用度很高，会导致组件数据的调用关系特别复杂不好管理，于是希望能把这些共享数据给抽取出来放到一个对象里面，这个能不能做到呢？完全可以嘛，还记得说过所有vue组件都有继承Vue实例吗？那我直接在Vue实例原型prototype定义数据和函数等不就能实现了嘛是的，上面的做法确实能实现数据的共享，...
SmartPlant3D VUE解析 eryar@163.com Intergraph鹰图公司的SmartPlant3D可以导出VUE文件用于模型审查Reivew，和AVEVA公司的PDMS可以导出RVM文件一样。这些文件中包含了模型的几何信息及部分属性信息，方便模型审查，提高设计效率。在数字化工厂、智能工厂、数字化交付的趋势下，通过解析这些数据文件，获取其中的模型信息，能为数字化交付平台提供数据基础。 AVEVA公司的PDMS导出的RVM文件，其结构简单，解析相对容易。早在几年之...
SmartPlant3D VUE解析 eryar@163.com Intergraph鹰图公司的SmartPlant3D可以导出VUE文件用于模型审查Reivew，和AVEVA公司的PDMS可以导出RVM文件一样。这些文件中包含了模型的几何信息及部分属性信息，方便模型审查，提高设计效率。在数字化工厂、智能工厂、数字化交付的趋势下，通过解析这些数据文件，获取其中的模型信息，能为数字化交付平台提供数据基础。 AVEVA公司的PDMS导出的RVM文件，其结构简单，解析相对容易。早在几年之...
1、在main.js引入vue-baidu-map，引入如下 import BaiduMap from 'vue-baidu-map'2、引入百度地图的key值 Vue.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ak: 'aT1U8mBIkCWsCNRp5rbzuG7MdImpzKjc' })3、可直接在页面引用百度地图组件 <template> <baidu-map :center="{lng: 105.845335, lat: 30.198212}" //中心点 @ready="handler(105.845335,30.198212)" //ready事...