鹏多多

摘要： 目录1、前言2、安装3、属性4、事件5、占位符样式修改6、案例 1、前言 vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求。本文将讲述一些常用参数和事件，以及做一个同步拖拽的Demo。效果动态图如下： 2、安装 vue2版本： np 阅读全文

摘要： 本文主要分享一个项目的规范约束从0到1的流程，从通过vue-cli创建项目，到团队协作插件安装（husky、eslint、commitlint、prettier等） 阅读全文

摘要： 目录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 和抛出事件 更好的运行时性能 (其模板会被编译成与其同 阅读全文