摘要:
目录1,前言2,升级vue-cli3,升级的部分变化 1,前言 本文主要分享vue-cli从4.x升级到5.x的过程,以及更新后vue.config.js的变化,因为vue-cli 5已经使用上webpack5。 2,升级vue-cli 首先打开命令提示符终端,输入npm uninstall @vu 阅读全文
摘要:
1,前言 最近开发小程序时候碰上了一个问题,当发布新版本小程序后,需要用户能赶紧用上最新的,避免出问题。查了一下官方文档,总结出几个情况如下: 微信运行时,会定期(24小时内)检查最近使用的小程序是否有更新(黄花菜都凉了) 用户长时间未使用小程序时,会强制同步检查版本更新(对于使用频率高的小程序没P 阅读全文
摘要:
1,前言 在vite/webpack搭建的项目中,不管是vue还是react,都可以写jsx/tsx,为了避免样式污染,常用的方式有两种。一种是每个组件都用一个唯一类名class包裹,使用less/scss嵌套样式。另一种是使用cssModule模块化。本文就分享一下如何使用cssModule,并推 阅读全文
摘要:
1,前言 最近在做IOT的项目,里面有个小程序要用到webSocket,借这个机会,封装了一个uniapp小程序适用的Socket类,包括断线重连,心跳检测等等,具体实现如下。 2,代码实现 class webSocketClass { constructor(url, time) { this.u 阅读全文
摘要:
1,前言 最近在做IOT的项目,里面有个小程序要用到AP配网,和设备做一个局域网通信。可是小程序会做安全域的校验,而局域网只能是http的协议,并且局域网没有外网(无法百度等上网冲浪),在手机没有3g/4g/5g网络下,通信可以正常进行吗?所以我做了一个调研。 2,相关资料 小程序官网原文如下: 基 阅读全文
摘要:
1,前言 项目写完了准备上线,发现打包后的包很大怎么办?,但是打包后的文件晦涩难懂,如何了解打包文件的细节,到底是哪里占了体积,了解某一个文件是由哪些内容打包而成,从而针对性的优化项目体积。下面给大家介绍一种工具。 webpack-bundle-analyzer 2,安装 # NPM npm ins 阅读全文
摘要:
(目录) 1,前言 这次项目中做了一个图片上传,要求是大于2MB的就压缩成2MB一下的再上传,我这边利用了uniapp的文件接口,使用canvas做了一个压缩上传的功能,目前已上线,使用无问题。 2,实现代码 定义canvas <canvas canvas-id="imgCanvas" class= 阅读全文
摘要:
(目录) 1,前言 <script setup>是在单文件组件中使用Composition API的编译时语法糖。相比于普通的<script>语法,它具有更多优势 更少的样板内容,更简洁的代码 能够使用纯 Typescript 声明 props 和抛出事件 更好的运行时性能 (其模板会被编译成与其同 阅读全文
摘要:
(目录) 1,类型总览 类型 | 例子 | 描述 | | number | 1、2、3 | 任意数字 string | 'xxx' | 任意字符串 boolean | true / false | 布尔值 undefined | const n: undefined = undefined | 一个 阅读全文
摘要:
(目录) 1,全局安装typeScript环境 Win+R,打开电脑cmd命令框,全局安装typeScript npm install -g typescript 2,新建项目 新建一个demo目录,cmd进入目录。运行命令tsc --init,成功后会在目录下生成一个tsconfig.json文件 阅读全文