背景：
目前我们项目都是按组件划分的，然后各个组件之间封装成产品。目前都是采用iframe直接嵌套页面。项目中我们还是会碰到一些通用的组件跟业务之间有通信，这种情况下iframe并不是最好的选择，iframe存在跨域的问题，当然是postMessage还是可以通信的，但也并非是最好的。目前有这么一个场景：门户需要制作通用的首页和数据概览页面，首页和数据概览页面通过小部件来自由拼接。业务组件在制作的时候只需要提供各个模块小部件的url就可以了，可是如果小部件之间还存在联系呢？那么iframe是不好的。目前采用Vue动态加载异步组件的方式来实现小组件之间的通信。当然门户也要提供一个通信的基线：Vu
2022-01-28 16:01:27
89KB
1
业务需求，需要在系统登陆的时候，使用“滑动图片验证码”，来验证操作的不是机器人。
效果图
使用方式
在一般的页面组件引用即可。onReload这个函数一般是用来请求后台图片的。
class App extends Component {
state = {
url: ""
}
componentDidMount() {
this.setState({ url: getImage() })
}
onReload = () => {
this.setState({ url: getImage() })
}
render() {
r
2022-01-12 18:26:32
78KB
1
问题场景
所谓悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。
这算是一个比较常见的实现场景了。
为什么要用cover-view做悬浮窗？原生组件出来背锅了~
最初我做悬浮窗用的不是cover-view，而是view。
这是简化的代码结构：
index.wxml:
<image class=img src=https://ss2.baidu.
2021-12-23 13:22:42
233KB
1
一、获取key及在index.htm中引入
首先需要成为高德开发者，申请到适合项目的key.并在index.html中进行引入
[removed][removed]
二、在配置文件中进行相应配置
根据vue脚手架的不用需要在不同的文件中进行配置。
我项目使用的是cli3的脚手架，需要在Vue.config.js中进行高德地图配置
externals: {
'AMap': 'AMap'
2021-12-23 06:22:59
58KB
1
项目中需要上传图片可谓是经常遇到的需求，本文将介绍 3 种不同的图片上传方式，在这总结分享一下，有什么建议或者意见，请大家踊跃提出来。
没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面，有一些商品名称、信息等字段，还有需要上传商品轮播图的需求。
我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差不多，本文主要聊聊实现思路。
1.云储存
常见的 七牛云，OSS（阿里云）等，这些云平台提供API接口，调用相应的接口，文件上传后会返回图片存储在服务器上的路径，前端获得这个路径保存下来
2021-12-20 10:35:11
97KB
1
1.简介
无向图是图结构的一种。本次程序利用邻接表实现无向图，并且通过广度优先遍历找到两点之间的最短路径。
2.广度优先遍历
广度优先遍历(BFS)和深度优先遍历(DFS)是图结构中最常用的遍历方式。其中广度优先遍历配合上队列能够找到两点之间的最短路径，同时也能解决一些其他的问题(比如寻找迷宫的最短逃离路线)。广度优先遍历寻找两点之间最短路径的操作分为以下几步:
1）.首先定义起始点和终点src和dst。接着定义一个数组distance[ ]，用于存放各点到src的距离。初始化时各点到src的距离是INF(表示正无穷。这里可自行定义，作用是表示还未得到该结点到src的距离)，而dista
2021-12-19 17:53:22
54KB
1
本文实例讲述了C语言数据结构之平衡二叉树（AVL树）实现方法。分享给大家供大家参考，具体如下：
AVL树是每个结点的左子树和右子树的高度最多差1的二叉查找树。
要维持这个树，必须在插入和删除的时候都检测是否出现破坏树结构的情况。然后立刻进行调整。
看了好久，网上各种各种的AVL树，千奇百怪。
关键是要理解插入的时候旋转的概念。
//
// AvlTree.h
// HelloWorld
// Created by feiyin001 on 17/1/9.
// Copyright (c) 2017年 FableGame. All rights reserved.
//
#ifndef __H
2021-12-13 14:43:22
66KB
1
我们编写js代码时经常遇到复杂逻辑判的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。
举个例子
先看一段代码
/**
* 按钮点击事件
* @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消
*/
const onButtonClick1 = (status)=>{
if(status == 1){
sendLog('process
2021-12-09 22:47:17
78KB
1
公司项目采用Electron（electronjs.org/ ）开发pc应用，会涉及到与底层硬件设备的通信，而sdk封装 基本上都是通过 C++ 动态链接库dll实现的。
有两种方案可供选择：
方案一： 使用node-ffi
方案二： 使用C++编写一个node addon，通过LoadLibrary调用dll
以上两种方案都可以解决dll调用问题，方案选型要个人对C++ 的掌握程度，如果熟悉C++开发，可以直接选择方案二最方便。如果完全不了解C++，那么只能采用方案一。
由于笔主不太懂C++，最终选择第一种方案。
二、什么是node-ffi？
（ www.npmjs.com/pack
2021-12-08 07:36:43
82KB
1