吕小布の博客

创建项目 Vue3.x Scss 删掉不需要的内容 src目录下新建全局配置data.json 1234567{ "container": { "width": "550px", "height": "550px" }, "blocks": []} src新建packages文件夹，用jsx来写，方便一些，代码也清爽。不用模板写，很多功能用模板来写，稍微复杂一些 用vue-cli创建的项目，本身就支持jsx 定义packages/editor.jsx 123456789101112import { defineComponent } from "vue";export default defineComponent({ setup(props) { console.log(props.data) ...

快速上手 - Vant 4 (gitee.io) 安装下载 123456# Vue 3 项目，安装最新版 Vantnpm i vant# Vue 2 项目，安装 Vant 2npm i vant@latest-v2 按需引入组件样式在基于 vite、webpack 或 vue-cli 的项目中使用 Vant 时，可以使用 unplugin-vue-components 插件，它可以自动引入组件，并按需引入组件的样式。 相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。如果业务对 CSS 的体积要求不是特别极致，我们推荐使用更简便的常规用法。 安装插件12345678# 通过 npm 安装npm i unplugin-vue-components -D# 通过 yarn 安装yarn add unplugin-vue-components -D# 通过 pnpm 安装pnpm add unplugin-vue-components -D 配置插件如果是基于 vite 的项目，在 vite.config.js 文件中配置插件： ...

背景知识使用 Vant Weapp 前，请确保你已经学习过微信官方的 小程序简易教程 和 自定义组件介绍。 配置注意： 2.27.0的版本（或以上），没有手动指定miniprogram_npm路径，直接在app.json中引入也可使用 使用ButtonButton 按钮 - Vant Weapp (gitee.io) 设置长度不生效，可用布局组件配合block即可 RadioIndexBar 索引栏小程序使用Vant weapp的索引栏IndexBar无法正常跳转至对应锚点且底部异常 | 码农家园 (codenong.com) [Bug Report] IndexBar 索引栏与overflow: auto;冲突 · Issue #4252 · youzan/vant-weapp (github.com) 修改外部样式类https://blog.csdn.net/Z_PTOPONE/article/details/124238781 1<van-col span="8" custom-class="desc_info"> ...

可视化面板介绍​ 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。 01-使用技术完成该项目需要具备以下知识： div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 02- 案例适配方案 设计稿是1920px flexible.js 把屏幕分为 24 等份 cssrem 插件的基准值是 80px 插件-配置按钮—配置扩展设置–Root Font Size 里面 设置。 但是别忘记重启vscode软件保证生效 03-基础设置 body 设置背景图 ，缩放为 100% ， 行高1.15 css初始化 04-header 布局 高度为100px 背景图，在容器内显示 缩放比例为 100% h1 标题部分 白色 38像素 居中显示 行高为 80像素 时间模块 showTime 定位右侧 right 为 30px 行高为 75px 文字颜色为：rgba(255, 255, 255, ...

环境准备 后台接口 322隧道访问9878，http://127.0.0.1:9878/docs#/ 前台开发环境 解决ENOSPC报错 迁移前台开发环境至内网，通过隧道统一访问 端口号 8080：前台端口 18080：vscode端口 9878/docs：后台接口路径 第三方库 flexible.js 课件代码（简易版） flexible.js/flexible.js at master · posuihushui/flexible.js · GitHub 代码目录12345678910111213141516src layout home echarts // 首页模块对应的代码 index.vue // 路由组件 jobs // 列表页对应的代码 index.vue // 路由组件 index.vue // 左侧导航栏对应的代码 utils request.js // 封装axios global.js // 全局混入 api cr ...

什么是Electron第一个Electron程序npm i --save-dev electron npm i nodemon package.json 1234567891011121314151617181920{ "name": "01", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "nodemon --exec electron ." }, "keywords": [], "a ...

将Excel每行数据存储到单独的txt文件中将Excel每行的第一格作为文件名，每行的剩余数据存放到该文件中。实现Excel文件转换为txt文件。以下是Python代码： 123456789101112131415import pandas as pdimport osdata = pd.read_csv("./tb_sh_purchase_notice_202211231014.csv")data.head()num = 0#按行读取csv数据for line in data.values: # print (line) num += 1 print(num) #第一列作为txt文件名 with open('res/%s.html'%str(num),'a+',encoding = 'utf-8') as fw: #第二列作为txt内容 fw.write((str(line[0])))

初始化新建文件夹ElementUI npm init -y初始化空的package.json npm install element-ui -S安装 json 123456789101112131415{ "name": "elementui", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC&q ...

组件库的基本功能 按需加载 文档站点 Introduction to Storybook Getting started with Histoire | Histoire