低码问题总结
未读前言好多天没做笔记了，最近遇到一个略微有些麻烦的地方，想实现的需求大致如下，A页面是仓库的入库列表页，B页面是入库提交页，点击A页中的单条数据跳转到B页，填写补充信息后进行提交。目前需要实现两点：
这条数据提交后，页面中记忆上条数据填写的信息并渲染在页面上
这条数据提交后，B页面中显示下一条将要入库的数据
对于第一个需求，我觉得并不难实现，提交时将表单数据存储到全局变量中即可，再次刷新时渲染到页面上。第二个需求，我刚开始的想法是提交完成后跳转到本页面，并传递url参数。
解决方案需求一表单容器提交后给变量赋值，再在页面中重新渲染
需求二反复测试后我发现微搭web端目前不兼容跳转到本页面的方法，所以初次想的解放方案不可行。目前有两种方法：
1.表单提交后跳转到一个空白页，再从空白页跳转回来并传递参数，考虑到页面交互效果，可以给空白页做一个加载状态，这样也能轻松实现。
2.表单提交后清空表单值，并给当前B页面的id赋值，调用query查询。
以下展开第二种方法：
在query查询中当id值变化时会重新查询“收获登记”这个数据表，再把查询到的下一条待入库的数据返回一个对象 ...
前言今天开始我的刷题记录筑一下地基，回忆一下哈希算法：
散列表（Hash table，也叫哈希表），是依据关键码值(Key value)而直接进行访问的数据结构。也就是说，它通过把关键码值映射到表中一个位置来访问记录，以加快查找的速度。这个映射函数叫做散列函数，存放记录的数组叫做散列表。哈希表是一种典型的以空间换时间的做法。
常用的构造散列函数的方法有：直接寻址法，数字分析法，平方取中法，折叠法，随机数法，除留余数法。
1.字母异位词分组给你一个字符串数组，请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表。
字母异位词 是由重新排列源单词的所有字母得到的一个新单词。
示例 1:
12输入: strs = ["eat", "tea", "tan", "ate", "nat", "bat"]输出: [["bat"],["nat","tan"],["ate","eat&quo ...
低码问题总结
未读前言今天的总结来自于修修整整两天才完成的一个问题。先说需求，在一个页面上，想要实现点击“批量导入”按钮，将外部Excel文件导入，并根据文件中数据的id字段，在数据模型中查询到这些id对应的数据，并添加到另外一个数据模型中。（这样即使Excel文件中其他字段错误，只要id值正确，我们即可将数据添加成功）
这样听起来似乎有些模糊，但可以将需求拆分成几个步骤单独处理。
实现1.Excel数据转换首先是最简单的，将导入的Excel文件转换为json数据。
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556export default function ({ event, data }) {//点击“批量导入”按钮后调起上传文件的input标签导入事件 document.querySelector('.weda-upload-file-pc__input-box input').click( ...
低码问题总结
未读问题在数据列表里，数据是一条一条循环出来的，如果我们想实现打印单条数据，打印出来的每条数据都是相同的
描述页面布局大致如下：
页面上添加了一个打印按钮，微搭本地不提供打印功能，打印功能的实现是调用了一个print自定义方法，打印指定的容器container1
自定义的print方法：
1234567891011121314151617export default async function({event, data}) { console.log('data.target',data.target)const element = document.querySelector(`#container1`) // 选择到要打印的组件id或者class，转换为canvas，其中 idXXX 表示要打印的元素 if(!element) { throw new Error('要打印的内容不存在') } const { width, height } = eleme ...
低码问题总结
未读今天是1024程序员节，解决了一个小问题，晚上下班后奖励自己一个小蛋糕+冰激凌+炸鸡+啤酒+电影。
1.问题在滚动容器中添加网格布局并绑定循环数据后，无法固定网格布局的列
如果我们使用子绝父相定位，给列设置固定定位，行或者滚动容器设置相对定位，那么左右滑动时，目标列不是固定在我们想要的最右侧，而是页面上固定的某点，总之这种方法无法实现
2.补充知识
滚动容器
可以使用滚动容器来进行展示超出范围之后需要滚动的内容。
当滚动容器内组件内容占用的总宽度/高度大于滚动容器本身的宽度/高度时，便会出现滚动条，通过滑动滚动条滑动来查看容器内的全部内容。
注意要为滚动容器设置宽高，确保内部展示内容的宽高大于滚动容器，才可以展示滚动效果。
如果只需要横向滚动，需要确保滚动容器的宽度小于容器中的内容的宽度。
如果只需要纵向滚动，需要确保滚动容器的高度小于容器中的内容的宽度。
黏性定位
粘性定位可以简单理解为relative和fixed布局的混合。
常规情况下同position:static;
在显示不超出其父元素的前提条件下，尽可能与 最近滚动祖先 保持指定的最小距离
使 ...
南的低码笔记集
未读南的低码笔记集
未读前言Low-code development platform，指的是低代码开发平台（LCDP）。本身也是一种软件，为开发者提供了一个创建应用软件的开发环境，本质上是服务于开发者的生产力工具。和传统的IDE不同点在于，大多数情况下，开发者并不需要使用传统的手写代码方式进行编程，而是可以通过图形化拖拽、参数配置等更高效的方式完成开发工作。
最近接触了腾讯的一款低代码产品—微搭低代码平台，所以打算写一套学习笔记集，初步预估时长一个月，记录自己从入门到非常熟悉的过程。
1.入门1.创建和发布创建应用有三种途径，从场景，空白（最常用），模板新建。新建模型应用时，模型应用通常作为小程序后台，自定义应用通常作为小程序。
有两种发布方式，体验版和正式版，不同版本的数据是隔离的。
2.变量定义类型，作用域：微搭中变量类型分为文字，数字，布尔值，数组，对象五种。布尔类型的变量常用于做权限控制。在组件的条件展示时，可以绑定布尔类型的变量，根据变量的值来决定组件是否显示。
微搭中变量作用域分为全局变量和局部变量。
定义数组和对象时可以选择自己定义或从数据源中读取，如果自己指定定义的时候要选择json。对象初 ...
项目介绍本项目是一个基于element-admin-template实现的一套乐居客户端的后台管理系统。后台管理系统包含大屏展示、权限管理、商品管理、订单管理、用户管理、营销管理、内容管理等模块。
项目目录src文件夹下的目录如下：
dashboard -数据大屏
components -插件
mapEchart - 地图
orderBar -柱形图
pieEchart -饼图
wordEchart -词云图
index -数据大屏首页
权限管理
content -内容管理
article -文章列表
detail -文章详情
index -文章列表主页
material -素材管理
index -素材列表主页
order ...
前言乐居是一款基于uniapp的家居类购物小程序，总共有20多个页面，写得很累。
项目介绍项目结构pages页面
home -首页
address -地址页
addressDetail -编辑地址页
category -分类页
goodList -商品列表页
confirmOrder -订单确认页
pay -订单支付页
find -发现页
articleDetail -文章详情页
mine -个人信息页
articleCollect -文章收藏页
productCollect -商品收藏页
cart -购物车页
changeInfo -修改个人信息页
login -登录页
register -注册页
order-订单页
需求实现home页介绍home页分为顶部轮播图，四个分类部分，限时活动提示，商品的新品推荐，商品的热门推荐几个部分。
轮播图
使用swiper标签循环渲染数据实现
商品的新品推荐
使用scroll-view标签实现左右滑动
其余数据v-for渲染实现
category页介绍category页分为四个分类：创意，风格， ...
前端知识
未读前言最近在微信小程序中使用轮播图实现了下图的效果。即轮播项两侧比中间小，轮播项变换时从小变大，并且左右留有一定间距。
1.间距实现对于左右间距，我使用了原生的previous-margin和next-margin。
属性
类型
默认值
必填
说明
最低版本
previous-margin
string
“0px”
否
前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值
1.9.0
next-margin
string
“0px”
否
后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值
1.9.0
分析
swiper整体宽度750px（设计稿宽度为750rpx），每个轮播项宽度670px,750-670=80，左右margin各20px,左右漏出的部分各20px。
所以应设置左右margin均为20px。
2.transform实现轮播项变换时，添加transform:scale(n),n代表缩放的倍率。
补充：
css样式
123456789101112131415161718192021 ...
