qq_41585377的博客

原创 一些封装好的常用函数(欢迎补充)

一些常用封装好的函数

原创 常用易忘的CSS技巧

超出部分显示省略号 // 单行文本.wrap { overflow:hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/*超出部分显示省略号*/ white-space:nowrap;/*规定段落中的文本不进行换行 */}// 多行文本.wrap { width: 100%; overflow: hidden; displ...

原创 挑选分支中某一个提交进行合并

若有冲突，解决冲突，没有冲突，即合并完成。

原创 多个git提交,只推送其中一个到远程该如何处理

用新分支去拉取当前分支的指定commit记录，之后推送到当前分支远程仓库实现推送指定历史提交的功能。

原创 从甜甜圈到数字孪生| 大帅老猿threejs特训

大家好，我是梦起，今天和大家一起来学习ThreeJs，早日实现ThreeJs自由。

原创 前端CSS3之Filter

Filter是CSS3里新增的一种神奇的功能，一般我们提及滤镜，就会想到使用PhotoShop制作的图片，但是CSS3出了一个新的东西Filter，仅需要几行代码就可以生成多种的滤镜效果，例如模糊效果、透明效果、色彩反差调整等等；阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。值在0%和100%之间，则是效果的线性乘子，也相当于图像样本乘以数量。超过100%的值是允许的，则有更高的饱和度。值在0%到100%之间，则是效果的线性乘子。值在0%到100%之间，则是效果的线性乘子。

原创 openlayers+turf.js绘制距离线段

大家好，我是梦起，最近有一个在地图上绘制水平距离线段的要求，找遍网上资料都没发现有相关方法，只好自己查阅相关资料，然后自己写了个，如有大佬有更好方法，欢迎在评论区探讨。思路：先计算出对应距离水平线段对应坐标点，再基于对应坐标点计算垂直上下两个坐标点，最后基于三个点计算出相应的距离线段。

原创 在uniAPP中隐藏高德地图logo及版本号

在uniAPP中隐藏高德地图logo及版本号

转载 ArcGIS 的WMS 服务跨域问题解决

解决arcgis server发布的wms服务跨域问题

原创 html2canvas2+openlayers6+arcgis导出图片提示画布被污染（已解决）

解决openlayers接入arcgis 服务正常显示 ，但是使用html2canvas2导出的时候显示画布被污染

原创 vue3+vite+openlayers6实现绘制扇形及环形

通过带着读者手写openlayers6 绘制扇形及环形，了解 地图容器核心原理。在手写openlayers6 绘制扇形及环形源码的过程中会摘取openlayers中的核心逻辑，简化代码实现过程，保留核心功能，例如：vue3接入openlayers openlayers绘制环形 openlayers绘制扇形适合人群：具备一定编程基础，工作1-3年的web前端或webGIS研发人员......

原创 搭建官网后台管理系统（express+vue+SQL）（一）

搭建官网后台管理系统（express+vue+SQL）（一）

原创 vue项目实现单/多文件下载和打包压缩下载

vue实现文件打包压缩下载（支持单文件和多文件）

原创 antd pro路由

antd design pro vue 的路由有两种方式 一种是前端定义好路由routes，由后端返回roles进行过滤 ； 另一种是后端返回 routes 列表 生成menu。一、先看第一种方式前端定义好路由routes，由后端返回roles进行过滤1、在src/permission.js 路由守卫 首先在派发一个GetInfo的action 调取getinfo()方法 调后台的 用户接口 返回用户信息和roles用户权限　 在src/store/modules/user.js中...

原创 常用的正则表达式（后续有空补充，也可在评论让加上某个正则）

常用密码复杂度验证，目前包含密码复杂度/文件目录/CIDR格式网络地址/电子邮箱/手机号码/URl/ISO类型的日期/十进制数字/身份证号码的正则验证，欢迎各位评论区补充

原创 打开was和w3svc服务

使用iis是有时候启动会报错was和w3svc服务没启动，然后要去服务里面找到world wide web发布服务，启动就好了

原创 原生js和vue复制内容到剪切板

原生js复制input的内容到剪切板function copyUrl() {var Url=document.getElementById(“wxurl”);//获取到dom对象Url.select(); // 选择document.execCommand(“Copy”); // 执行浏览器复制命令}vue复制内容到剪切板（基于vue-clipboard2）先在npm上下载vue-clipboard2 npm install vue-clipboard2 --save 然后在main.

原创 记一次企业微信开发的坑

企业微信使用蓝牙模块js，调用官方js，下下来的js文件调用wx.openBluetoothAdapter调用不了，然后去企业微信社区询问，官方人员让cdn引入，按照官方的意思，调用cdn之后，安卓可以正常访问，ios打印wx.openBluetoothAdapter是未定义，然后各种找资料，后面找到一个js，替换之后，就可以正常调用了https://res.wx.qq.com/wwopen/js/jsapi/jweixin-1.0.0.js这个是那个js的地址...

原创 vue打包后的项目本地查看

vue打包后的项目由于vue的特性,你直接打开index.html是不能正常展示你想要的效果的,这时候,我们可以用windows自带的iis服务来让我们可以本地查看,首先需要打开iis服务,不知道iis怎么启动的,可以移步到iis启动及修改端口查看.首先打开iis管理器,然后添加网站添加网站时,你会看到这样一个页面...

原创 企业微信开发踩坑

企业微信开发,调用jsapl在开发者工具上一直报错在手机上没有问题,建议如果要使用微信jsapl,不要在微信开发者工具上调试,直接在手机上调试.

原创 iis启动及修改端口

原创 基于async-validator的表单验证

现在项目里install async-validator,然后把下面代码复制到一个js里import AsyncValidator from 'async-validator'const utils = { validate: (model, rules, callback, options) => { console.log(model) const initOptions = { showMessage: true } options = Object.assign({

原创 当前时间与指定时间比对（兼容ios）

timebidui(time){ let d = new Date(time.replace(/\-/g, "\/")); let t = d.getTime(d); let timestamp = Date.parse(new Date()); return timestamp>t},

原创 vue配置代理处理跨域

axios访问多个服务器地址请求数据在vue.config.js里配置devServer: { proxy: { '/api': { target: "http://www.baidu.com", changeOrigin: true, secure: false, pathRewrite: { "^/api": "" } }, '/api2': { target: "http://www.taobao.com", changeOrigin

原创 解决uni-app或vue项目 用nginx反向代理出现Invalid Host header问题

1.uniapp解决方案修改uni-app的manifest.json文件 - 》源码视图2.vue项目参考Invalid Host header 服务器域名访问出现的问题

原创 一些常用输入框验证

/** * 表单验证 * * @param {Object} rules 验证字段的规则 * @param {Object} messages 验证字段的提示信息 * */class WxValidate { constructor(rules = {}, messages = {}) { Object.assign(this, { ...

原创 微信小程序封装好的请求、跳转方式、弹出框、跳转方式

微信小程序封装好的request请求，建议放在utils文件夹下class Base { constructor() { this.baseRequesUrl = '你的服务器请求地址'; } // 封装request方法基类 request(params, callback, fail) { wx.showLoading({ title: '加载中....

原创 vue实现h5点击保存图片

我们要通过canvas绘图和a标签的download属性来实现点击保存图片示例：HTML部分：<div class="btn" @click="saveImg">保存海报</div>js部分：downloadIamge: function(imgsrc, name) { let image = new Image(); image.setAtt...

原创 vue动态绑定非网络图片地址

vue中的图片动态绑定地址必须把图片require进来示例：<img @click="change(1)" :src="wugu==1?require('@assets/images/wuguon.png'):require('@assets/images/wugu.png')" alt=""><img @click="change(2)":src="wugu==2?...

原创 微信小程序用canvas做分享海报

const PosterCanvas = (arr2, store_name,vipjiage, price,successFn) =>{ wx.showLoading({ title: '海报生成中', mask: true }); const ctx = wx.createCanvasContext('myCanvas'); ctx.clearRect(0, 0, 0, 0)...

原创 时间戳转日期与日期转时间戳

formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n }, formatTimeTwo(number, format) { var formateArr = ['Y', 'M', 'D', 'h', 'm', 's']; var returnArr = []; var date =...

原创 基于vue和element-ui做的自定义音乐播放控件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/t...

原创 vue项目中，实现轮播切换，背景色切换

场景：轮播切换时，背景色切换为banner图的主体色思路：在banner图切换时触发的事件里动态绑定背景色实现方法：在swiper里的配置项里添加onslideChange事件，在onslidechange下动态绑定背景色话不多说，上代码：bgColor:{ background: "" },swiperOption1:{ slidesPerView: 1, sp...

原创 CSS处理图片渲染时拉伸和挤压变形

CSS解决图片渲染时拉伸和挤压变形的方法背景：商品循环出来需要在固定大小里面，但是商品图片大小商家上传时没有规定图片比例，如果写死图片大小会导致图片渲染是拉伸和挤压变形思路：给图片一个父级容器，父容器给定固定大小，图片限定最大宽度与最小宽度不超过父容器如： <style type="text/css"> .bigBox{ display: flex; } .i...

原创 vue重载页面

想必大家在刨坑vue的时候会遇到好多次需要操作完之后需要刷新页面或者是重新载入页面，比如在删除或者增加一条记录的时候希望当前页面可以重新刷新。大家想必像我一样，第一时间想到的就是重新跳转当前路由，但是，试过的会发现用vue-router重新路由到当前页面，页面是不进行刷新的，根本没有任何作用~所以这个方法out！然后就想试试其他方式，去百度了一下发现 vue项目如何刷新当前页面里面的三种方式都...

转载 js操作Iframe(获取Iframe中的节点内容)

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素1、格式：window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click();实例：window.frames[“ifm”].d...

原创 利用伪类:after改变checkbox样式

``今天我们UI发了一张设计图，里面CheckBox长这样，然后我开始敲的时候发现不管我怎么改check样式都不能改变check的默认样式，后面去网上百度了一下，好多都说用伪类就可以改变，我一想，伪类可以改变他自身？一进去看代码，发现是通过伪类来重新创一个checkbox样式然后通过定位把原来的样式给遮挡住，就实现了改变checkbox的样式。下面附上我实现这个功能的代码供大家参考。/* 修改...

原创 前端自己做快递查询

网上有四个公开的快递查询api，在当中我选了快递鸟这个，当然按自己需求去选择爱快递 - 爱快递支持国内90多家快递物流订单查询服务，免费版有使用次数限制，可用于电子商城单号跟踪,手机应用,微信快递接口等服务快递100 - 快递100支持300家国内国际快递，免费版有使用次数限制。快递鸟 - 快递鸟支持国内外400多家快递公司，免费版有使用次数限制，包含.Net, PHP, Jav...