- 博客(38)
- 资源 (6)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 常用易忘的CSS技巧
超出部分显示省略号 // 单行文本.wrap { overflow:hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/*超出部分显示省略号*/ white-space:nowrap;/*规定段落中的文本不进行换行 */}// 多行文本.wrap { width: 100%; overflow: hidden; displ...
2019-10-14 18:02:49
165
2
原创 多个git提交,只推送其中一个到远程该如何处理
用新分支去拉取当前分支的指定commit记录,之后推送到当前分支远程仓库实现推送指定历史提交的功能。
2023-10-10 11:23:54
852
原创 前端CSS3之Filter
Filter是CSS3里新增的一种神奇的功能,一般我们提及滤镜,就会想到使用PhotoShop制作的图片,但是CSS3出了一个新的东西Filter,仅需要几行代码就可以生成多种的滤镜效果,例如模糊效果、透明效果、色彩反差调整等等;阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。值在0%和100%之间,则是效果的线性乘子,也相当于图像样本乘以数量。超过100%的值是允许的,则有更高的饱和度。值在0%到100%之间,则是效果的线性乘子。值在0%到100%之间,则是效果的线性乘子。
2022-12-02 16:09:51
772
原创 openlayers+turf.js绘制距离线段
大家好,我是梦起,最近有一个在地图上绘制水平距离线段的要求,找遍网上资料都没发现有相关方法,只好自己查阅相关资料,然后自己写了个,如有大佬有更好方法,欢迎在评论区探讨。思路:先计算出对应距离水平线段对应坐标点,再基于对应坐标点计算垂直上下两个坐标点,最后基于三个点计算出相应的距离线段。
2022-11-18 17:08:48
492
原创 html2canvas2+openlayers6+arcgis导出图片提示画布被污染(已解决)
解决openlayers接入arcgis 服务正常显示 ,但是使用html2canvas2导出的时候显示画布被污染
2022-08-09 14:11:56
690
原创 vue3+vite+openlayers6实现绘制扇形及环形
通过带着读者手写openlayers6 绘制扇形及环形,了解 地图容器核心原理。在手写openlayers6 绘制扇形及环形源码的过程中会摘取openlayers中的核心逻辑,简化代码实现过程,保留核心功能,例如:vue3接入openlayers openlayers绘制环形 openlayers绘制扇形适合人群:具备一定编程基础,工作1-3年的web前端或webGIS研发人员......
2022-08-05 17:07:04
1533
原创 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中...
2021-10-25 17:04:46
1643
原创 常用的正则表达式(后续有空补充,也可在评论让加上某个正则)
常用密码复杂度验证,目前包含密码复杂度/文件目录/CIDR格式网络地址/电子邮箱/手机号码/URl/ISO类型的日期/十进制数字/身份证号码的正则验证,欢迎各位评论区补充
2021-09-02 14:51:17
134
原创 打开was和w3svc服务
使用iis是有时候启动会报错was和w3svc服务没启动,然后要去服务里面找到world wide web发布服务,启动就好了
2020-12-14 10:50:03
843
1
原创 原生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.
2020-11-28 16:13:13
298
原创 记一次企业微信开发的坑
企业微信使用蓝牙模块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的地址...
2020-11-05 14:50:09
419
原创 vue打包后的项目本地查看
vue打包后的项目由于vue的特性,你直接打开index.html是不能正常展示你想要的效果的,这时候,我们可以用windows自带的iis服务来让我们可以本地查看,首先需要打开iis服务,不知道iis怎么启动的,可以移步到iis启动及修改端口查看.首先打开iis管理器,然后添加网站添加网站时,你会看到这样一个页面...
2020-10-15 11:04:41
910
原创 企业微信开发踩坑
企业微信开发,调用jsapl在开发者工具上一直报错在手机上没有问题,建议如果要使用微信jsapl,不要在微信开发者工具上调试,直接在手机上调试.
2020-10-09 15:41:42
346
原创 基于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({
2020-08-17 11:53:09
903
原创 当前时间与指定时间比对(兼容ios)
timebidui(time){ let d = new Date(time.replace(/\-/g, "\/")); let t = d.getTime(d); let timestamp = Date.parse(new Date()); return timestamp>t},
2020-07-17 11:28:32
266
原创 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
2020-07-03 11:27:40
1292
1
原创 解决uni-app或vue项目 用nginx反向代理出现Invalid Host header问题
1.uniapp解决方案修改uni-app的manifest.json文件 - 》源码视图2.vue项目参考Invalid Host header 服务器域名访问出现的问题
2020-06-12 17:52:24
924
原创 一些常用输入框验证
/** * 表单验证 * * @param {Object} rules 验证字段的规则 * @param {Object} messages 验证字段的提示信息 * */class WxValidate { constructor(rules = {}, messages = {}) { Object.assign(this, { ...
2020-04-29 11:50:39
307
原创 微信小程序封装好的请求、跳转方式、弹出框、跳转方式
微信小程序封装好的request请求,建议放在utils文件夹下class Base { constructor() { this.baseRequesUrl = '你的服务器请求地址'; } // 封装request方法基类 request(params, callback, fail) { wx.showLoading({ title: '加载中....
2020-04-26 16:24:13
372
原创 vue实现h5点击保存图片
我们要通过canvas绘图和a标签的download属性来实现点击保存图片示例:HTML部分:<div class="btn" @click="saveImg">保存海报</div>js部分:downloadIamge: function(imgsrc, name) { let image = new Image(); image.setAtt...
2020-04-23 16:36:22
6021
15
原创 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?...
2020-04-21 13:34:21
232
原创 微信小程序用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)...
2020-04-09 17:57:36
118
原创 时间戳转日期与日期转时间戳
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 =...
2020-03-16 12:04:00
231
原创 基于vue和element-ui做的自定义音乐播放控件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/t...
2020-03-06 14:44:37
1006
原创 vue项目中,实现轮播切换,背景色切换
场景:轮播切换时,背景色切换为banner图的主体色思路:在banner图切换时触发的事件里动态绑定背景色实现方法:在swiper里的配置项里添加onslideChange事件,在onslidechange下动态绑定背景色话不多说,上代码:bgColor:{ background: "" },swiperOption1:{ slidesPerView: 1, sp...
2019-10-14 09:47:37
2240
4
原创 CSS处理图片渲染时拉伸和挤压变形
CSS解决图片渲染时拉伸和挤压变形的方法背景:商品循环出来需要在固定大小里面,但是商品图片大小商家上传时没有规定图片比例,如果写死图片大小会导致图片渲染是拉伸和挤压变形思路:给图片一个父级容器,父容器给定固定大小,图片限定最大宽度与最小宽度不超过父容器如: <style type="text/css"> .bigBox{ display: flex; } .i...
2019-10-10 15:34:59
2070
原创 vue重载页面
想必大家在刨坑vue的时候会遇到好多次需要操作完之后需要刷新页面或者是重新载入页面,比如在删除或者增加一条记录的时候希望当前页面可以重新刷新。大家想必像我一样,第一时间想到的就是重新跳转当前路由,但是,试过的会发现用vue-router重新路由到当前页面,页面是不进行刷新的,根本没有任何作用~所以这个方法out!然后就想试试其他方式,去百度了一下发现 vue项目如何刷新当前页面里面的三种方式都...
2019-09-18 14:54:23
707
转载 js操作Iframe(获取Iframe中的节点内容)
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素1、格式:window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click();实例:window.frames[“ifm”].d...
2019-08-21 11:14:16
10995
6
原创 利用伪类:after改变checkbox样式
``今天我们UI发了一张设计图,里面CheckBox长这样,然后我开始敲的时候发现不管我怎么改check样式都不能改变check的默认样式,后面去网上百度了一下,好多都说用伪类就可以改变,我一想,伪类可以改变他自身?一进去看代码,发现是通过伪类来重新创一个checkbox样式然后通过定位把原来的样式给遮挡住,就实现了改变checkbox的样式。下面附上我实现这个功能的代码供大家参考。/* 修改...
2019-05-31 10:00:54
1061
原创 前端自己做快递查询
网上有四个公开的快递查询api,在当中我选了快递鸟这个,当然按自己需求去选择爱快递 - 爱快递支持国内90多家快递物流订单查询服务,免费版有使用次数限制,可用于电子商城单号跟踪,手机应用,微信快递接口等服务快递100 - 快递100支持300家国内国际快递,免费版有使用次数限制。快递鸟 - 快递鸟支持国内外400多家快递公司,免费版有使用次数限制,包含.Net, PHP, Jav...
2019-05-28 17:15:34
4042
4
前端基于css3实现的圆形进度条组件(vue和uniapp通用)
2022-11-28
vue3+vite+openlayers6实现绘制扇形及环形组件代码
2022-08-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人