grootbaby

cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。

通过设置 grid.top 和 grid.bottom 设置白天和夜间天气展示区域。Echarts 利用多X轴实现未来15天天气预报

Vue3 + Vite + ts引入本地图片单张图片导入多张图片导入背景图片引入

将 main.js 文件中的 powershell.exe 和 cmd.exe 路径都改为绝对路径

后端通过抖音，提交支付订单信息。预下单接口_小程序_抖音开放平台预下单接口 提交支付订单信息。## 使用限制 无 ## 接口说明 预下单接口需要保证同一app_id下每笔订单的out_order_no是唯一的。同一订单(app_id，out_order_no相同)重复请求需要保持请求参数一致，否则接口会报错拦截。沙盒环境使用说明详见担保支付。

解决方法是退出 GitHub 账号后，关闭 VS Code 再重新打开，再次登录 GitHub 账号，重复步骤2的操作，直到成功。如果没有上图提示，点击左下角齿轮设置按钮，"使用 GItHub 登录以使用 GitHub Copilot(1)"立即重载，重启 VS Code 软件，出现如下图所示页面，说明插件安装成功。，没有账号自行注册，也可以使用公司共用账户。安装 "GitHub Copilot" 扩展出错，手动安装也可以。最后如果右下角出现如下图所示的机器人图标，说明安装插件安装成功。

前端使用文件上传组件，上传电脑上本地文件，上传成功后，修改本地文件内容，提交上传会报错。

主要是使用 语法进行判断# start 这是正常的if判断# end 这是正常的if判断# start 标准的if else# end 标准的if else# start 标准的 if else if# end 标准的 if else if。

禁止网站被别人通过 iframe 引用的七种方案

在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用的方式，有什么办法吗？

微信小程序报错 {"errMsg": "hideLoading:fail toast can't be found"}

behavior表示滚动方式。auto表示使用当前元素的scroll-behavior样式。instant和smooth表示直接滚到底和使用平滑滚动。block表示块级元素排列方向要滚动到的位置。对于默认的writing-mode: horizontal-tb来说，就是竖直方向。start表示将视口的顶部和元素顶部对齐；center表示将视口的中间和元素的中间对齐；end表示将视口的底部和元素底部对齐；nearest表示就近对齐。inline表示行内元素排列方向要滚动到的位置。

elementUI 框架，获取不到表格里面的某个元素的 id，但是 el-table 里有个 bodyWrapper 它指向的是 el-table 的表格内容部分，存在 scrollTop，scrollHeight 属性，所以可以用下面方法来实现滚动条在底部的效果。（备注： 需给对应的el-table 设置ref 属性，，本案例中ref 设置为editTable）另外，如果要在不同屏幕下表格高度需要适应屏幕的话，需要用到 window.onresize 函数。

当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）给组件设置 key（:key="resetCascader"），在data里面设置初始值为0。

element-ui 的官网是有属性的。el-table-colum 的reserve-selection属性el-table 的row-key属性

如果需要在 el-select 上面绑定整个 item 对象时，但是展示只显示 name 字段，会报如标题所示错误。el-select 标签添加 value-key 属性，且值为 item 中的唯一属性值，如 id。

【代码】JS 去除数组空字符串、undefined、null。

代码】过滤html标签。

基于qrcode.js二维码封装的vue组件.Latestversion1.1.3,lastpublished3yearsago.Startusingvue_qrcodesinyourprojectbyrunning`npmivue_qrcodes`.Thereare4otherprojectsinthenpmregistryusingvue_qrcodes.

代码】vue-quill-editor限制输入字数。

使用scope后formatter就失效了。使用intFormatter方法进行格式化处理。正常使用formatter。

代码】elementUI中el-tableformatter属性显示固定字数且超出省略号。

当地区数据比较多时，全部获取数据速度太慢，体验不太好，改为懒加载，一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据，给出所需要的参数，因为首次加载 node.value 没有值，据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈，并把相关值赋值到选择器上。编辑弹窗展示的时候，有时候并不能正确回显，取消展示或者改变 key 值。依次类推，拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。

通过设置type属性：type="number"但是这种方式一般会影响样式，不建议使用，如图：通过绑定值限制的方式：v-model.number="ruleForm.phone"但是这种方式会限制一般的数字，但是会影响 maxlength 属性，并且 e 是可以输入的，一般情况可以使用，严格限制的话不建议建议使用通过对绑定的 value 值进行正则限制：οnkeyup="value=value.replace(/[^\d]/g, ' ')"绑定一个onkeyup监听事件， /[^\d]/g 是用来匹配

参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。

this.$moment().subtract(10,'days').format("YYYY-MM-DD");//当前时间往后推10天。this.$moment(value).format("YYYY-MM-DD")//格式化指定日期value的格式年-月-日。()//获取当前月第一天是星期几this.$moment().format('MM')//获取当前月份。this.$moment().format("YYYY-MM-DD")//获取当前日期。...

使用 qrcodejs2页面引入页面标签可以使⽤ id 或者 ref，建议使⽤ ref，因为使⽤ vue 框架控制虚拟 Dom 才是正确的选择简单⽅便参数说明OptionsEvents

qrcodejs2 生成自适应宽高的二维码

数字千位分隔符且保留两位小数1、仅需要整数位千位分隔num.toLocaleString()2、仅需要保留两位小数num.toFixed(2)3、需要千位分隔符且带两位小数ThousandAndDecimal(num) { if(num) { return num.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); } else { return '0.00' }}...

数字和字母组合的密码正则表达式要求：由数字和字母组成，并且要同时含有数字和字母，且长度要在8-16位之间。/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/注释：^ 匹配一行的开头位置(?![0-9]+$) 预测该位置后面不全是数字(?![a-zA-Z]+$) 预测该位置后面不全是字母[0-9A-Za-z] {8,16} 由8-16位数字或这字母组成$ 匹配行结尾位置注：（?!xxxx）是正则表达式的负向零宽断言一种

wx.navigateTo正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一页，如果要返回到 A 就会出现 C -> B -> A 的效果。wx.redirectTo如果想实现 A -> B -> C 当 C 点击返回时， 实现直接 C -> A 这种效果， 就只能A -> B 通过 wx.navigateTo 跳转，B -> C 通过 wx.redirectTo 跳

wx.navigateBack() 不能像其他导航一样通过url传参，因此只能使用其他方法：使用 getCurrentPages() 函数获取页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。官方文档参考：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html?search-key=getCurrentPagesvar pages = getCurren

<el-upload class="annaul-ticket-imgs" :class="{ 'hide-upload-btn': hideUploadBtn }" :headers="{ token: token }" :action="ATactionUrl" list-type="picture-card" :on-success="uploadImgSuccess" :on-remove="uploadImgRemove" :before-upload="u.

JavaScript 判断一个数字是否含有小数点，如果含有，则返回该数字；如果不含小数点，则在整数数值后面补两位小数 ".00"：priceFormat(num){ if(!isNaN(num)){ return ( (num + '').indexOf('.') != -1 ) ? num: num.toFixed(2); }},https://blog.youkuaiyun.com/weixin_34198583/article/details/85756367.

// 折叠所有节点setAllFold() { for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { this.$refs.tree.store._getAllNodes()[i].expanded = false; }},// 展开所有节点setAllExpand() { for (var i = 0; i < this.$refs.tree.store._getAllNod.

同一局域网访问本地 Vue 项目需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。不需要修改配置文件重启本地环境：yarn run dev --host 192.168.30.100 （ 加红的 yarn 是关键，不要尝试用 cnpm 或者 npm ）需要修改配置文件方法一：在 config/index.js 文件中找到 h

<el-select v-model="dialogForm.id" placeholder="请选择" @change="filterData"> <el-option v-for="item in Options" :label="item.name" :key="item.id" :value="item.id" ></el-option></el-select>filterData(e) { l...

vuex中 store.dispatch() 与 store.commit() 方法区别this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给 vuex 的 mutation 改变 statethis.$store.dispatch() ：含有异步操作，例如向后台提交数据，写法：this.$store.dispatch(‘action方法名’,值)this.$store.commit()：同步

JS 用户信息脱敏显示星号姓名脱敏formatName(name) { // 姓名脱敏中间字符 let newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; } else if (name.length > 2) { var char = ''; for (var i = 0, len = name.length - 2; i &lt

方法一：（兼容性好）h5 活体检测兼容性比较好的做法是通过input去打开手机系统原生的录像界面<input type="file" accept="video/*" capture="camcorder" ref="videoFile" @change="changeVideo($event)">方法二：（h5 新属性）还有一种做法就是使用h5的新属性getUserMedia、MediaRecordergetUserMediagetUserMedia兼容目前主流的手机