超级小恐龙~

原创 使用 less

npm install [email protected] [email protected] --save-devnode ：16.4.0

原创 js中的foreach map filter 和forof 获取index下标问题记录

1、三者都不会改变原数组，但map 和filter会返回一个新数组。也就是map filter有返回值。Array.prototype.forEach（item,index,array）array:数组本身。静态方法返回一个数组，包含给定对象自有的可枚举字符串键属性的键值对。没有返回值、不能中止或跳出 forEach 循环、使用箭头函数时。过滤使用，为数组中的每个元素执行的函数。2、foreach 和map 用法类似。以将元素保留在结果数组中，否则返回一个。会被忽略变为window。

原创 解决npm install安装node-sass包容易失败的问题

直接去npm官网查看 使用nvm控制node版本或者 npm install [email protected]（示例4.14）安装指定版本node-sass!如果还提示出现 python 的信息，说明还需要安装python，去python官网下载对应版本的安装包安装即可，一般是2.7版本。如果提示 这些等乱七八糟的基本上就是node-sass 版本冲突问题。

原创 el- dialog中无法加载cesium地图 报错reading appendchild问题

Dialog 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。因此，如果需要执行 DOM 操作，或通过。根据文档说明 地图初始化获取dom会失败 所以放在mounted中无效 修改如下。子组件xxx文件: dialog上加 @open = "openFn"父组件： this.$refs.xxx.open = true。

原创 openlayers配合html2canvas通过屏幕坐标截取部分区域

【代码】openlayers配合html2canvas通过屏幕坐标截取部分区域。

原创 vue页面实现资源管理器遇到的问题--为每个格式配置不同图片解决方案

2、字符串改为变量直接用eval会默认调用执行vm.eval()，所以需要自定义eval方法。1、通过接口返回截取后缀用于更换相应img。

原创 创建Canvas生成base64再转成file文件传给服务器

base64转blob。

原创 git 报The requested URL returned error: 403错误

gitee

原创 vue项目部署注意事项

vue项目部署注意事项。

原创 vue axios上传身份证信息文件

vue axios上传文件。

原创 Apicloud ble低功耗蓝牙收发指令文档

步骤1、搜索附近蓝牙设备并连接指定犬牌。2、根据指定的外围设备 UUID 获取该外围设备的所有服务。3、根据指定的外围设备 UUID 及其服务 UUID 获取该外围设备的所有特征 （Characteristic）。注意项： 循环出该设备的每个服务中的所有特征的UUID，经测试，犬卫士配套的蓝牙计步犬牌的特征值为‘22’，即找到properties=‘22’的服务 如下图。properties的值由硬件厂商设定。4、通过设备id和服务U...

原创 uniapp 低功耗蓝牙项目相关 （蓝牙发光计步犬牌）

概况：手机APP发送16进制指令至蓝牙犬牌，犬牌响应返回结果，功能为计步，犬牌电量，版本号，系统时间，灯光颜色等。步骤打开蓝牙 连接设备 扩大传输MTU 获取蓝牙服务 获取蓝牙设备某个服务中所有特征值(characteristic) 当找到同时有读 写 订阅 权限的特征值时启用低功耗蓝牙设备特征值变化时的 notify功能 订阅特征值开启成功后写入指令 写入成功后读取二进制数据值（此时开启的notify功能就会监听并返回设备响应数据） 接收设备响应数据注意事项16进制指令严

原创 大屏-echarts地图的注册使用

我安装的版本是[email protected] 内含中国、各省核心js和JSON文件 可直接引用，但没有各市区地图文件，若更新到echarts5以上各省市地图文件也不自带了，需到三方库中自行下载，连接如下：js文件获取https://github.com/echarts-mapsJSON文件获取DataV.GeoAtlas地理小工具系列script标签中 echarts注册： import echarts from 'echarts'; import 'echarts/map/j...

原创 大屏-打包上线部署时注意事项

上代码const createRouter = () => new Router({ mode: 'history', // require service support访问路径不带#号 base: "bigscreen", //配置单页应用的基路径 scrollBehavior: () => ({ y: 0 }), routes: constantRoutes})build的时候放开 mode: 'history', base: "bigscreen", 这两

原创 vue项目浏览器全屏相关

data() { return { fullHeight: document.documentElement.clientHeight, //页面高度}}mounted() { let _this = this if (window.outerHeight === screen...

原创 img标签设置图片大小后 出现模糊的情况解决

image-renderingmdn链接image-rendering - CSS（层叠样式表） | MDNCSS属性image-rendering用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。用法img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-...

原创 移动端开发 uniapp 基于苹果ios系统的安全区配置问题

height: calc(630upx + env(safe-area-inset-bottom));safe-area-inset-left：安全区域距离左边边界的距离safe-area-inset-right：安全区域距离右边边界的距离safe-area-inset-top：安全区域距离顶部边界的距离safe-area-inset-bottom ：安全距离底部边界的距离...

原创 检测对象类型（typeof无法准确判断类型）

Object.prototype.toString.call(name).slice(8, -1)if (Object.prototype.toString.call(name).slice(8, -1) !== 'String') { console.error("name is not string") return}

原创 uniapp开发中 关于ios中样式适配问题

1、ios中button 渐变背景色问题解决input,button { -webkit-appearance: none;/*解决ios样式问题*/}

转载 position sticky吸顶，吸底，吸边的效果

探究 position-sticky 失效问题CSS 的 position 值中，有一个非常有用的值 --position: sticky，通常会被用于各种吸顶，吸底，吸边的效果中。如果你对sticky还不太熟悉，可以先看看我的这篇文章：使用 position:sticky 实现粘性布局，当然，这篇文章里面有稍微探讨position: sticky生效或者说失效的规则，但是不太充分。最近遇到一些position-sticky失效的场景，所以总结了一下。position-st...

原创 H5端 图片裁剪插件cropperjs和vue-cropper

使用vue-cropper（https://github.com/xyxiao001/vue-cropper）移动端情况下裁剪的时候 会出现部分机型图片翻转以及拖动卡顿问题，直接改源码， 图片翻转问题可以解决在checkOrientationImage方法中注释掉h.rotate(90*Math.PI/180)即可。卡拖动顿问题 在 moveImg 和startMove 方法中加上 t.stopImmediatePropagation() 本地调试二次打开的时候出现卡死现象，lssues中也未能...

转载 vue 重新加载组件 较友好方法

使用v-if控制router-view的显示或隐藏（v-if会把事件监听器和自组件适当的销毁或者重建）使用provide / inject组合解决自组件层级比较深的问题使用this.$nextTick()实现页面异步刷新provide / inject就是父组件中使用provide提供变量(对象或者是一个函数),在子组件中通过inject来注入变量不管层级有多深，并在起上下游关系成立的时间始终生效this.$nextTick()当dom发生变化，更新后执行的回调实际代码：在App.v

原创 如何npm上传你自己的包或者业务需要改的别人的源码

首先，我们需要一个npm的账号。这个可以直接登录npm官方网站去注册，免费的。npm | Sign Up点开后这两个是必须要填写的，第一个是包名，第二个是版本号。然后终端进行npm 登录，如果你以前使用过npm淘宝镜像的下载链接，这个时候要将下载链接设置回来npm config set registry http://registry.npmjs.org 然后npm login，会要求你输入用户名、密码和邮箱，根据你注册npm的时候输入。出现最下面的一行，就说明...

原创 使用compressorjs工具和JavaScript纯代码实现图片压缩

1、工具compressorjsnpm包https://www.npmjs.com/package/compressorjs2、https://www.jb51.net/article/182078.htm

原创 H5页面调用地图高德和百度

<div style="font-size: large;text-align: center;padding: 10px;"><a :href='"http://api.map.baidu.com/marker?location="+this.lat+","+this.lon+"&title=商家位置&content="+this.name+"&output=html&src=webapp.baidu.openAPIdemo"'>百度地图<..

原创 优雅的求两个对象的交集并对其赋值~~

例如有两个对象：obj1={ a:'asd', b:'aassd', c:'assdfd', d:'asfdgd' }obj2={ a:'', c:''}想要得到的结果：obj2={ a:'asd', c':assdfd'}写法：Object.keys(obj2).map(function(key){ obj1[key] && (obj2[key] = obj1[key]); //其中的&am

原创 sass安装 兼容版本

原创 git常用操作

git status 查看当前状态git add . 本地代码添加到暂存区git commit -m “提交备注信息” 提交暂存区到本地仓库git push 将本地修改合并到远程/ 推送代码git branch 查看当前分支状态git merge 合并分支分支问题： 合并到哪一个分支，首先切换到哪一个分支上面推送分支至云端：git push -u origin login : 把本地login分支推送至马云端 名字为logingit branch (branchnam

原创 设置内网私服后转换为淘宝镜像，cnpm i 依然报错问题

问题 cnpm i 的时候报错起因：南瑞项目需要私服下载前端依赖，通过npm私服下载，首先需要设置私服下载源：npm config set registry http://26.196.217.222/repository/npm-public/，，随后cnpm install 报错原因查询中。。。通过nrm ls 查询出已经注册的源列表npm -------- https://registry.npmjs.org/ yarn ------- https://registry.ya...

原创 ‘node‘ 不是内部或外部命令，也不是可运行的程序或批处理文件

'node' 不是内部或外部命令，也不是可运行的程序或批处理文件状况：安装完nodejs之后，命令行输入node -v， 提示'node' 不是内部或外部命令，也不是可运行的程序或批处理文件原因：检查环境变量没有配置正确配置环境变量：windows系统里, 需要把nodejs安装目录路径设置进系统变量或用户变量1. 打开控制面板 - >系统和安全 - >系统 - >高级系统设置 - >环境变量用户变量中设置 NODE_PATH：C:\Program File.

原创 vue 中的const {XXX } =this 的作用效果

样例1：const { xxx } = this.state;上面的写法是es6的写法，其实就相当于：const xxx = this.state.xxx样例2：const {comment,index,deleteComment} = this 上面的这句话是一个简写，最终的含义相当于const comment = this.commentconst index = this.indexconst deleteComment = this.deleteComme...

转载 .net core 3.1 api跨域问题的解决方案 亲测有效

一、在api配置文件Startup中定义全局变量：public readonly string anyAllowSpecificOrigins = "any";二、在api的appsettings.json中添加配置信息（允许跨域访问的url）："CorsPaths": { "OriginOne": "http://localhost:5001", "OriginOnes": "https://localhost:5001", "OriginThree": "http:/...

原创 如何将变量作为一个对象的Key（基于map结构传参）

console.log('ee',val); // uni.showLoading({ // title:'提交中' // }) let b = { [that.studentClassId] : val } console.log('bbb',b);打印出来：

原创 vue前端解决跨域

module.exports = { publicPath: "./", //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false } }, devServer: { open: true, proxy: { '/jt': { target: 'http://cz-jietong***.net', changeOrig.

原创 vue项目运行... 运算符没能被识别

在vue根目录新建.babelrc 文件（自定义文件，非js）cnpminstall--save-devbabel-plugin-transform-object-rest-spread然后plugins中配置好{ "presets": [ [ "env", { "modules": false, "targets": { "browsers": [ ...

原创 关于vuex 的Mutation

不可用this.$store.mutations.xxx(xx)方式调用mutations的方法，在main.js中调用mutations方法：你不能直接调用一个 mutation handler。这个选项更像是事件注册：“当触发一个类型为increment的 mutation 时，调用此函数。”要唤醒一个 mutation handler，你需要以相应的 type 调用store.commit方法提交载荷（Payload）你可以向store.commit传入额外的参数，即 mu...

转载 如何使用uni.$emit()和uni.$on() 进行页面间通讯

自 HBuilderX 2.0.0 起支持uni.$emit、uni.$on、uni.$once、uni.$off，可以方便的进行页面的通讯 ，触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等。事件详情具体如何使用呢？我们假设一个场景，进入app,是未登陆状态，需要在我的页面点击登陆，进入登陆页面进行登陆。登陆成功之后，返回到我的页面，实时显示登陆后的用户信息。监听事件首先，在我的页面监听事件。复制代码// 我的页面 onLoad(){ ...

原创 uniapp vue 接口数据展示时不换行问题记录

{{}}改为v-html

转载 用CSS实现对话气泡框！

用CSS实现对话气泡框！用气泡框图片直接插入即可，但是，图片每次都需要加载，可以用CSS来实现！首先，得弄明白，气泡框是怎么实现的。知道了原理之后就可以无限变通啦！！！！先来一个基本的气泡框图！第一步，首先要有个框！很简单，一个div就可以啦！然后对其div设置相对定位。HTML： <div class="div"></div>CSS:.div{ width: 200px; height: 100px; border: 2...

原创 Git上传到gitlab现有分支 【场景】gitlab上已经创建了分支，将本地的文件上传到该分支下 gitlab上的现有分支branch_new

在需要上传的文件夹下打开git命令窗口# 克隆远端分支到本地git clone -b <branch name> [remote repository address]本地创建新的文件夹将需要上传的文件放到新文件夹内切换到新分支下#进入分支git 项目名称/添加上传的文件，上传到分支ll 查看分支下的文件git status 查看文件状态git add 文件名 提交文件git com...