
web前端
仁泉之子
无简述
展开
-
vue管理系统列表行按钮过多, 封装更多组件
管理系统table列表操作列, 随着按钮的数量越来越多会不断加宽操作列, 感觉很不好, 对此我封装了这个自动把多余的按钮放到更多菜单下。menu组件我这是ant的, 可以自行替换为其他框架的。原创 2023-09-22 11:21:48 · 1489 阅读 · 0 评论 -
vue2中将使用Vue.extend生成的组件挂载到根实例下
vue2中将使用Vue.extend生成的组件直接挂载到指定节点下, 会发现没有$router及$store等全局实例中的属性, 我们可以使用 parrent属性来指定已创建的实例之父实例,在两者之间建立父子关系。这样在一些打开弹窗,侧边栏时会方便的多。原创 2023-05-29 09:29:53 · 679 阅读 · 0 评论 -
js密码生成器小工具
用html写的密码生成器小工具原创 2022-12-04 17:19:55 · 4341 阅读 · 0 评论 -
原生Android 以面向对象的方式操作canvas
Android 自定义view 用canvas去画图形, 都是以面向过程的方式去一笔一笔的画, 而且画的图形也不能支持添加事件, 而html, js在这方面有大量的封装好的canvas框架, 很奇怪的是android上我也没有搜到类似的封装框架, 我只是个web前端开发者, 可能是我对android不了解没有搜索到, 我就仿照html,js这一套实现了这个Android上的canvas小框架。框架参照html div标签的一些特性实现的。原创 2022-11-25 19:45:00 · 953 阅读 · 0 评论 -
js版梅森旋转生成随机数
用js实现, 梅森旋转生成随机数, 来代替Math.random();该文章参考自https://blog.youkuaiyun.com/Touch_Dream/article/details/68948708<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2018-07-20 23:31:40 · 944 阅读 · 0 评论 -
apicloud和android webview下的串口蓝牙通信插件
这是我在apicloud平台开发的模块cxgBluetooth模块简介:蓝牙串口通信的基本支持。作为客户端支持同时连接多个不同的蓝牙设备。作为客户端支持同时连接同一个设备的不同UUID的服务。作为服务端支持同时开启多个不同UUID服务。允许同时作为客户端和服务端。支持手机与手机之间的通信,支持手机与ESP32、经典蓝牙模块等下位机之间的通信。所有发送读取数据均支持返回HEX数据。空闲超过1秒自动发送一个心跳包,能够监听蓝牙外设主动断开。支持多页面应用,页面刷新状态保存,设备不掉线。原创 2022-01-19 19:27:33 · 4059 阅读 · 2 评论 -
程序代码判空操作的等价性原理
null的本源不是空,而是对应对象的最重要的属性没有意义而已。所以我提出来了判空操作的等价性原理。假设a.b是一个对象,我们要取对象b下面的属性c,如果此时b对象是null的话,会引发空指针异常,我们在代码中既然能够写出a.b.c这样的代码来,说明b是存在的怎么会是null呢,只是此时的b是存在于我们的意识中的,它不是什么都没有。我们假定一切对象都不是null,那么我们直接写a.b.c不会有任何问题。假设a.b.d是最能体现该对象存在的一个属性,比如说是id,比如说一个人的name是空,那么原创 2020-05-26 10:11:04 · 492 阅读 · 0 评论 -
分享一个自行开发的加强版swagger-ui,提供一个全新的api文档生成思路
我前段时间开发的加强版swagger-ui。这或许为swagger应该是一个什么样子,提供了一个全新的思路。文档缓存,即使服务器没开,仍然可以看文档。 文档注释增强,采用js注释写法,对前端人员比较友好。 文档输入输出框,采用CodeMirror轻量级文本编辑器代替原版的textarea输入框,支持编辑器语法高亮,代码格式化,代码折叠… 自动捕获前端的代码实现,连接口数据预处理逻辑都能显示,支持枚举值提示等。 接口字段排序,请求返回的数据也能显示注释,自动执行前端数据预处理逻辑,自动转换枚.原创 2020-05-15 09:47:50 · 709 阅读 · 0 评论 -
任意层级的流程图展示js插件
最近展示审批流需要展示并行审批的功能,于是开发了一个可以展示任意层级的流程图。后台是activity开发的。需要提供如下的数据结构:{ //最顶层必须是一个串行任务 "taskType": 0, //0是 串行任务 2是并行任务 "subTasks": [{ "taskType": 0, "subTasks": null, //任务子级 "state": 10, //"10": "已执行","20": "当前执行","30": "未执行" "tas.原创 2020-05-14 17:19:46 · 3739 阅读 · 0 评论 -
web前端开发-自己整理及开发的一些常用工具函数
/** * 自己封装的一些常用的工具 * @author chengxg * @since 2019-1-11 */export function isType(val) { return Object.prototype.toString.call(val).slice(8, -1);}export function isObject(val) { return isType(val) === 'Object';}export function isArray(val) {.原创 2020-05-12 11:36:07 · 491 阅读 · 0 评论 -
原生js实现事件总线
/** * 发布-订阅模式 * 自定义的事件总线 * 方法: * on: 绑定一个事件 * once: 绑定一个一次性事件 * off: 移除一个事件 * emit: 触发一个事件 * use: 添加一个中间件 * * @author chengxg * @since 2018-12-29 * @constructor */export function Even...原创 2019-06-17 18:04:18 · 2051 阅读 · 0 评论 -
web前端避免无意义的数据判空及优雅的混入属性
在web前端开发中,有这么几种情况,后台返回的数据并不完整。后台只给了一个状态值, 我们前端在显示时, 需要显示状态的名。 后端在开发时, 自己在数据库中造了一些测试数据,没有关联正确,导致返回的数据有缺失。 正常业务的不同阶段,有一些数据字段与业务状态有关,导致接口中的一些字段缺失了。当接口嵌套层级过多及接口字段过多时,前端在页面展示时,对接口数据的判空令人很头痛。之前一直这样混入...原创 2019-06-17 17:52:02 · 1200 阅读 · 0 评论 -
基于webpack4.0 搭建vue多模块系统
基于webpack4.0 搭建vue多模块系统。当一个系统包含多个模块时,总不能每个模块开一个vue项目吧,做不到资源共用,通过改造webpack配置来聚合多个模块,达到资源共用的效果。在config/index.js中配置相关的模块名,即可引入子模块,还可以指定打包的模块。目录结构如图,modules文件夹下存放各个模块。子模块文件夹如图打完包之后的文件...原创 2019-03-14 22:04:54 · 2268 阅读 · 0 评论 -
工兵扛军旗游戏新玩法
最近手痒痒,用vue.js开发了一款“工兵扛军旗”练练手,真正的工兵扛军旗,棋子可以摞起来。游戏采用html5开发的多人在线联网对战游戏,客户端运行在浏览器上,支持windows,Android,,IOS等平台。简介:此玩法为翻棋玩法, 地雷被 工兵挖上不会消失,反而被 工兵所用; 军旗被 工兵扛上游戏不会结束, 军旗变成了 工兵的杀人工具; 炸弹会被 排长俘获,变成自己阵营的棋...原创 2018-07-20 07:55:52 · 8000 阅读 · 0 评论 -
基于html5+的nativejs实现android蓝牙串口通讯
代码实现摸索了一下,自己写了一个蓝牙串口连接接收数据的小示例。还是希望有大神告知如何开启多线程来接收数据。如果要测试此代码需要自行引入vue.js。原创 2018-07-20 22:50:48 · 35548 阅读 · 114 评论