- 博客(24)
- 收藏
- 关注
RSS订阅原创 网页重置样式、设置基础样式、取消各浏览器的特殊样式给开发带来的不便
在实际开发中往往会因为各种各样的浏览器或者系统，导致我们的css样式出现这样那样的差异。经常开发的同学应该大多数在开发之前都会先写一个样式表，进行统一处理，然后全局应用。我个人就在开发之前是一定要先给全局样式设置上的；再比如table表格的边框边距啥的需要重合处理之类的；再比如a标签的下划线和点击后颜色啥的；再比如ios下input输入框的阴影样式处理。如上所示，感觉好用的不妨拿去试试，对项目的开发还是挺有帮助的，省了好多所谓的样式兼容适配 ，也不需要你在遇到之后再临时去改，直接全局引入，高枕无忧。
2022-09-07 15:50:49
492
原创 关于浙政钉、专有钉钉的数据埋点小心得总结（稳定性监控、流量分析）
关于浙政钉、专有钉钉的数据埋点小心得总结（稳定性监控、流量分析）先说一下关于专有钉钉得开放文档专有钉钉门户这上面会有一些入门介绍，以及api文档，可以方便开发者迅速上手。本文得重点是说明如何进行数据埋点。因为这个数据埋点是官方要求的，所以就对应有官方提供的一套规则和代码。<!DOCTYPE html><meta charset="UTF-8"><html><head> <meta name="viewport" content="w
2022-05-30 15:19:01
3480
2
转载 在线签名、canvas手写在线签名——小程序端实现在线签名，手写电子签名canvas
在线签名、canvas手写在线签名——小程序端实现在线签名，手写电子签名canvas近期公司准备接一个政府的小项目，里头有一个在线签名的需求，老板让我研究一下。于是就。。。开始思考：在线手写签名，其实在生活中越来越常见了，还是值得了解一下的，毕竟像保险业务啊，银行业务啊啥的都会出现那种在线签名的场景的。原理其实不用细想，大多数都是知道用canvas嘛！问题是怎么用才是关键。哈哈，本着“拿来主义”的原则，直接借鉴（就是抄）。声明参考原文链接工具人小胡的微信小程序—手写签名（签字版）其实网上有很多，刚好就看
2022-05-27 11:46:38
5787
2
原创 推荐一款省时的浏览器同步测试工具——Browsersync（本地文件在手机等移动端快捷浏览，实时同步）
推荐一款省时的浏览器同步测试工具——Browsersync（本地文件在手机等移动端快捷浏览，实时同步你是否有过写了一个demo,然后想在手机上浏览，看看效果，但是却没有头绪的烦恼？那么Browsersync可能对你有所帮助。官网传送门其实接下来感觉没我啥事儿了，看官网就ok了~，官网说的和你清楚明了。不过为了略微丰富一下创作内容，只好厚颜无耻的把官网内容再啰嗦啰嗦了。先上图！！！瞅瞅这好处说明，还不卧槽起来，赶紧去官网看吧。咱要说的是，工具的功能很丰富，看你怎么用了。像我这种肤浅的人，当然是只
2022-03-30 16:17:00
1096
原创 微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享
微信分享配置无效，直接链接进入分享，分享出来的是纯链接问题。以及如何配置分享
2022-03-08 14:24:06
4445
5
原创 使用splice进行删除时，目标元素删不干净问题。splice居然无效了
使用splice进行删除时，目标元素删不干净问题。splice居然无效了近期在帮助同事处理商品多规格业务的时候，偶然遇到的怪事，在使用splice进行删除数组中的子规格时，总是会保留一个目标元素，未能成功被删除，特此一记。思虑再三，还是不那么费事交代故事背景了，直接说问题。首先：splice() 方法用于添加或删除数组中的元素。注意：这种方法会改变原始数组。从函数定义的注意上我们应该就能看出点东西，“原始数组被改变”，那么问题就来了，拿着可能会不断被改变的数组进行多次删除，势必会导致在循环时错漏
2021-12-16 20:22:22
3413
3
原创 混合开发，app嵌套H5，dsbridge.js的使用
混合开发，app嵌套H5，dsbridge.js的使用和优缺点说实话，刚接触混合开发就是用的dsbridge.js,真的是超级简洁、好用
2021-10-29 17:27:18
2789
原创 微信小程序手机号如何授权——过程与细节（sessionKey过期，wx.checkSession()）
小程序手机号如何授权——过程与细节一切来源于官方文档。官方文档中，button组件中就有提供专门用于获取手机号的写法；——小程序开放文档进入具体说明可以看到：官方代码示例<button class="login_btn" plain="true" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>getPhoneNumber:function(e){ var tha
2021-10-27 17:30:08
3589
原创 微信小程序的分享配置onShareAppMessage
微信小程序的分享配置onShareAppMessage前言微信小程序分享，有一个自带的方法onShareAppMessage();在小程序的js页面里，写次方法，则点击右上角三个“···”会有对应的分享菜单，如果不写，其实就相当于禁用的该页面的分享。如果只是一个方法，不进行配置，则分享出来的是默认的样式，下面就来说说如何配置：onShareAppMessage(res){ var that = this console.log(that.goods_data) if(res.f
2021-10-26 17:37:05
9341
1
原创 小程序生成分享海报，带小程序码，并保存图片
小程序生成分享海报，带小程序码话不多说，先上效果图效果图不是重点，海报基本都是大同小异，都是一些信息，加上一个小程序码，重点是如何将所有要素整合成跟效果图一样的图片。我们知道如果是H5的话，有html2canvas可以使用，非常方便，感兴趣的同志可以参考我的另一篇H5生成分享海报但是，小程序没有提供类似的东西啊，怎么办呢，只能自己动手画了，这就用到了canvas了。先上我自己项目里的代码吧，结合上图：<!-- 画布canvas --> <canvas style="wid
2021-10-26 17:16:40
3275
2
原创 小程序项目停服维护判断+页面登录验证，判断登录权限，未登录跳登录去授权，登录跳过继续
小程序项目停服维护判断+页面登录验证，判断登录权限，未登录跳登录去授权，登录跳过继续思路：每次进入页面的时候先发请求，判断是否处于停服维护状态，是则跳停服维护的页面，显示停服维护中，否则判断token信息是否存在，进而跳转不同页面可以自己封装一个专门的js，取个名字叫routerFilter.js,名字随意var https = 'https://xxxx.com';var utils=require("./util.js");function routerCheck(pageObj) { /
2021-10-26 14:13:22
734
原创 小程序授权获取头像昵称登录
小程序授权获取头像昵称登录<view class="page_wrap"> <view class="logo"> <image src="../../images/logo.png"></image> </view> <view class="button"> <button class="btn" wx:if="{{canIUseGetUserProfile}}" bindtap="getUse
2021-10-26 13:49:01
1039
原创 微信公众号分享配置
微信公众号分享配置import Wx from './utils/js_sdk.js'//可下载js_sdk到本地,或者vue install下载import ajax from './utils/request.js'//自己封装的axiosVue.prototype.wxShare = function (myurl, title, desc, imgUrl,shareSuccess) { let vm = this; if (!window.initUrl) {//解决分享之后签名报错的
2021-10-26 11:20:05
651
原创 前端Vue H5生成带二维码的分享海报，实现长按保存到手机相册
前端Vue H5生成带二维码的分享海报，实现长按保存到手机相册前言：关于H5分享海报的需求，经常会遇到，通常就是一个分享的二维码+分享文案，生成一张图片，供用户在手机上长按保存到手机，然后就可以将保存的图片发给别人，实现扫码进入分享页，从而实现分佣、引流等目的。目标海报：实现思路步骤：a：二维码的生成；b：图片的生成；c：用户可长按的同时不影响查看分享效果（即当分享海报较长时，可以滚动查看）。根据上述思路步骤：1，使用qrcodejs2生成二维码；安装：npm install qr
2021-10-26 11:07:48
10789
6
原创 -webkit-touch-callout: none；禁止ios弹出菜单，长按图片保存到手机时
-webkit-touch-callout: none;禁止ios弹出菜单，长按图片保存到手机时有一个需求就是h5页面中，长按二维码图片，保存到手机；在ios上经常长按会弹出ios的菜单，而无法每次都能够进行保存到手机的操作。真是超级烦啊！！！解决办法：给图片img添加-webkit-touch-callout: none;img{ width: 100%; -webkit-touch-callout: none; }...
2021-10-25 16:14:48
2297
3
原创 ios手机中，input输入框框上方小阴影
ios手机中，input输入框框上方小阴影在ios中，input输入框总是在输入框的内部最上方，有黑色阴影存在，安卓手机则没有；解决办法：/* 去除ios输入框阴影 */input{ -webkit-appearance: none;}
2021-10-25 16:06:30
487
原创 富文本编辑的图片在手机，移动端显示图片img太大，超出屏幕，出现滚动条，富文本中的图片如何修改样式
富文本编辑的图片在手机，移动端显示图片太大，超出屏幕，出现滚动条，富文本中的图片如何修改样式var html = res.data.details.replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1').replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1').replace(/<img([\s\w"-=\/\.:;]
2021-10-25 15:59:06
1462
1
原创 vue-quill-editor编辑器编辑之后的内容，在页面渲染时，没有居中、缩进、加粗、斜体等相关样式
vue-quill-editor编辑器编辑之后的内容，在页面渲染时，没有居中、缩进、加粗、斜体等相关样式；样式丢失问题/* 富文本对齐方式 */ .ql-align-center{ text-align: center; } .ql-align-right{ text-align: right; } .ql-indent-1{ padding-left: 16px; } .ql-indent-2{ padding-left: 32px;
2021-10-25 15:52:34
2535
2
原创 ios日期时间格式转换，日期时间格式兼容
ios时间格式转换，时间格式兼容，ios上时间显示NaN-NaN-NaN2021-10-25类似这种以“-”连接的日期时间格式，在安卓上可以进行new Date(),没问题，在ios上则会导致NaN,let time = "2021-10-25";let date = new Date(time.replace(/-/g,'/'))在转化的时候只需将“-”替换成“/”即可...
2021-10-25 15:43:36
881
原创 创建uniapp项目（可同时发布原生App、小程序、H5）
创建uni-app项目（可同时发布原生App、小程序、H5）背景：一切为了成本（公司目前主要业务就是开发微信小程序和微信公众号H5），所以老板要求写一套既能在小程序跑，又能在H5（微信公众号）跑的代码，于是自然而然盯上了uni-app。欲用之，先学之，那就先从官网文档开始吧。uni-app官网…好，看了两三天，还是先动手吧，一边写一边看。创建我的uni-app项目工欲善其事必先利其器——HBuilder~ 下载好HBuilder编辑器（原本开发用的就是HBuilder的同志跳过~）官方下载地址
2021-10-25 15:23:03
1056
原创 时间格式转换、JS工具函数（数字、时间转换、正则校验、获取url参数）
JS工具函数（数字、时间转换、正则校验、获取url参数）数字操作（1）生成指定范围随机数export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;（2）数字千分位分隔export const format = (n) => { let num = n.toString(); let len = num.length; if (len &l
2021-10-25 14:29:33
499
原创 前端海报，微信长按保存图片错误
前端海报，微信长按保存图片错误一次项目中遇到的，操作前端从活动详情页，跳转到生成海报的页面；顺利生成海报；然后长按进行保存图片操作，结果发现出来的图片居然是上个详情页的跳转图片，不信邪，反复试验，发现确实存在这种情况，而且不单单是上个页面，海报页有时也会发生长按保存的图片非目标图片。上图问题概括总的来说，就是微信长按保存时，有时会保存非目标图片。问题分析代码逻辑不存在问题，开始以为是层级问题，遂将生成的海报层级设置为最高，但是问题仍没有解决；然后有猜测是否在长按保存时，海报还未
2020-12-31 20:40:06
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人