- 博客(94)
- 资源 (1)
- 收藏
- 关注
原创 前端必会的 HTML+CSS 常用技巧 之 倾斜反圆角按钮的实现
相信大家在开发过程中,会偶尔碰到一些这样的ui样式,但是吧又并不是给的切图,问了一下这个按钮没有切图哦,能切一下图么?然后被对方反问,这样的按钮你不会写?吐槽归吐槽,实现还是可以实现的;无奈,问题依旧是抛给了前端……
2024-06-14 09:43:17
339
原创 Vue 之 后台管理系统的权限路由的管理
一个完整的后台管理系统,往往有很多种角色,如超级管理员、业务模块的管理员、财务模块的管理员等等……那么不同的管理员(角色)所能做的操作以及能看到的菜单应该是不一样的,比如一个商品的后台管理系统,业务模块的管理员需要维护一些商品的上下架,商品的促销等,财务模块的管理员并不需要对商品数据模块进行这些维护工作,这个时候就需要在财务角色的后台管理系统中隐藏那些功能……
2024-05-15 21:15:00
1144
原创 Vue 之 在当前页面的实现分页效果
这是因为计算属性的一个特性:计算属性相比监听而言,计算属性具有缓存特性,直白的说,计算属性的依赖(也就是计算属性中所用到的变量)如果不变,那么计算属性不会被再次调用,从而进一步的提高性能。可以将空白内容作为一个table的某一页数据,然后点击底部的分页组件的上一页或者下一页,来做到数据的切页效果。上述图片的空白内容是活动的,由下面的两个按钮控制上一页、下一页;点击按钮切换页码,监听页码的变化获取到当前页的数据,从而渲染到页面上。中的一个综合table来看下效果图。注意点,这里建议使用计算属性。
2024-05-01 22:15:24
602
原创 uniapp 之 开发微信小程序入门详细指南
1、HbuilderX打包需要邀请项目成员,是该项目下的成员方可打包发布;2、开发阶段,不涉及接口可以使用自己申请的临时测试号进行开发;3、开发阶段,调接口的话需要使用一致的正式申请的AppID,且开发人员(这里实质是登录微信开发者的微信号)是该小程序下的开发者角色。完结。
2024-04-27 12:37:26
3919
原创 uniapp 之 实现商品详情的锚点跳转(类似京东商品详情-点击顶部按钮跳转的对应的页面的内容区域)
详情页面的锚点跳转,类似京东商品详情-点击顶部详情跳转到页面对应的详情区域,点击评价跳转到页面对应的评价区域等。
2024-03-16 21:00:00
560
原创 JavaScript 之 获取当前日期的周日期范围、月日期范围
常用于数据的日期范围筛选,如基于当前日期的前第N周,后N周日期范围,前第N月,后N月日期范围……
2024-03-15 21:00:00
567
原创 Javascript 之 获取两个经纬度之前的距离
工作中偶尔会碰到,后端返回一个目标位置的经纬度(),然后让你计算用户当前位置与目标位置的距离。
2024-03-14 21:00:00
215
原创 vscode 之 vue项目如何使用ctrl+鼠标左键跳转对应文件
使用vscode插件,并在vscode的文件中配置别名路径跳转(配置看插件细节说明)配置看插件细节说明)},使用这两个插件的任意一个都可以,使用插件的话是要ctrl+点击from后面的路径,不能点击import后面的变量名,然后跳转到文件,并不是快速跳转到对应变量声明的位置。使用插件的方式更加偏向于用户使用的自定义安装插件,并不适合于团队协作,毕竟设置的文件是存在用户电脑的vscode里面的,并没有在代码项目工程上。
2024-03-13 21:00:00
4901
原创 JavaScript 之 正则详解(?=、?!、?<=、?<!)、捕获性括号、非捕获性括号
基础介绍就不多赘述了,都是来自菜鸟教程:https://www.runoob.com/jsref/jsref-obj-regexp.html里面的内容。
2023-07-20 21:15:00
2680
原创 uniapp 之 多端实现图片压缩(含H5实现)
封装的这个方法,只是将图片地址返回了,也可以根据具体的实际场景返回不同的数据。文档平台差异说明已标出:官网提供的api。,然后单独处理一下H5的图片压缩即可。平台,其余平台都支持,所以我们利用。里面封装一下该方法,方便调用。
2023-07-06 21:45:00
3225
原创 vscode 之 工作区的应用(解决vue2插件vetur、vue3插件Vue - Official禁用启用问题)
工作区???为什么要工作区???首先工作区简单理解就是vscode工作时的区域、范围;延申一下,为什么要工作区???不同的环境需要用到不用的插件啊,设置啊等等,这个时候怎么实现,总不能写前端的时候也把java、c++需要的插件设置的什么打开(虽然应该可能大概也许这些语言不会使用vscode 开发,这里只是打个比方),都打开的话就会显得vscode 很重,然后vscode 说好的轻便呢?就前端而言,现在发展的速度很快,前段时间vue2,现在几乎都时vue3+TS,但是公司还是有vue2的项目,而。
2023-07-05 21:45:00
10134
7
原创 uniapp 之 常见问题记录(不定时更新——2024-03-15更新)
text 组件,属性space 设置不生效?默认开头结尾加空格是无效的,需要加上特殊符号。该属性只在文本中间使用,
2023-07-01 23:02:34
555
原创 uniapp 之 动态获取swiper 的高度
swiper 组件,swiper 需要设置高度,不能设置同样高度,有的swiper-item的高度可能不需要那么高,有的又需要那么高,所以不同swiper-item内容不同,需要渲染出来的高度不同;
2023-07-01 23:01:19
702
原创 uniapp 之 uniapp app 与uniapp H5的通信 webview,以及处理H5页面的手机物理返回问题
这个方法简单,就是直接通过src 地址后面通过。写一起了,方便查看app和H5之间的通信交互。,来调用webview的一些方法。最后,就是在相应的页面中调用。
2023-07-01 23:00:58
2362
原创 uniapp 之 Base64图片的显示问题以及保存到相册
但是实际操作还需要注意一个点,base64码可能过长,过长的情况就可能存在换行符。如有不足,望大家多多指点!之后,就可以正常显示图片了,
2023-06-04 22:06:12
6023
原创 iOS证书(.p12)和描述文件(.mobileprovision)申请
1、iOS证书(.p12)和描述文件(.mobileprovision)申请;2、UDID获取、添加测试设备
2023-06-04 19:44:12
2436
原创 uniapp 之 如何编写透明页面(类似与nvue页面,可以盖住原生组件如底部tabbar)
如何编写透明页面,类似与nvue页面,可以盖住原生组件如底部tabbar,避免了nvue页面样式编写的复杂性,易于开发调试
2022-11-17 11:24:35
5038
3
原创 Git 之 解决git clone报错(Failed to connect to xxxxxx port 80: Timed out) 以及 git 的相关常用配置
这是如果公司没有给相关的开发资料的解决方案,有些公司会有相关的开发资料,如何如何配置git、git仓库等等……4、之后找到git仓库的地址,进行下列git配置,也就是http、https的代理。6、可以开始 git clone 项目了,clone 成功。git 命令啥的,就不在这里多赘述了,如有需要的可查看。5、重新查看自己的git用户配置,看下刚刚的操作是否成功。初入新公司,git clone 一个项目,报错了!1、查看一下自己的 git 用户配置。2、查看git用户配置是否有如下配置。
2022-09-09 19:13:25
13163
原创 JavaScript 之 限制输入框的整数、小数位数;限制正整数;限制大于0的数;限制大于0并且只能保留两位小数
限制输入框的整数、小数位数;限制正整数;限制大于0的数
2022-09-03 11:33:41
4477
1
原创 JavaScript 之 普通数组、对象数组的去重(涉及多个场景)
普通数组去重对象数组去重场景一:从A表格中选择数据添加到B表格中,不能重复对象数组去重的方法一:对象数组去重的方法二:对象数组去重的方法三:测试结果展示场景二:列表多条重复数据,只显示其中任意一条写在末尾......
2022-07-06 23:28:06
842
原创 Node 之 nvm 下载、安装、使用,以及node 、nrm 的相关使用(已更新淘宝镜像配置)
nvm 下载、安装、使用,以及node 、nrm 的相关使用
2022-07-02 22:48:06
4002
2
原创 Bootstrap 之 bootstrap-fileinput 选择完文件后自动上传、修改预览区默认的初始文字描述、编辑回显删除文件、限制文件上传数量、移除预览图的功能按钮
bootstrap-fileinput 选择完文件后自动上传、修改预览区默认的初始文字描述、编辑回显、限制文件上传数量、移除缩略图的上传删除等按钮
2022-05-24 20:57:11
3859
原创 Bootstrap 之 bootstrap-table常用配置、formatter传多个参数 / 行数据、增删改查操作
bootstrap-table 之 常用配置、formatter传多个参数 / 行数据、增删改查操作
2022-05-08 10:56:29
6541
1
原创 VS Code 分享常用的插件配置setting.json(prettier格式化代码,vetur的配置,编辑器工作区的配置、代码的蓝色波浪线的问题等)
VS Code 分享常用的插件配置setting.json(prettier格式化代码,vetur的配置,编辑器工作区的配置、代码的蓝色波浪线的问题等)
2022-05-03 21:38:48
2286
原创 Vue 之 vue3 的一些新特性的知识梳理(主要是在setup 语法糖中的语法编写,含vuex 4状态管理、vue-router 4路由管理)
Vue 之 vue3 的一些新特性的知识梳理;主要是在setup 语法糖中的代码编写,含vuex 4状态管理、vue-router 4路由管理
2022-04-24 16:14:23
1872
原创 前后端联调,调相同接口(参数、传参方式、请求方式都一样),Netword 和 Postman 中返回数据不一致原因剖析以及解决方案
前后端联调,调相同接口(参数、传参方式、请求方式都一样),Netword 和 Postman 中返回数据不一致原因剖析以及解决方案
2022-04-20 09:28:16
3567
3
原创 Vue 之 vuex 解决刷新页面 state 数据丢失的问题,使用vuex-persistedstate进行state持久化
vuex 解决刷新页面 state 数据丢失的问题:1、使用本地存储storage;2、或者使用vuex-persistedstate进行state持久化。
2022-02-08 20:25:50
2063
原创 JavaScript 之 FileReader简介以及原生、uniapp、vue如何将文件转成base64编码字符串示例
1、 FileReader简介说明以及如何使用;2、原生、uniapp中如何将文件转成base64编码字符串
2021-12-25 21:03:29
2418
原创 防抖、节流一步一步详细讲解,从简单到复杂,从入门到深入了解,再到 Vue 项目中是怎样调用防抖、节流方法的
防抖与节流防抖场景初版代码如下:进阶版代码如下箭头函数的写法:直接使用 function 函数的写法:终极版代码如下:节流场景:时间戳版节流定时器版节流定时器版节流与防抖方法代码逻辑详解说明:写在末尾防抖场景 场景: 一个搜索输入框,用户可通过实时输入调用接口返回用户想要的数据。<input id="searchInput" type="text">function handleInput(event) { let e = event || window.event;
2021-11-29 00:28:48
1361
1
原创 npm run build 打包命令报错,npm i -g npm 后使用任何跟npm相关的命令都报错 的解决方案
写在开头 文章略长,讲述自己在解决这个问题的心酸历程以及碰到的问题,在此做个记录,也希望能给大家提供点帮助,望大家多多见谅。 漫长而抓狂的解决历程当你使用 npm run build 命令打包项目报错,提示:然后你可能觉得莫名奇妙,然后百度一搜,发现百度上面都说你该更新 npm 版本了,于是乎你就更新了(不管你使用哪个更新命令):npm i -g npm// 或者更新到最新版本npm install -g npm@latest// 或者更新指定版本 npm npm
2021-11-27 22:13:42
14243
4
原创 JQuery 之 ajax上传文件 与 原生ajax 上传文件
原生js创建 input 上传标签// 打开上传页面时自运行该函数,创建input上传标签var file;(function () { var input = document.createElement('input'); input.type = 'file'; input.id = 'file'; input.name = 'file'; input.style.cssText = ` width: 400px; opac
2021-11-27 20:56:42
713
原生js实现轮播图(左右活动+淡入淡出)详解.zip
2020-04-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人