学而时习之，不亦说乎。

在package.json的一些依赖的版本号中，我们还会看到^、~或者>=这样的标识符，或者不带标识符的，这都代表什么含义呢？没有任何符号：完全百分百匹配，必须使用当前版本号对比符号类的：>(大于) >=(大于等于) <(小于) <=(小于等于)波浪符号～：固定主版本号和次版本号，修订号可以随意更改，例如~2.0.0，可以使用 2.0.0、2.0.1 、2.0.6的版本。插入符号^：固定主版本号，次版本号和修订号可以随意更改，例如 ^2.0.0，可以使用 2.0.1

vue项目使用可选链操作符编译报错问题const a = b?.c?.d报错如下：Support for the experimental syntax ‘optionalChaining’ isn’t currently enabled解决方案：需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中yarn add @babel/plugin-proposal-optional-chaining在

vue-cli创建项目1、vue create 项目名称2、配置询问，上下建选择，空格键选择/反选,i建反选，A建全选3、是否按照history的方式创建路由（选择history历史模式还是hash模式）4、选择css预处理器5、配置保存位置：配置文件是单独放在一个package.json中还是分开放，我选第一项分开放，回车下一步6、结构目录...

解决国密算法sm-crypto有ie兼容问题解决ie兼容问题插件包sm-crypto本身不兼容ie浏览器通过以下配置解决ie浏览器兼容问题在vue.config.js的transpileDependencies中把我们的包添加进去，让babel-loader能够帮我们转译sm-crypto包中的内容：module.exports = { // ... transpileDependencies: [ 'sm-crypto' ]}babel.config.js中对应

1、 创建文件名创建一个空的文件夹，名字最好就是你的插件的名字。为了让一个 CLI 插件在 Vue CLI 项目中被正常使用，它必须遵循 vue-cli-plugin- 或者 @scope/vue-cli-plugin- 这样的命名惯例。这样你的插件才能够：被 @vue/cli-service 发现；被其他开发者通过搜索发现；通过 vue add 或者 vue invoke 安装。这里我用vue-cli-plugin-test2、 项目初始化npm init每行命令代表什么意思

Mockjs介绍Mock官网首页是这么定义的：生成随机数据，拦截 Ajax 请求。demo项目mock例子:https://gitee.com/huangchunhongzZ/vue-mock-test1、在项目中应用引入js依赖npm install mockjs建一个mock文件夹来统一管理我们的mock数据在mock文件夹下建一个demo.js尝试一下在mock/demo.js中写下如下代码：import Mock from 'mockjs'//随机生成一个20-40条的数组

调用uni.openLocation 页面空白页面如图方法成功但是没有地图出来，需要原生app集成地图

vue项目，百度地图自定义标注marker1、向地图中添加标注如下示例，向地图中心点添加了一个标注，并使用默认的标注样式：var point = new BMapGL.Point(116.404, 39.915); var marker = new BMapGL.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中2、向地图中添加标注定义标注图标 通过Icon类可实

ifream父子页面信息传递1、父级向子级传递信息通过postMessage传递this.$refs.SonIframe.contentWindow.postMessage(this.msg, '*')2、父级接收子级传递信息// 接受子级返回数据 window.addEventListener('message', function (e) { if ((typeof e.data) === 'string') { alert('父级接收子级返回数据：' +

用vue-cli搭建了一个unit-test的vue项目选择来了单元测试jest，然后yarn unit后，报错了问题解决方法

移动端h5字体缩放主要点1、vue项目中postcss-px-to-viewport 单位是要rem"postcss-px-to-viewport": { "viewportWidth": 750, "unitPrecision": 3, "minPixelValue": 1, "fontViewportUnit": "rem", "selectorBlackList": [ ".van-" ]}2、项目中的app.vue 的created 添

html<canvas id="canvas-chart" class="canvas-chart" ref="chart" width="100%"></canvas>引入组件import F2 from '@antv/f2/lib/index'// require('@antv/f2/lib/interaction/')require('@antv/f2/lib/interaction/pan') // 引入图表平移交互// 第一步：加载插件 ScrollBarc

前言官网里面这个Backtop 回到顶部组件使用写的很简单，就这样我们实际上使用这个组件，target对象是内容滚动的外部容器，并且这个容器的高度是100%是撑满整个屏幕的，写了个具体demo例子如下：<template> <!-- 外部容器 --> <div class="back-top-container"> <!-- 实际滚动内容 --> <div v-for="(item,i) in 150" :key="i"

vue element 表格定位到某行 /** * @description: 通过表格索引 定位表格的位置 * @param {refName} table的ref值 * @param {index} table的索引值 * @return: * @author: hch */ $tableScrollMove(refName,index=0){ if(!refName || !this.$refs[refName]

pdf预览，及实现签名下载插件pdfjs-dist// 下载插件pdfjs-distyarn add pdfjs-dist页面使用<div class="commit-img" id="commit_img" @click="previewImage(base64Img)"> <canvas id="canvas-pdf" style="width: 100%;"></canvas></div><!-- 图片预览（vant预览图

keep-alive组件,是实现从B页面进A页面不刷新，其他页面进A页面都刷新首先，在A路由元信息meta中添加一个isBack字段，用来解决beforeRouterEnter不能直接访问vue实例。...{ path: '/A',//A页面 name: 'A', component: List1, meta: { keepAlive: true, //此组件需要被缓存 isBack: false }},{ path: