![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
坐等夕阳落time
夕阳落下皎月升起的时候,也叫magic time~
展开
-
前端笔记与经验 (遇到就更新内容)
1 css里定义变量:root { --primary-color: #ff434f; --secondary-color: #e3e3e3; --text-color-lightest: #e7e9ec; --text-color-darker: #2e2e2e; --text-color-dark: #494949; --text-color-gray: #8b8b8b; --text-color-dark-gray: #727272; --text-color-l原创 2022-03-02 10:35:41 · 2489 阅读 · 1 评论 -
elementUI 的上传组件<el-upload>,自定义上传按钮样式
方法1:调用组件的方法唤起选择文件事件效果;方法2:把图片显示分离出来,做选择图片使用,单独做一个显示图片的区域原创 2023-08-14 16:25:07 · 4818 阅读 · 0 评论 -
js 读取文本文件内容,给每行加序号
利用xpath 获取了一堆文本数据,存了文件。然后给每行的字符串加序号标识原创 2023-02-10 14:50:00 · 1169 阅读 · 1 评论 -
uniapp 获取元素,通过style修改元素的样式
uniapp 获取元素,通过style修改元素的样式原创 2023-02-01 14:59:56 · 2752 阅读 · 0 评论 -
仿京东PC网页商品详情的放大镜效果(原理+代码)
仿京东PC网页商品详情的放大镜效果(原理+代码)原创 2023-01-30 17:11:52 · 908 阅读 · 0 评论 -
css 渐变色进度条
css 渐变色进度条原创 2022-12-06 12:53:32 · 1157 阅读 · 0 评论 -
uniapp 微信小程序和H5的弹窗滚动穿透解决
uniapp 微信小程序和H5的弹窗滚动穿透解决(真的有效)原创 2022-10-17 17:36:00 · 10847 阅读 · 2 评论 -
js 拖拽事件升级版(母生儿,母在家,儿四处飘~)
js 拖拽元素,生成新元素,新元素跟着鼠标动,松开书标,新元素停在鼠标松开时的位置,再次点击该新元素,该新元素本身被拖拽,换新位置(母生儿,母在家,儿四处飘~)原创 2022-10-15 17:40:45 · 206 阅读 · 0 评论 -
vue 加载图片使用@路径加载不出来
vue 加载图片使用@路径加载不出来原创 2022-10-14 15:08:33 · 3174 阅读 · 0 评论 -
uniapp 自定义一个loading组件(放自己的图片转圈圈)
uniapp 自定义一个loading组件(放自己的图片转圈圈)原创 2022-10-11 11:04:33 · 4748 阅读 · 0 评论 -
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起
若依vue前端能跳转到新路径的方法,我暂且知道这三种形式:1 在若依的菜单项添加2 在router里添加3 直接用标签里跳转第1和第2钟做法,都是要提前声明一个路由对象,然后使用或者$router.push跳转metaTitle: row.chargeName + '的费用配置'},})第3钟做法,不用声明就可以直接跳转,但是因为你不曾声明过,所以面包屑和标签页标题是不会发生改变的。..................原创 2022-08-13 15:18:29 · 25252 阅读 · 27 评论 -
前端特效——复杂下雪,雪花纷飞(纯css)
前端特效——复杂下雪,雪花纷飞(纯css)原创 2022-07-26 09:59:54 · 3731 阅读 · 0 评论 -
前端特效——简单下雪(纯css)
前端特效——简单下雪原创 2022-07-19 17:41:58 · 726 阅读 · 0 评论 -
前端特效 —— 八卦图旋转(纯css)
前端特效 —— 八卦图旋转原创 2022-07-19 15:02:15 · 525 阅读 · 0 评论 -
js Array 列表 实战使用总结
js Array 列表 实战使用总结原创 2022-07-05 12:00:58 · 726 阅读 · 0 评论 -
.env.xxx 文件,加了常量,却undefined
.env.xxx 文件 , 加常量,常量的名字一定要有 VUE_APP_原创 2022-07-01 12:05:21 · 289 阅读 · 0 评论 -
vscode运行vue,记不住命令了,没关系,有npm脚本
vscode运行vue,记不住命令了,没关系,有npm脚本原创 2022-07-01 09:19:39 · 659 阅读 · 1 评论 -
正则表达式收集
正则表达式收集原创 2022-06-30 10:07:03 · 219 阅读 · 0 评论 -
小程序判断数据为不为空
主要就是单纯地用if(x),如果x=0,也会是false, 判断为空,所以还要再加一层判断是否为0,为0是不为空。原创 2022-06-25 09:33:26 · 2872 阅读 · 0 评论 -
前端主流框架汇总(即用)
前端主流框架汇总(即用)原创 2022-06-16 10:16:02 · 823 阅读 · 1 评论 -
前端学习目录(仅供参考)
前端学习目录(仅供参考)原创 2022-06-16 09:35:35 · 371 阅读 · 1 评论 -
uniapp uview 框架的form表单,输入校验手机号、校验微信号
uniapp uview 框架的form表单,输入校验手机号、校验微信号原创 2022-06-06 17:59:10 · 6598 阅读 · 0 评论 -
前端(手机端)分页浏览数据,删除数据后,要怎么处理
前端(手机端)分页浏览数据,删除数据后,要怎么处理原创 2022-05-30 17:28:37 · 1284 阅读 · 0 评论 -
微信小程序,获取当前页面,判断当前页面是不是tabbar页面
原理:用getCurrentPages()方法,获取用户访问的所有页面,最后的那个页面就是当前页然后有route属性,就知道当前页面的路径了,再和tabbar页面的路径对比就好了let pages = getCurrentPages()console.log(pages)if(pages.length > 0) { let prevPage = pages[pages.length - 1] if (prevPage.route === 'pages/index/index' .原创 2022-05-25 16:13:29 · 7093 阅读 · 2 评论 -
前端 折叠面板 折叠展开动画
前言以uniapp代码来说明折叠面板原理效果原理首先折叠展开动画选择 transition属性transition: all 0.4s;然后使动画生效:动态改变折叠面板的高度折叠面板初始高度为0(height 0 )然后再根据折叠面板里面内容的高度,改变折叠面板的height,* 如果你的折叠面板是已知的展开高度,那就直接在0与已知高度里进行切换* 如果你的折叠面板高度是不确定的,那就要在折叠面板里面再用一层view把内容包起来,然后写代码动态获取这个view的高度原创 2022-05-24 17:42:00 · 6021 阅读 · 6 评论 -
uniapp 原生js实现公历转农历
代码思路在下面这个博客,我这里只是记录一下我是怎么在uniapp里使用的原生js实现公历转农历_xm2by的博客-CSDN博客_javascript 农历原生js实现公历转农历参考文献:[1] 1900年至2100年公历、农历互转Js代码https://blog.csdn.net/XuM222222/article/details/82022345第一步 找到资料点击我提供原文链接,滑倒最底下,点击github链接第二步 复制生成lunar.js全选赋值,然后放在你的uniapp项目原创 2022-05-24 15:32:56 · 1951 阅读 · 0 评论 -
uniapp u-View 的输入框,怎么做输入变化,变成两位小数,然后设置输入最小值和输入最大值、整数、不给输符号等(elementUI的输入框也可以借鉴)
前言uniapp u-View 的输入框,怎么做输入限制,输入两位小数,然后设置输入最小值和输入最大值、整数、不给输符号等解决一通百通,就不写那么多了,如果你有好的做法,或者认识好的组件,你就评论告诉我哈,谢谢啦思路:1、如果想要输入整数、小数,input 组件自带的type就能够满足,type=digit,键盘是带有小数点的数字键盘,type=number,键盘是不带有小数点的数字键盘。2、如果产品设计需要限制输入的字数,input 组件自带maxlength,限制输入多个字.原创 2022-04-28 14:39:17 · 7340 阅读 · 0 评论 -
小程序、网页 设置了全屏背景色,往下滑背景色就没了,变成白色
有高度百分百还不够,还要有overflow: scroll;这样往下滚,背景色就还在,不会变白了.v-order-detail { height: 100%; background: #F4F4F4; overflow: scroll; padding-bottom: 10rpx;}效果对比之前:之后...原创 2022-04-23 09:33:11 · 1984 阅读 · 2 评论 -
uniapp 运行到内置浏览器,怎么打开开发者工具
首先 运行到内置浏览器是这样的:然后原创 2022-04-20 09:37:26 · 2068 阅读 · 3 评论 -
JS 获取筛选过的list item的某些属性
前言接口是一次性返回所有的分类的,所以得要前端这边自己处理数据最终效果3列联动选择uniapp 的select 选择器,固定死字段名了,所以我们 还需要给接口返回的字段重新命名实现活用list 的map(),filter(),方法<u-select v-model="isPlatforationSelectShow" mode="mutil-column-auto" :list="platformCategorysList" @confirm="confirm".原创 2022-04-18 17:57:03 · 1417 阅读 · 0 评论 -
[Vue warn]: Error in render: “TypeError: Cannot read property ‘label‘ of undefined“
前言主要是自己可以百分百的确定,label 已经被定义过了,然后页面也都正常加载,但是控制台就是显示这个报错信息,强迫症很不舒服,一定要把这个报错干掉。原因vue的渲染问题,vue初次加载的渲染,会先渲染.前面的值,然后再渲染.后面的值解决在报错误的地方的标签上加上v-if 判断举例:原先:<view class="v-order-item-statu" >{{ oItem.status < 4 ? (statusOptions[oItem.stat原创 2022-04-14 14:52:32 · 1564 阅读 · 0 评论 -
npm install 卡在了 reify:rxjs: timing reifyNode,出现 gyp ERR find Python、gyp ERR find VS
前言最近跑一个vue的项目,第一步肯定是npm install , 结果就出现我标题上写的那些情况,经过一番搜索,网上一堆方法尝试了,有说叫你用管理员权限运行 npm install --global --production windows-build-tools, 有说叫你下载python的,emmmm 我真的照做了。gyp ERR! find Python 确实不提示了,然后就出现 gyp ERR! find VS, 我心想,我就跑个前端项目,不至于它报我缺少什么我就要一个一个去下载吧! 我就意识原创 2022-04-14 09:41:34 · 35468 阅读 · 6 评论 -
js 处理JSON对象的正则表达式
checkPhone(phone) { let phoneRegex = { 'ar-DZ': /^(\+?213|0)(5|6|7)\d{8}$/, 'ar-SY': /^(!?(\+?963)|0)?9\d{8}$/, 'ar-SA': /^(!?(\+?966)|0)?5\d{8}$/, 'en-US': /^(\+?1)?[2-9]\d{2}[2-9](?!11)\d{6}$/, '.原创 2022-03-16 09:09:18 · 565 阅读 · 0 评论 -
H5的标题栏置顶css样式实现(附通用标题栏全代码)
H5的标题栏置顶css样式实现(附通用标题栏全代码)原创 2021-12-15 09:47:58 · 3711 阅读 · 0 评论 -
前端怎么对接后端的导出接口
背景做开发系统的,经常遇到导出功能,一般就是导出表格。怎么对接后端人员给的导出接口?实现// 导出exportExcel() { // 1、首先进行参数校验 if (!this.search.formDate) { return this.$notify.error("必须选择一个时间"); } if (!this.shopId) { return this.$notify.error("请选择门店"); } // 2、原创 2021-11-19 17:29:21 · 2465 阅读 · 0 评论 -
element2 与 elementPlus DatePicker 日期选择器 的区别
elment2 写法:<el-date-picker unlink-panels v-model="searchDate" type="daterange" align="left" unlink-panels value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">原创 2021-10-18 15:59:38 · 920 阅读 · 0 评论 -
vue3 与 vue2 slot插槽 对比用法(Header为例)
vue2 写法:<div slot="header"> <i class="el-icon-menu"></i> 销售明细</div>vue3 写法:<template v-slot:header> <div> <i class="el-icon-menu"></i>销售明细 </div></template>注意点:...原创 2021-10-16 15:09:15 · 2154 阅读 · 0 评论 -
H5的js调用安卓的方法
前言一个应用既有安卓端又有ios端,为了同步时间进度,打算用H5网页替代原生的方法,那么在H5中,网页的返回按钮怎么调用安卓的方法,finish掉Activity呢?方法1安卓:// webview的配置webview.getSettings().setJavaScriptEnabled(true);webview.getSettings().setDefaultTextEncodingName("UTF-8");webview.addJavascriptInterface(new原创 2021-12-07 15:55:19 · 5660 阅读 · 0 评论 -
(带效果动图)H5在详细页点返回,返回时列表页停留在原来的位置
H5返回时不刷新页面保持在原来的位置原创 2021-12-10 15:57:35 · 3851 阅读 · 2 评论 -
H5网页的Vant的Icon图标显示不出来
因为vue环境没弄好原创 2021-12-14 09:44:52 · 6756 阅读 · 2 评论