编程小将

引入依赖规划页面开始开发引入依赖如果项目中没有用npm，那么先初始化npm init -y然后安装airkiss及相关依赖npm install qcloud-iotexplorer-appdev-sdknpm install qcloud-iotexplorer-appdev-plugin-wificonf-corenpm install qcloud-iotexplorer-appdev-plugin-wificonf-airkiss页面根据设计，基础页面需求如下：确认.

在很多场景下由于区分授权，比如菜单或组织机构等，给当前用户返回的往往可能不是以固定的父id来标识数据的根节点。这种情况下就需要动态的根据当前数组本身自动判断构造树。理论就是根据父id，在数组或树中查找，如果在元素中找到对应id，那么就追加为子元素。如果找不到，那当前元素就是定级元素。/** * 列表转为树，pid值未知。思路：第一遍遍历构造为map，第二遍 * @param {*} list * @returns */ export function listToTree(list) {

在antdv组件库中，把折叠面板和上传控件一起使用，当点击上传按钮时，虽然会弹出文件选择窗口，但同时每次点击时折叠面板都会切换打开状态。这是由于事件冒泡，当点击图标的时候穿透到了底下的折叠面板，所以两个事件响应都执行了要解决这个问题，只需要在extra插槽的顶层标签加上@click.stop.prevent即可，示例如下<div slot="extra" @click.stop.prevent> <a-upload name="file" :file-list=

要在页面上实现一个按键点击切换不同状态或模式

draw.io是一个很好的作图工具，完全免费开源。这里记录一下改造过程

最近做企业信用管理模块，需要展示企业信息变更内容，达到对比效果。选用diff库：https://github.com/kpdecker/jsdiff效果图变更前变更后

前端框架使用vue，组件库使用ant design of vue，后台框架使用springboot + mybatis plus遇到一个时间范围查询的需求，但是查看之前的方式实现比较复杂，这里列一种实现简单的方式。先看日期范围前端日期范围查询的标签如下<a-form-item label="时间范围"> <a-range-picker @change="onRangeChange" /></a-form-item>思路change函数有两个参数

声明datascheduleSearch: { task: 0, // 定时器对象，初始值应该可以写为null status: false // 定时器状态 }引入组件标签，这里根据不同的组件库使用不同的组件即可。通过status进行开关状态显示效果的绑定<el-switch v-model="scheduleSearch.status" style="float: right;" active-text="开启定时刷新"

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。无论前端用什么框架，都可以使用这个；目前我们已经在旧jquery项目的改造、vuejs项目、react项目中均有使用这个库来做ajax交互，使用很方便。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求...