- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue中组件传值的常用方式
安装pubsub-js插件: npm install pubsub-js -s //可实现全局参数传递。clearAllSubscriptions 清除所有订阅消息。unsubscribe 卸载特定订阅消息。在main.js中挂载全局EventBus。publishSync 同步发送消息。publish 同步发送消息。subscribe 订阅消息。通过挂载全局Vue对象传递参数。
2023-06-13 17:30:20
264
原创 uniapp的实践总结
在小程序里，其实小于40k的文件在css里也无法引用，uni-app编译器在编译时自动做了处理，把小于40k的文件编译为base64方式。每个可显示的页面，都必须在 pages.json 中注册。app和小程序中，为了提升体验，页面提供了原生的导航栏和底部tabbar，注意这些配置是在pages.json中做，而不是在vue页面里创建，但点击事件的监听在显示的vue页面中做。在uni-app的各个端中，除了h5端，其他端的js都运行在一个独立的v8引擎下，不是在浏览器中，所以浏览器的对象无法使用。
2023-06-05 08:42:59
454
原创 前端编码规范
特殊组件用特定功能名称结尾，例如布局用layout结尾，弹框用modal结尾，例如TaskDiagramModal。class按功能命名，统一小写，多个词用-连接，例如：.page-view-container。统一以小写开头，驼峰格式，名称需展示清楚具体功能，例如：updateMenu()图片名称小写，多个词用-连接，例如：form-item-title.png。js文件名小写，多个词用-连接，例如：info-confirm.js。运用组件用小写命名，多个词用-连接，例如；
2023-06-05 08:36:00
252
原创 后端编码规范
方法名、参数名、成员变量、局部变量都统一使用 lowerCamelCase 风格，必须遵从驼峰形式；方法名获取某个对象可用getXxx，获取列表可用listByXxx。在mapper.xml文件写sql时，关键字大写，表名和字段名小写，表名简称可用首字母或相对能辨认出的名字代替，禁止出现a,b,c这样的命名。包名统一使用小写，点分隔符之间有且仅有一个自然语义的英语单词，格式如cn/com.公司简称.项目名.模块名。常量统一大写，多个词用_连接。
2023-06-05 08:32:11
280
原创 乾坤-single-SPA
● 生产可用：qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端系统，同时也希望通过社区的帮助将 qiankun 打磨的更加成熟完善。● 架构思想：中心化基座模式的微前端典型代表，由一个主应用和一系列业务子应用构成的系统，并由这个主应用来管理其他子应用，包括从子应用的生命周期管理到应用间的通信机制。○ 🧳 JS 沙箱，确保微应用之间 全局变量/事件 不冲突。
2023-06-02 15:39:25
110
原创 新兴技术及应用方向
智能语音助手和语音识别：智能语音助手（如Siri、Alexa、Google Assistant）利用语音识别和自然语言处理技术，为用户提供语音交互和智能助手功能。智能城市：智能城市利用物联网、大数据、人工智能等技术，实现城市基础设施的智能化和优化，提高城市的可持续性、生活质量和效率。可穿戴技术：可穿戴技术包括智能手表、智能眼镜、智能健康监测设备等，通过传感器和连接功能实现对用户的监测、通信和数据记录。自适应用户界面：自适应用户界面技术根据用户的行为、偏好和上下文信息，动态调整和优化界面的显示和交互方式。
2023-05-30 09:09:21
1097
原创 uniapp 实现多语言点击切换
在根目录新建common/locales/zh.js和common/locales/en.js。先在项目安装 npm install vue-i18n。页面使用index.vue。在main.js引入。
2023-05-26 17:23:52
368
原创 uniapp项目vue2升级vue3的实践
uniapp升级vue3官方指南](https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html)vue3中如何替代this(官方已不推荐，只作为知识点)vue2中父子组件的调用方式。vue3中父子组件的调用方式。
2023-05-22 00:07:46
1729
原创 provide/inject和Prorp的使用及区别
props一般是绑定到元素上面的；而provide/inject是成对使用的。props一般是绑定到元素上面的；而provide/inject是成对使用的。props主要是数值绑定，provide/inject可以绑定方法。props主要是数值绑定，provide/inject可以绑定方法。props是响应式的，provide/inject不是响应式的。props是响应式的，provide/inject不是响应式的。props可以通过sync指令进行双向绑定。props可以通过sync指令进行双向绑定。
2023-05-18 12:37:51
509
原创 el-upload 限制文件上传数量、类型
而选择”所有文件“，则相当于没有限制类型，这时候应该在文件上传成功之前的钩子函数里，做一下限制。这里auto-upload（是否自动上传）是true，可以用before-upload，当自动上传关掉以后，before-upload是没有效果的。需要添加 :limit=“20” ,以及 on-exceed 属性。limit属性用来控制文件上传的数量，on-exceed 是当上传的文件超出限制时，触发的钩子函数。1.限制文件上传数量为20。2.限制文件上传格式。
2023-05-17 11:50:56
4369
1
原创 elementUI表格el-table数据排序/更新后，不重新渲染（页面数据不更新）
查看element文档，数据需要设置key，但是用el-table提供的row-key不太好用。这里预测是，前后数据内容一致，dom不更新，可能是为了提升页面性能。给table增加一个随机key，每次重新赋值tableData的时候，也传递随机key值，这样页面就可以重新渲染el-table了。前端页面选择重新排序，重新向后端请求数据，排序规则改变但数据内容不不变，表格数据不重新渲染。
2023-05-16 11:35:58
1967
1
原创 uniapp的electron插件一键生成桌面应用，支持macOS，Windows，Linux的开源项目
uniapp的electron插件一键生成桌面应用，支持macOS，Windows，Linux的开源项目。
2023-05-13 00:02:10
1174
原创 身份证号码的正则表达式及验证详解
首先我们得出前17位的乘积和【(57)+(39)+(010)+(15)+(08)+(24)+(12)+(91)+(26)+(03)+(07)+(59)+(010)+(85)+(08)+(14)+(1*2)】是189，然后用189除以11得出的结果是189/11=17----2，也就是说其余数是2。1.1.3 月份码规则： 月份码长2位 第一位数字为0，第二位数字为1-9 或者第一位数字为1，第二位数字为0-2 根据以上规则，写出月份码的正则表达式： /((0[1-9])|(1[0-2]))/。
2023-05-12 15:25:00
2850
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人