码小帅分帅
码龄4年
关注
提问 私信
  • 博客:69,074
    视频:376
    69,450
    总访问量
  • 32
    原创
  • 101,813
    排名
  • 883
    粉丝
  • 学习成就
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江苏省
  • 加入CSDN时间: 2020-06-12
博客简介:

shuai1999m的博客

查看详细资料
  • 原力等级
    成就
    当前等级
    4
    当前总分
    588
    当月
    3
个人成就
  • 获得33次点赞
  • 内容获得29次评论
  • 获得114次收藏
  • 代码片获得620次分享
创作历程
  • 1篇
    2024年
  • 4篇
    2023年
  • 9篇
    2022年
  • 21篇
    2021年
成就勋章
TA的专栏
  • index索引列表
    1篇
  • gif
    1篇
  • canvas
    2篇
  • 微信小程序
    2篇
  • 百度地图JavaScript api
    3篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6xhtml前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Vue2搜索框实现indexedList索引列表-锚点跳转,附带数据动态绑定、多选、单选、搜索功能

简述:如何在pc端实现像手机移动端才有的indexLIst索引列表呢,查阅很多组件库,都没能找到相应组件,那只能自己来手搓了。这里代码中都有注释,样式,js一并贴入,看不懂那我也没办法了,强调一点,其中字母索引,和children是必须的!这里vue版本vue2.0,QQ录屏20240702160508。深拷贝方法,网上自行百度找吧。
原创
发布博客 2024.07.02 ·
497 阅读 ·
7 点赞 ·
0 评论 ·
3 收藏

QQ录屏20240702160508

发布视频 2024.07.02

uniapp多端编译;scss使用data变量问题记录

当你配置完后会发现小程序毫无反应,其他端正常,选择。这样scss中使用就生效了。
原创
发布博客 2023.10.09 ·
645 阅读 ·
3 点赞 ·
0 评论 ·
2 收藏

图片路径转base64(h5,小程序,PC端),两种方案

图片路径转base64(h5,小程序,PC端),两种方案
原创
发布博客 2023.09.05 ·
950 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js剪辑视频使用gif.js生成GIF效果

视频上传此处省略,简单说下实现方式,当视频上传完成后,赋值给video,通过监听canplaythrough事件来执行对视频的处理,然后通过画布裁剪为图片数组,然后通过gif.js生成GIF。 video的**crossOrigin**属性一定要配置,视频要自动播放,否则触发不了**canplaythrough**事件!
原创
发布博客 2023.03.09 ·
976 阅读 ·
1 点赞 ·
5 评论 ·
1 收藏

关于uniapp自定义标题栏,高度自适应对齐方案解决

uniapp多端开发,自定义标题状态栏高度问题解决方案
原创
发布博客 2023.03.06 ·
1708 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

uniapp获取后端接口返回图片,渲染方法

uniapp获取后端接口返回图片,渲染方法适配微信小程序,APP
原创
发布博客 2022.09.28 ·
2652 阅读 ·
0 点赞 ·
0 评论 ·
8 收藏

uniapp微信小程序subPackages分包处理(保姆教程)

uniapp上传微信小程序代码到小程序管理后台时提示错误码80200,如图所示:错误原因:我们打开详情看到基【本信息-本地代码】,可以看到整体包的大小,如图:此时包的大小已经大于提示的了2mb!解决-分包请仔细阅读官方的subPackages分包说明接下来让我们操作起来:1、在manifest.json文件中找到源码视图,配置subPackages2、创建分包的文件,根据个人需求配置多个包,这里只分了一个包pagesA,把需要分包的文件复制到pagesA中,这里值得注意的是,在你复制
原创
发布博客 2022.05.25 ·
2642 阅读 ·
1 点赞 ·
0 评论 ·
6 收藏

uniapp使用页面传参,传递数组的方式----代码记录

页面传参方式:moreFilter() { uni.navigateTo({ url: './more-filter?engineTypes=' + encodeURIComponent(JSON.stringify(this.engineTypes)) });},页面接收:this.engineTypes = JSON.parse(decodeURIComponent(option.engineTypes))
原创
发布博客 2022.04.19 ·
2352 阅读 ·
4 点赞 ·
0 评论 ·
5 收藏

关于script引入百度api方法无用问题解决

关于script引入百度api方法报错问题解决!!!!
原创
发布博客 2022.03.27 ·
424 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

关于地图多点展示,并可展示各自的信息窗口

地图api循环遍历点位信息窗口不同步问题
原创
发布博客 2022.03.27 ·
494 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

关于地图坐标不居中显示,显示在左上角的问题

在使用百度地图javascript API时,出现地图坐标不居中,展示在左上角,出现情况:tab切换选中提车信息时地图在切换到提车信息时才展示出来,,所以在这之前地图div长宽都是为0的情况,然后再切换到提车信息时,盒子展示,但地图在页面初始化的时候已经加载好了,所以很简单,在点击到提车信息时,在对地图进行一个初始化加载,然后就能完美解决问题亲测!!!...
原创
发布博客 2022.03.27 ·
1080 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

关于uniapp小程序发布新版本,小程序不及时更新问题记录

小程序更新机制开发者在管理后台发布新版本的小程序之后,微信客户端会有若干个时机去检查本地缓存的小程序有没有新版本,并进行小程序的代码包更新。但如果用户本地有小程序的历史版本,此时打开的可能还是旧版本。未启动时更新微信运行时,会定期检查最近使用的小程序是否有更新。如果有更新,下次小程序启动时会同步进行更新,更新到最新版本后再打开小程序,尽可能保证用户能够尽快使用小程序的最新版本。总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内覆盖绝大多数用户
原创
发布博客 2022.03.14 ·
2520 阅读 ·
0 点赞 ·
4 评论 ·
10 收藏

css文本超出 自动换行

.card-item { width: 32%; font-size:28upx; word-break: break-word;//文本超出 自动换行 }
原创
发布博客 2022.03.13 ·
13320 阅读 ·
2 点赞 ·
0 评论 ·
9 收藏

根据日期判断是否大于1年(12个月)

这里使用的jq获取日期,可根据自己的方式更改代码var time1 = new Date($("#prodDateStr").text())var time2 = new Date($("#initialRegistration").text()) if(time1 && time2) { var diffyear = time2.getFullYear() - time1.getFullYear() ; if(diffyear >= 1) {//判断年份是否大于1
原创
发布博客 2022.02.22 ·
2762 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

下载excel方法

function exportExcel(){ var m_url = '接口' var xhr = new XMLHttpRequest(); xhr.responseType = "arraybuffer"; xhr.open("POST", m_url, true); xhr.onload = function () { const blob = new Blob([this.response],.
原创
发布博客 2021.12.15 ·
976 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

解决canvas画布图片跨域问题

设置图片crossOrigin属性image.crossOrigin = 'Annoymous'crossorigin有如下取值:anonymous:执行一个cors请求,但是该请求不会发送相关证书,例如cookie。服务器需要相应的设置Access-control-Allow-Origin响应头,图片才是未被污染的。use-credentials:执行一个cors请求,该请求会发送相关证书,携带cookie和http基本验证信息。服务器需要相应设置Access-Control-Allow.
原创
发布博客 2021.07.29 ·
11002 阅读 ·
5 点赞 ·
10 评论 ·
20 收藏

input框自定义验证

原创
发布博客 2021.07.16 ·
397 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

利用画布canvas,实现图片编辑马赛克效果。canvas.putImageData()实现不一样的马赛克

接到需求修改马赛克的样式,不知所措~,开始研究,实现效果如下图重点都在代码注释中,就不多解释了 drawImageToCanvas(image) { const canvas = document.querySelector('#canvas') const ctx = canvas.getContext('2d') return new Promise((resolve, reject) => { image.onload = functio
原创
发布博客 2021.07.13 ·
892 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

h5页面下载apk方法

需求描述接到的原始需求是这样的,有一个H5页面,页面中有个“点击下载”的按钮,点击之后,完成下载特定的apk。大概是下面这样的?:图片描述需求分析接到需求的时候我偷乐了一下,这个H5页面最大的优点是不在微信中使用(微信好坑,各种限制,基本上从微信浏览器里面实现直接下载apk是不太可能的),如果是在平常的浏览器的话,就简单多了。功能实现于是我想到了第一种,点击下载按钮的时候改变location.href。方法一:// 我随便找了个apk的下载链接举个例子window.location
转载
发布博客 2021.07.07 ·
4356 阅读 ·
1 点赞 ·
0 评论 ·
6 收藏
加载更多