solocao的专栏

【代码】vite打包分析插件rollup-plugin-visualizer。

我习惯于在config中根据process判断打包状态。这次升级到vue3遇到报错。解决方案，还是配置一下vite.config.json。增加如下配置即可。export default defineConfig({ // ... define: { 'process.env': process.env }})...

vue3支持的插件应该是volar，之前有老的vue2项目插件vetur，所以会报错。解决办法：在项目中新建.vscode, 新建文件settings.json,里面内容如下：{ "vetur.validation.template": false, "vetur.validation.script": false, "vetur.validation.style": false,}最后重启vscode解决问题...

我的需求，子应用调用主应用方法，主应用返回参数。主应用：methods:{getToken(callback) { callback(this.$store.state.user.auth) },},mounted(){ this.$bus.on('getToken', this.getToken)}子应用：mounted(){this.$qkBus.emit("getToken", (token) => { alert(token); });}...

将 node-sass 设置全局镜像// 命令行输入npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/安装yarn add node-sass

上篇文件介绍了基本的colspan和rowspan，这篇贴上一个学习代码，供以后修改。<template> <div class="rbac-table"> <div class="table-wrapper"> <div class="tabel-container"> <table> <tbody> <tr v-for="(item, ind

需求，要写一个菜单权限表。需要做到单元格合并，本来用的antd-vue的表格，然后构造customRender,总感觉有点本末倒置，其实自己实现，更快，而且想改哪里，改哪里。下面是写这个功能前的测试demo。效果图代码<template> <div class="class-table"> <div class="table-wrapper"> <div class="tabel-container"> <

需求，我需要根据树形结构，来实现自定义表格，所以需要转化，下面是代码：const shortid = require('shortid')const data = [ { name: 'a', children: [ { name: 'b', children: [{ name: 'e' }, { name: 'i' }], }, { name: 'c', children: [{ name: 'f' }] },

需求：有一个树结构的JSON，被过滤后，希望结构保留树结构。var tree = [ { text: "Parent 1", nodes: [ { text: "Child 1", type: "Child", nodes: [ { text: "Grandchild 1" type: "Grandchild" }, {

原始效果加上代码yAxis: { gridLineWidth: 0, minorGridLineWidth: 0 }

富文本编辑器生成的HTML标签，进行转义，然后写入数据库，防止脚本注入：function htmlEncode(value){　　return $('<div/>').text(value).html();}从数据库拿出的转义后的HTML标签内容，先得去除转义，然后再去除HTML标签，是生成缩略文字。 /*移除HTML标签代码*/ function removeHTMLTag(str) { str = str.replace(/<\/?[^&g

dragstart(event) { event.dataTransfer.setData('id', event.target.id) } drop(event) { let data = event.dataTransfer.getData("id"); } dragend(event) { event.dataTransfer.clearData() }

我的需求是要对数据库中的标注数据进行导出，用到fs-extra，下面附上demo代码import * as path from "path";import * as fse from "fs-extra";const subdir = path.join(__dirname, "subdir");const pathExists = await fse.pathExists(subdir);if (!pathExists) { await fse.mkdir(subdir);}const

最近mac电脑坏了，需要送修，暂时切换到windows平台进行开发。下面安装nvm。先保证电脑没有安装nodegithub下载地址：https://github.com/coreybutler/nvm-windows/releases找到nvm-setup.zip 下载解压安装即可。我都是使用的默认安装路径，没有出现问题。最后安装nodenvm install 16.0.0...

解决方案，在manifest.json中配置"h5" : { "title" : "", "domain" : "", "devServer" : { "disableHostCheck" : true }}

核心代码如下：// 加载图片资源this.load.image('pic6', '/images/phaser/img/pic6.png')const pic = this.add.image(1505, 630, 'pic6')pic.displayWidth = 100pic.displayHeight = 100

1、js正则表达式匹配span标签const spans = htmlStr.match(/<span (.*?)>(.*?)<\/span>/g)2、js正则表达式–获取标签内的文本先抓取 >文本</，再抓取 文本function fn(str){ var patt1=/\>.[\u2E80-\u9FFF]*\<\//g; var arr=str.match(patt1); var patt2=/[\u4e00-\u9fa5]/g; var

原始html字符串：<p style="text-indent: 2em; line-height: 1.5em;">春天像健壮的青年,有铁一般的胳膊和腰脚,他领着我们上前去</p><p><br/></p>目标纯文本：春天像健壮的青年,有铁一般的胳膊和腰脚,他领着我们上前去解决方案：只需要一行正则表达式就可以解决const text = html.replace(/(<([^>]+)>)/g, "");...

1、我的配置文件代码：var chart = Highcharts.chart('warningCharts', { chart: { type: 'line', }, style: { fontSize: '12px', color: '#006cee', padding: '10rpx', }, title: { text: null, }, subtitle: { text: null, },

记录本人制作博客系统和学习knex找的相关资料链接：1、博客系统https://github.com/huoguozhang/my-blog/tree/master/models2、与typescript结合，TypeScript + Express + Objection.js + Knex.js + MySQLhttps://github.com/corocn/ts-server/tree/61c1e928517348f3df8c3bf8e10a6ddd0fca6cf5包含内容：migrati