一个在全能之路上越走越远的男人。

原创 后端返回blob文件流，前端下载文件的整个过程，偏向于前端这边（vue+axios）

先谈谈遇到的问题吧：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？解决办法： 肯定没有设置 responseType: "blob"，我不知道你用的什么接口请求方式，你可以搜一下，怎么设置responseType: "blob"3. 下载word文件里面内容是【object object

原创 【微信小程序开发】遇到的所有问题记录

1. 跳转页面问题路径不对，去查找app.json里面的页面路径配置：跳转页面代码：（记得pages前面加/, 不然还是会报错） wx.navigateTo({ url: '/pages/home/home', })

原创 前端项目优化方向与方法（webpack项目）

前端项目加载首屏，速度优化方法如下：1. webpack 开启 gzip压缩，使用 下面这个插件，具体使用方法查看说明。npm install compression-webpack-plugin --save-dev2. 使用CommonsChunkPlugin这个包，进行code split，详细说明请点击CommonsChunkPlugin3.webpack 实现持久性...

原创 TCP三次握手和四次挥手

盗来一张图：以客户端主动发起请求为例，来看三次握手是怎么形成的：1.第一次握手： 客户端主动发起请求，向服务器发送SYN =1 ，seq = x;这两个代表啥意思呢？SYN 是一个标识符，表示请求建立新连接。等于1的时候有效，一般都是等于1。因为要发起连接啊。seq = x；代表发送的数据（可以理解为一段测试信息），x代表的就是个假设的值 x。2. 第二次握手：服务端收到请求，SY...

原创 前端内部技术分享---前端组件之表格组件的封装与使用（Vue3）

el-table的使用、v-bind="$attrs" 和 v-on="$listeners"、el-pagination、el-upload、el-form等，这里看封装的组件业务复杂程度，不再展开；，都会用到表格，我们最常用的 就是element-plus 组件库，相信大家都对el-table 都比较熟悉了，但是在许许多多大同小异的界面中，每次都要写很多。那么，我们能不能把这些重复的，没有技术含量的工作，抽离组件，通过一个简单的json 配置就能实现这些功能，岂不是就能早点下班了。

原创 vue + vite 项目架构笔记---- PC端屏幕自适应方案

项目中总有很多界面 需要做大小屏幕适配的兼容，那么怎么能够快速实现这一方案呢，SASS的出现是个非常好用的工具，可以通过自定义函数，来实现自动计算。

原创 cesium 之小问题大学问记录

1.我只是添加marker进行显示和隐藏，但是，我一开始添加的时候时默认隐藏的，如果时默认显示的，那么直接设置enty的显示和隐藏都没问题。但是，我一开始设置show是false，这时候就不能设置enty的show了。应该设置billboard的show属性或者加的是label，设置label的show属性；

原创 cesium 加载管道数据

let str = `级数：${level} 视高：${alt}km 方位角：${heading}° 俯仰角：${pitch}° 翻滚角：${roll}°`;const pipeArr = [] // 所有的管道数据。* @param {* geojson 地址} url。* @param {* 管道颜色 } color。* @param {* 管道名称 } name。* @description 设置管道半径。* @description 添加管道。* @description 移除管道。

原创 【cesium专栏-克里金插值】实现降雨分布图可视化

1. Vue是会把所有的data上的对象数据会转化成响应式的，可以从Vue源码看出来，所以Cesium的Viewer对象千万不要写在data、state、computed里面。data里面初始化和ui相关的数据。那如果不存data、state、compued里面，可以存在window的全局对象里面：可以这样写：window.earth = Viewer2....

原创 【Cesium专栏-热力图实现】时间轴序列化动态更新

最近在搞气象数据的可视化，包括降雨、风速、湿度、气温等等的一系列结果可视化，后面会一一记录在本专栏中。这篇文章，主要讲如何实现热力图，针对温度进行可视化展示。针对青海流域的气象结果可视化，时间轴序列变化，解决了切换闪动的bug。自己参考的别人的一些代码，封装的cesiumHeatmap.js。

原创 Vue常用插件集合- vue-seamless-scroll 的使用

常规说明：见官网文档 vue-seamless-scroll我只记录常见的问题问题1 ：滚动断层，链接不上？解决方法： 把数据的赋值，放在setTimeOut里面，异步赋值

原创 App隐私政策网址(URL)

本软件尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本软件会按照本隐私权政策的规定使用和披露您的个人信息。但本软件将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本软件不会将这些信息对外披露或向第三方提供。本软件会不时更新本隐私权政策。您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本软件服务使用协议不可分割的一部分。1.适用范围a)在您使用本软件网络服务，本软件自动接收并记录的您的手机

原创 Mysql笔记

window教程：https://www.runoob.com/mysql/mysql-administration.html如果执行 mysqld --initialize --console报错：什么应用程序不行或者丢失什么dle的东西解决办法：一定要用管理员打开cmd,并且去下载一个Latest supported Visual C++ Redistributable downloads | Microsoft Docs这个里面的软件，安装好，就支持了。...

原创 ReactNative专栏：踩坑日记

1. 遇到类似：解决办法：降低这两个库的版本：以前用的6.x的版本，降低版本后，没问题啦。"@react-navigation/native": "5.5.1","@react-navigation/stack": "5.4.2",2. 遇到类似：The iOS Simulator deployment targets is set to 7.0, but the range of supported deployment target version for this p.

原创 cesium不支持4490的问题解决方案（超详细）

我用的cesium 版本是1.79的，修改源码即可，解决此问题。主要修改的地方有三处分别是：我自己写了个脚本，用来打包之前，替换这三个文件，不然每次其他人，更新安装包的时候，不会生效。具体操作如下：1. 在项目public目录新建lib 文件夹，把修改完成的三个js文件，放进去。2. 在项目根目录，新建copyCesiumlib.js文件，用来用node脚本修改node_modules源码对应的三个文件3. 修改package.json 的script脚本命令，加上node.

原创 liunx 环境下，用rz命令上传压缩包乱码

解决办法输入rz -be 即可解决rz命令-a, –ascii -b, –binary 用binary的方式上传下载，不解释字符为 ascii -e, –escape 强制escape 所有控制字符，比如 Ctrl+x，DEL 等 -ary –o-sync -a 表示使用ascii码格式传输文件，如果是Dos格式的文件，会转换为unix格式 -r 使用 Crash recovery mode. 即文件传输中断会重传 -y 表示文件已存在的时候会覆盖 –o-sync 采用...

原创 【postgreSQL笔记】

1. delete from tableName where id = 1; / / 删除ID=1的数据2.SELECT nextval('model_seq') // 查询下个序列值，注意序列的字段需要引号扩起来

原创 【XXXX】wget下载资源-跨服务器下载

因为客户那边上传文件比较慢，所以需要通过wget下载文件，下载文件速度还是很快的。方案如下：1. 在我们公司服务器上，先通过express服务，起一个静态资源服务，供客户那边服务上下载资源，操作如下：...

原创 【XXXX厅】部署项目-liunx 环境下安装nginx

1.安装依赖包//一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2.下载并解压安装包//创建一个文件夹cd /usr/localmkdir nginxcd nginx//下载tar包wget http://nginx.org/download/nginx-1.13.7.tar.gztar -xvf nginx-1.13.7.tar.gz3.安装nginx//进入nginx

原创 Vue 封装浏览器全屏与退出全屏的方法

/**网页全屏*/function requestFullScreen(element) { var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen; if (requestMethod) { requestMethod.call(element); } .

原创 leetcode 题目1. 两数之和

题目：给定一个整数数组 nums和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]解答：1. 暴力求解：/** * @param {number[]} nums * @param {num...

原创 算法-- 时间复杂度和空间复杂度的理解

好久不写文章了，最近有点焦虑，公司的项目突然黄了，这可能就是身在小公司要面临的风险吧。开始刷刷算法，准备跳槽了。打开leetcode，一脸懵逼，说实话没怎么去关注算法，毕竟项目中用到的算法确实不多。但是要想成为一名大佬，算法是必经之路，好了从现在开始，每天刷一题leetcode，奥利给！！！先理解什么是时间复杂度和空间复杂度算法（Algorithm）是指用来操作数据、解决程序问题的一组方法。对于同一个问题，使用不同的算法，也许最终得到的结果是一样的，但在过程中消耗的资源和时间却会有很大的区...

原创 elementUI样式穿透在谷歌浏览器生效，在火狐浏览器无效问题解决方案

怎么说呢，可能一开始不知道到底element的样式穿透到底该怎么写。所以就在所有需要的地方都加/deep/前缀，其实没必要这个样子，只要在组件最外层加个class,然后/deep/这个外层的class，包裹住的其他样式那就行了。所以无用的/deep/ 删掉，火狐浏览器就生效啦。...

原创 npm 发布自己的包-记录一下

发布到npm registry开发好组件之后，想在其他的项目(或者提供给其他人安装使用)中通过npm install的方式安装你的组件，那么你的组件必须发布到npm registry中。1.npm registry简单来说，npm registry就相当于一个包注册管理中心。它管理着全世界的开发者们发布上来的各种插件，同时开发者们可以通过npm install的方式安装所需要的插件。npm官方registry为：http://registry.npmjs.org/国内速度较快的为：http

原创 如何使用vue-print-nb ，根据后端返回的图片blob流在线调取打印机，打印图片，打印指定区域

搜遍全网感觉没有一个做过的，只能看类似的案例，自己摸索了，索性很容易就出来了，记录一下首先，我们需要打印后端返回的图片流，我找了半天没找到方法，打印pdf的方法倒是有，但只是支持pdf的流。那么打印图片流，只能考虑其他的方案了。变通思路如下：blob的图片流肯定能展示在页面上，那么只要先把图片转成blobURL的地址，显示在指定的div内，然后指定打印的区域就行了。做法如下:1.先把返回的blob流，转成blob的URL： // 将返回的流数据转换为url， flle参数是blo.

原创 Cesium学习笔记--Sandcastle is not defined

参考官网的例子 ，写demo,然后报错如下：开始以为是cesium内置的一个方法，但是报错说明不是，那么可能是cesium哪里定义的，需要引入？找了一圈发现，还是么有。我特法克西，原来这个是官网自带的方法，好吧好吧，那我就不纠结他怎么引入的了。不过看官网写的好像挺好用的，怎么使我们自己的项目里面，也可以引用呢？待研究。。。...

原创 ant-vue-design 常用的组件加载方式

完整引入main.js中全局引入并注册import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'Vue.use(Antd)在页面中不再需要引入注册组件，可以直接使用所有的组件<template> <div> <a-button type="primary">hello world</a-button> </div></te

原创 git 项目管理，合并主干和分支拉取主干代码，规范化操作流程

基于master创建分支1.切换到被copy的分支（master），并且从远端拉取最新版本$git checkout master$git pull2.从当前分支拉copy开发分支$git checkout -b devSwitched to a new branch 'dev'3.把新建的分支push到远端$git push origin dev4.关联$git branch --set-upstream-to=origin/dev5.再次拉取验证$git

原创 mac 使用pem登录服务器的方法

使用服务器帐号密码，登录服务器，不安全，导致服务器直接奔溃了，现在采用pem的方式登录。很简单一个命令。记录一下啊,格式如下 ：ssh -i pem文件地址 root@服务器ip举个栗子：假如你下载的文件，为mypem.pem，并且你放到了桌面上，你的服务器ip是255.245.235.22,你要用root帐号登录那么你就可以这么写ssh -i 不知道pem文件地址的，直接鼠标拖进命令窗口就行就行了 ,假设pem所在你电脑的地址是desktabel/mypem.pem...

原创 在scoped 模式下 覆盖第三方组件库elementUI的样式的两种方法

在scoped模式下，组件之间的样式互不影响，但是也造成了一些问题，在当前组件想修改element组件样式的时候，你发现不好使。下面提出两种解决办法，他们把这个操作，叫做样式穿透。第一种写法：外层class >>> 组件的class这样就可以有效果啦第二种： /deep/ 组件class 如下：...

原创 2020年最新Vue常见面试题总结---为以后换工作做准备吧

前言：好歹也是用了三年的Vue老手了，天天搬砖，也没意思，想着研究一些深层次的东西，自己造造轮子，顺便换个城市，换个工作。第一题：Vue中Watch和Computed方法的区别？答：先说相同点吧，两个方法都可以监听数据变化，执行一些操作。再说不同点：1.写法不同，computed 无法拿到变化之前的值，watch可以。// 计算属性computed: { fullName() { return firstName + lastName; }.

原创 解决浏览器自动填充的问题，巧妙解决

原创 python 逐一追加指定的字符串到csv文件，并且校验去重

背景：使用python下载哨兵1数据，对于下载失败的文件，会在最后生成一组日志，我需要根据这个日志信息来对比源文件，把失败的数据，重新生成需要下载的数据csv。解决方案：当在下载报错的时候，就把这个文件名添加在指定的一个csv文件里面，这样程序跑完或者没跑完，我就知道失败的都有那些了。脚本如下：import csvdataSet = []def getFailedList(fileName): # 传入的字符串追加到csv中 if [fileName] not

原创 npm 查看源以及切换源

1. 设置为淘宝镜像npm config set registry https://registry.npm.taobao.org2. 设置回原本的源，用来发布npm包npm config set registry https://registry.npmjs.org3. 查看npm当前设置的源npm config get registry 或者npm config list...

原创 element ui tabel组件，自适应大小

场景父级div变化，tabel组件宽度不自适应变化。解决办法：在父级div加：overflow: auto;搞定。

原创 python 在Windows下怎么改变默认版本

Windows下更新pip总是失败，失败的原因是pip版本太低，我使用提示命令用pip自己更新pip，发现还是版本太低。。。。我特么，，，升级python版本，直接重新去官网下载一个新包，默认安装完成之后，然后去配置环境变量、环境变量里面找到，配置的环境变量路径，改成自己安装的目录路径，就可以了。...

原创 React 使用ant-design 的样式框架，打包部署后，发现main.css 这个文件特别大，如何按需引入组件样式

如题：废话不多说直接上代码：1. npm install babel-plugin-import customize-cra react-rewired --save2. 在项目根目录新建 config-overrides.js 文件const { override, fixBabelImports } = require('customize-cra'); mod...

原创 前端捕获异常，在页面提示

请求接口返回的错误信息是这样的：Error: Request failed with status code 504 at createError (createError.js?16d0:16) at settle (settle.js?db52:18) at XMLHttpRequest.handleLoad (xhr.js?ec6c:77)可以通过err.r...

原创 window.scroll({ behavior: 'smooth' }) 在移动端不生效的问题解决

首先，遇到问题，一般百度解决不了。如果你是百度搜到我的那你真是幸运，反正我百度没搜到解决方法，最后还得靠goole。先直接上解决方案：// 安装这个插件yarn add smoothscroll-polyfill 或者 npm i smoothscroll-polyfill在你需要解决问题的页面引入：import smoothscroll from 'smoothscroll-p...

原创 javascript中形参和实参的区别？

对于形参和实参的区别，这里做一下解释。参数有形参（parameter）和实参（argument）的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。例如：声明函数add时，a，b就是形参。调用函数add(1,2) 1，2就是实参。function add(a,b) { return a + b};add(1,2);...