- 博客(29)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 模板字符串内添加if判断或添加三元运算符判断
模板字符串内添加if判断或添加三元运算符判断es6模板字符串例子：var html = `<div class="a2"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> </div>`模板字符串内添加if判
2021-02-23 10:06:35
8074
2
原创 el-upload组件上传文件修改文件名--不用FormData
接到这个需求的时候虽然没有做过这个功能但是感觉问题不大，直接就吧需求接下来了，然后试验一遍以后才发现好麻烦啊，还要而且网上几乎都是舍弃upload原有的上传，然后使用FormData调用axios进行上传功能，因为项目比较特殊，调用第三方的接口上传，所以那个方式是不适合我用的，找了一圈才找到不用FormData的方式，也是比较方便的。的时候就可以，但是想要f.type = file.raw.type 的时候同样底层报错。有知道的大佬可以在评论区指点一下；
2023-01-05 16:20:09
1365
3
原创 常用正则表达式（正常开发基本够用）
进行业务开发时时常需要用到正则去对数据进行检验，把常用的正则整理了一下做个记录，还有常用的欢迎补充，持续进行更新。。。
2022-06-30 11:21:15
128
原创 vue 怎么拿到{__ob__: Observer}里面的值？
想要转换成正常数组形式也很简单，将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式
2022-06-29 15:18:20
3156
1
原创 VUE项目中实时显示当前时间和天气
实时显示当前时间和天气效果图一、显示时间1、安装插件dayjscnpm i dayjs -S或yarn i dayjs -S2、封装为组件或者直接在页面中使用，示例是直接封装了作为组件使用<template> <div class="box"> <p class="boxDay">{{ dateWeek }}</p> <p class="boxTime">{{ dateDay }}</p>
2022-04-26 17:26:37
8875
10
原创 隐藏element 表单验证失败时打印async-validator-xxx
去掉element 表单验证失败时打印async-validator-xxx在element-ui表单验证中，添加了验证规则；在验证不通过的情况下浏览器的控制台会输出验证警告！想去掉的话也很简单在node_modules\async-validator\es\util.js中找到这行代码注释掉就好了console.warn(type, errors)...
2022-02-22 13:38:21
929
1
原创 微信小程序和支付宝小程序页面中数据保留两位或多位小数逻辑
微信小程序步骤一在项目目录下创建一个filter.wxs文件var filters = { toFix: function (value) { return value.toFixed(2)//此处2为保留两位小数，保留几位小数，这里写几 }}module.exports = { toFix: filters.toFix, toNumber: filters.toNumber,}步骤二在需要该逻辑判断的wxml文件中顶部引入该文件<wxs mod
2021-12-07 14:48:07
721
原创 VUE项目 高德地图使用热力图--实例
效果图代码在public/index.html中加入：<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>xxx.vue 页面完整代码<template> <div class="box"> <div id="container"></div> <div class="input-car
2021-12-03 15:39:36
2342
原创 微信小程序and支付宝小程序 日期多选(年月日)
微信小程序/支付宝小程序年月日–日期多选安卓与IOS都支持效果图index.wxml<view class="Box"> <view style="margin-bottom:150rpx;"> <scroll-view scroll-y class='scroll-view'> <!-- 当前月 --> <view class='calendar'> <view clas
2021-09-01 19:21:37
827
原创 微信小程序自定义顶部导航栏、自定义顶部背景颜色、自定义顶部文字
微信小程序自定义顶部导航栏、自定义顶部背景颜色、自定义顶部文字全局定义app.json"window": { "navigationBarBackgroundColor": "#32A2FD", // 顶部背景颜色 "navigationBarTitleText": "123456", // 顶部文字 "navigationStyle": "default", // 是否自定义导航栏,当"default"为"custom"时开启自定
2021-07-13 13:56:21
5235
1
原创 微信小程序 左右滑动删除事件
微信小程序左右滑动删除事件效果图 <scroll-view scroll-y enable-back-to-top style="height:{{ scrollHeight }}px" > <view> <block wx:for="{{ list }}" wx:for-item="item" wx:for-index="index" wx:key="index" > <view class="lis
2021-07-01 14:44:50
790
原创 echarts 常用配置
echarts 常用配置取消折线图x轴以及y轴的线 // x轴 xAxis: { type: 'category', boundaryGap: false, data: res.hour, // 取消实线代码 axisLine: { show: false }, axisTick: { show: false },
2021-05-11 10:53:08
858
转载 swiper改动-左右滑块漏出一部分或右滑块漏出一部分
swiper改动显示三个滑块，左右两个滑块露出一部分说到滚动轮播，很多人就会想到swiper.js这个插件，最近一个微信项目用的jQuery-weUI样式库，这个UI库的滚动轮播也是封装的swiper插件，直接引用虽然很简单，不过要是有一些特殊需求的话，还是需要自己去改造的，比如下图需求：可看到不仅只是滑动，还需要同时显示三个，中间一个全部显示，左右两个露出一部分，让用户看到，然后知道可以滑动。普通的swiper只能满足于一个个100%宽度显示然后滑动，这就需要修改swiper的样式部分了，具体c
2021-03-19 17:11:29
6340
2
原创 weui popup的使用
weui popup的简单使用weui popup链接使用步骤引入需要的js文件 <script src="/static/js/jquery-2.1.4.js"></script> <script src="/static/js/jquery-weui.js"></script> html页面点击出现的dom <div class="tl-tag-right open-popup station_popup"
2021-02-26 16:38:18
1404
原创 weui 图片浏览器PhotoBrowser 的使用
jquery weui 图片浏览器PhotoBrowser 的简单使用weui PhotoBrowser 地址链接使用步骤引入需要的js文件 <script src="/static/js/jquery-2.1.4.js"></script> <script src="/static/js/jquery-weui.js"></script> <script src="/static/js/swiper.js">&
2021-02-26 16:37:12
753
原创 设置输入框input中placeholder的字体颜色、字体大小
如何设置输入框input中placeholder的字体颜色、字号须知placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。设置placeholder文字颜色、字号方式一因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定（可以在冒号前面写input和textarea）。::-webkit-input-placeholder{/*Webkit browsers*/color:#999;font-size:16px
2021-02-05 11:28:58
24044
原创 js/jquery 获取屏幕可见区域及监听页面滚动条滚动事件及点击返回顶部
js/jquery 获取屏幕可见区域及监听页面滚动条滚动事件及点击返回顶部js获取屏幕可见区域 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight =
2021-02-01 13:26:37
750
原创 支付宝小程序自定义导航栏背景颜色
支付宝自定义导航栏背景颜色最近在写支付宝小程序，发现小程序的白底黑字不是那么和谐，于是去看了一下文档，因为是第一次写，感觉写的不是太明白，又去查了一下资料支付宝api链接支付宝官方的就不再看了，直接上代码吧配置全部的背景色代码在app.json中配置 "window":{ "titleBarColor": "#0093E9", "navigationStyle": "custom" } 配置单个页面的背景色代码在需要配置的页面的js中
2020-12-22 09:55:21
5397
1
原创 VUE 项目自定义修改网页标题和图标
VUE 项目自定义修改网页标题和图标标题修改静态标题修改标题修改直接在项目的 /public/index.html中修改title标签即可。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UiylRzvF-1607419484054)(./img/2.png)]动态修改标题在js文加下router.afterEach中配置title router.afterEach((to) => { document.title = to.m
2020-12-08 17:26:18
3496
原创 vue使用高德地图（vue-amap）自定义信息窗体里面添加点击事件
vue使用高德地图信息窗体里面的给点击事件vue-amap中自定义窗体添加点击事件最近做vue项目时候用到了vue-amap，但是在自定义窗体的时候碰到了问题，里面的点击事件怎么都不生效，看了官方文档说的是template 模板渲染支持传入 Vue 模板，支持 Vue 机制的事件绑定和状态访问。当同时设置 content 和 template 时，优先 content。v0.4.0 开始支持意思就是说要使用template才能添加点击事件，但是换成template又出现报错You are
2020-12-08 10:27:25
3603
1
原创 CSS 页面自定义滚动条
CSS自定义滚动条直接上代码设置文本自动换行，行内元素数字字母需要设置，块级标签一般会超出自动换行。div { word-wrap: break-word; //设置文本自动换行 word-break: normal;}超出盒子设置滚动条，并且自定义滚动条样式，以下滚动条样式最好都设置。div { height: 400px; overflow: auto; /*当内容超过，出现滚动条*/}//设置滚动条样式div ::-webkit-scrollbar { /*
2020-12-04 12:59:09
612
转载 移动端写0.5px边框
移动端1px边框问题移动端1px好像是比效果图大些，在查了一下解决办法，亲测有效单条border样式设置.scale-1px{ position: relative; border:none; } .scale-1px:after{ content: ''; position: absolute; bottom: 0; background: #000; width: 100%; height: 1px; -we
2020-11-17 14:16:36
423
转载 聊天界面定位到最底部的聊天信息
实现方法使用JS原生提供的Element.scrollIntoView()可以定位到指定元素的位置实现代码 <!-- html代码 --> <div id='messageList'> <div class='message me'>1</div> <div class='message'>2</div> <div class='message me'>3&
2020-11-16 11:30:08
1306
原创 【vue】组件声明周期的几个过程
生命周期组件声明周期的几个过程创建挂载更新销毁创建beforeCreate (创建前)初始化事件和生命周期后created (创建后)相关数据注入时，这个时候可以获取到data中的值，但是无法获取DOM挂载beforeMount (挂载前)当data数据已经和vue模板渲染出HTML时，页面上还没有内容mounted (挂载后)将编译好的HTML替换到页面上后，这个时候可以获取到真实的DOM更新beforeUpdate (更新前)当data中的值发生变化前，
2020-09-19 10:11:39
143
原创 css样式格式化
css样式格式化一些常见的样式重置，可以基本满足正常使用html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,leg
2020-08-11 19:46:27
1057
原创 css样式清除浮动
css清除浮动最简单直接 1. overflow: hidden; //溢出隐藏 2.定高法。 //直接设置父元素的高度，但是只适用于小部分情况完整的清除方法 .clearfix::after { content: ''; display: block; line-height: 0; height: 0; visibility: hidden; clear: both;}
2020-08-08 09:21:14
106
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人