lbn2676043895的博客

原创 cesium资源点击变色

简单说说自己之前写的思路，需要后端接口配合首先，在绘制点线面资源或者模型资源时，通过保存功能把相应的事件都绑定在资源上，可以看一下保存的数据结构这样就把模型的构件绑定的事件存到数据库了。接下来需要设置全局监听机制，在点击每个资源时都会触发这个监听机制，根据资源的类型来区分事件方法，如：这里的传参pickedObject就是当前点击的构件或者实体的数据，tilesJson就是当前点击的模型每个构件信息，截图：现在说回点击构件变色这块，在全家监听的点击方法中，每次点击都会获...

原创 cesium设置当前视角和跳转到指定视角

原创 cesium下载当前封面保存到本地

原创 avue之表格树结构-懒加载-解决子节点不动态刷新的问题

1.关键点是设置一个存储树节点的仓库，且用new Map存储2.在表格数据实时更新后引用maps的数据，动态更新子节点的内容3.如果是删除操作的话，这里需要加一段代码，先清空掉对应子节点的父节点下的数据...

原创 element-ui之table表头禁用多选框功能

table加上自定义class，然后在method中处理此时会给table表头添加disabledCheck的class，需要在style中设置

原创 编译ffi

先附上所有文章链接https://www.520mwx.com/view/32963?tdsourcetag=s_pcqq_aiomsghttps://www.jianshu.com/p/45df1dc37478https://blog.youkuaiyun.com/wang839305939/article/details/83780789首先需要安装node-gyp的依赖，详细...

原创 electron编译ffi

其实流程就是1. 运行npm install windows-build-tools命令安装py环境和.net环境，这里最好是用npm安装；千万注意！！过程会有卡顿，一定得让它自动跑完install流程，流程跑完后在windows-build-tools文件夹里会有python的安装包，可是尝试安装，并配置环境变量2.npm install -g electron-rebuild 全...

原创 div属性中contenteditable="plaintext-only"的复制粘贴问题

当前项目中使用到了，此时无法像input中自由复制粘贴，所以需要使用一段代码放在mounted中执行监听即可//输入框内复制粘贴功能document.querySelector('div[contenteditable="plaintext-only"]').addEventListener("paste",function(e){e.stopPropag...

原创 electron新窗口读取本地数据库并展示在html静态页面

首先参考electron官方文档https://electronjs.org/docs/api/browser-window设置新窗口页面集成node环境，设置成功后即可以在html页面中js里调用electron模块方法后面是根据业务进行操作，读取数据库的操作我放在了主进程中，示例：静态js环境中向主进程发送连接数据库请求,接下来是主进程的操作数据库的业务处理统一写...

原创 electron改变窗口大小并记录当前大小

在electron中寻找api，终于找到关键getContentBounds(),调用mainWindow.getContentBounds()可以获取当前窗口大小先在主进程中设置好窗口移动的监听事件在渲染进程中作为接收处理分发出去最后在业务代码中通过事件的调用来获取当前窗口的宽高并保存最后在electron项目的初始页面中读取数据库中的窗口大小并设置当前窗口的宽...

原创 使用electron实现类似微信屏幕截图功能

由于我司业务需要，在使用electron开发桌面端应用中需要使用到屏幕截图功能，也算是踩了比较久的坑在网上找到许多帮助的帖子，比如：https://www.jianshu.com/p/77a3f0fadcf1算是打开了第一条思路，通过加载现成的exe文件来实现屏幕剪切功能，在这里主要应用到的是child_process工具，这个是node中的功能，如果对此不了解的可自行百度，这个不...

原创 electron实现打开本地文件接口（返回文件大小、文件名及文件后缀名和文件流等）

功能实现需要几个原生模块：const electron = require('electron');const dialog = electron.remote.dialogconst app = electron.remote.appconst fs = require('fs');const path = require('path');1.通过dialog模...

原创 使用electron创建屏幕截图

代码封装在js中：返回的数据thumbnail中的数据就是当前的截屏图片资源，由于作者使用的双屏开发，所以在这里变成了3屏

转载 在 64 位系统下安装 32 位 electron

https://lunzi.org/archives/567为什么用 32 位 electron？体积更小：32位 electron 比 64位小30MB，用 inno setup 打的安装包也要小10MB 更兼容：32位 版本兼容 64位系统方式一：直接 npm 安装npm install --arch=ia32 electron@1.4.14方式二：配置 .npmrc...

原创 electron端实现录音播放功能

js-audio-recorder，引用此控件实现录音功能，主要api在npm官网上有所描述贴上实现效果源码：html代码：<audio controls autoplay></audio><input @click="startRecording" type="button" value="录音"><input @click="sto...

原创 mac调用c++的问题处理

如何在Mac OSX 中制作dylib和使用dylib博客分类： 苹果系统 Mac OSX gcc程序如何在Mac OSX 中制作dylib和使用dylib本文本着简单易读的方式给朋友们,本人为原创1.首先是构建一个函数库 编辑add.c int add(int a,int b) {return a+b; } int axb(i...

原创 ffi在mac系统中运行经验总结

https://qvb3d.iteye.com/blog/1176920基于上面的文档，我找同事用mac电脑帮我编译之后放到mac电脑中运行方能成功

原创 electron使用ffi调用动态链接库dll

##方法1：调用动态链接库dll（c++写的） electron桌面应用开发下调用：###1.1 准备工作 编译软件：（编译c++/c的插件） - 安装npm install -g node-gyp 管理员身份运行：如果本机已经装过vs2017，会失败，不建议这样。1.- npm install --global windows-build-tools(其实我本机已经装过，之前测...

原创 关于在electron端要调用c#的问题详解

最近在公司研究js调用c#的方法头疼了好久，也找到了好几种方案，踩了无数的坑。。。于是我把踩坑经验也写出来防止二次踩坑吧！一：关于Emscripten编译机，将c#文件编译成js文件，这是第一天研究的方案，网上的综合文档比较多，但是由于受版本以及npm(国内npm找包的坑实在太多不忍直视，我现在已经开始使用yarn。。。)的影响和限制经常会报错，最后在一篇文章中找到解决方案，文章贴出来-...

原创 websocket连接openfire

https://my.oschina.net/lwenhao/blog/2208991引入XML与JSON互转的js<script src="lib/XML/ObjTree.js"></script><script src="lib/XML/jkl-dumper.js"></script>自行百度下载新版本。我使用的版本上传至百...

转载 Emscripten 安装

https://www.jianshu.com/p/120781745866先看看官方文档: 官方文档看完感觉特别复杂....一脸懵逼...再看看 ruanyifeng的文章 url发现我的windows机器也跑不起来.用./emsdk 或者 emsdk 命令都会报错..估计是要添加什么环境变量.↓ 下面介绍 windows系统下最简单的安装方法安装依赖nodejs ...

转载 【Electron】 Electron 开发桌面应用（一） 编写→运行→打包

一. 准备工作1. 首先，我们要安装electron-prebuilt，它是一个npm模块，因此我们可以使用Npm来进行安装，它是一个electron的预编译版本。npm install -g electron-prebuilt2.接下来安装electron-packager ，它也是一个npm模块，是一个用于打包electron应用的工具，具体使用方法我们稍后...

转载 【Electron】 NSIS 打包 Electron 生成exe安装包

上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？这一篇文章我们使用NSIS来打包Electron安装程序https://blog.youkuaiyun.com/yu17310133443/article/details/79496499NSIS操作简单，而...

转载 vue插件大全汇总

https://blog.youkuaiyun.com/qq_25838839/article/details/84613644

原创 reacr-redux初试总结

一系列的包加载就不说了，直接上代码说明吧；目录结构以及最外层react-redux引入见上图； action的定义，先定义一个常亮，这样方便在reducer中引用判断，便于管理，剩下的最关键的就是组件的使用了，引入connect，需要的action =》addToCart， mapStateToProps函数返回的值相当于在this.state中定义的值，通过this....

转载 vue-cli反向代理配置

vue-cli配置反向代理vue-cli提供了配置反向代理的接口，即设置config/index.js中的proxyTable。配置如下:组件中调用接口示例（axios）上述示例请求的地址会被解析为http://moby.xbotech.com/api/login。如果proxyTable中pathRewrite配置为空，则请求的地址被解析为http://moby.xbotech.com...

原创 react配置编辑器

import React, { Component } from 'react';import { connect } from 'react-redux';// import I18N from '../../assets/utf8-php/lang/zh-cn/zh-cn';// import UEDITOR_CONFIG from '../../assets/utf8-php/u...

转载 webpack 静态资源合并

趁工作之余从零构建了一个webpack4.x多页面应用程序。过程中也遇到一些坑，就记录下来了。webpack核心概念Entry：入口，Webpack 执行构建的第一步将从 Entry 开始。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk：代码块，一个 Chunk 由多个模块...

转载 webpack配置react Demo

1、npm init初始化项目npm -v可以查看npm版本，我安装的最新版5.5.1 初始化项目后将生成一个package.json文件，如图：2、安装依赖安装开发环境依赖：npm install --save-dev babel-core babel-loader babel-plugin-import babel-preset-latest babel-preset-reac...

转载 Webpack自定义配置

Webpack傻瓜式指南（一）张轩Rage against the machine 粉丝690 人赞了该文章该文章写于两年前，期间 webpack 已经发生了重大的 break change, 这期间作者也学到了很多新的知识，这篇文章的一些内容也已经不再适用，所以作者更新了 webpack2 的新教程，可以直接前往这里：vikingmute/webpack-for-fools...

原创 webpack配置Babel

webpack配置Babel安装依赖包：npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-envbabel-core：babel的核心包； babel-loader：babel的loader包； babel-preset-es2015：解析es6的包； babel-pre...

原创 js手动实现文件上传

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;XMLHttpRequest上传文件&lt;/title&gt;    &lt;script type="text/javascript"&gt;       

转载 webpack配置vue

创建项目 mkdir vue-demo cd vue-demo复制代码使用 npm init 命令 生成package.json文件npm init复制代码大概生成的package.json 如下:{ "name": "vue-demo", "version": "1.0.0", "description": "this is a vue .

转载 自制前端分页

js实现前端分页页码管理 用JS实现前端分页页码管理，可以很美观的区分页码显示（这也是参考大多数网站的分页页码展示），能够有很好的用户体验，这也是有业务需要就写了一下，还是新手，经验不足，欢迎指出批评！首先先看效果图：　　　　这是初始页面（也就是第一页）的界面，如果为第一页时，则首页和上一页按钮不可用，为了展示分页的效果，我当前的分页是一条一页。　　　　这是页码大于5页时展示的...

转载 调用摄像头API

&lt;video src=""&gt;&lt;/video&gt; &lt;script type="text/javascript"&gt; var opt = { audio: true, video: { width: 375, height: 603 } }; navigator.mediaDevices.getUserMedia(opt) .then(function(mediaStr...

转载 vue打包路径问题

1、找到 config-&gt;index.js里面，如下修改2、找到 build-&gt;utils.js,在里面加入一句publicPath:'../../', 

原创 Echarts X轴内容过长自动隐藏,鼠标移动上去显示全部名称方法

var myChart = echarts.init(document.getElementById('main'));            option = {                    xAxis: {                        triggerEvent: true,                        type: 'category',      ...

原创 前端处理后台返回二进制流乱码图片

后台返回二进制流乱码图片2018年04月09日 15:19:24阅读数：195 axios.get('/url', { responseType: 'arraybuffer' }).then(response =&gt; { return 'data:image/png;base64,' + btoa( new Uint8Array(resp...

原创 vue数据双向绑定源码，3个版本由简到难

https://github.com/canfoo/self-vue

转载 webpack入门配置

入门Webpack，看这篇就够了 zhangwang 关注2016.08.05 11:21* 字数 7229 阅读 765651评论 839喜欢 2877赞赏 1052017年12月7日更新，添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可点击此处参考写在前面的话阅读本文之前，先看下面这个webpack的...