- 博客(42)
- 收藏
- 关注
RSS订阅原创 js宏观与微观任务面试题你对了几个？
resolve();})});resolve();})})}, 0)fn();resolve();})resolve();})fn();resolve();})resolve();})resolve();})fn();resolve();})
2024-07-26 10:57:32
570
原创 uniapp+uView轮播图与手写多选框
if (`${this.getDate(item.event_date)}${item.shortname}${item.eventtypename}事件（${item.similarvalue}）` === `${this.getDate(it.eventdate.substring(0, 10))}${it.shortname}${it.eventtypename}事件（${it.similarvalue}）`<view class="text" :class="item.checked?
2024-07-24 13:08:11
530
原创 js数值与日期相关业务校验方法
const monthList = [31, second, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31].splice(0, month - 1) //获取月份数组。let temps = num.toString().split("."), //处理浮点数的情况，整数时会返回原数值。target = temps[0].split("").reverse(), //倒序。//将数字转换为字符串。const year = val.getFullYear() //获取年。
2024-07-24 10:03:36
611
原创 vue+el-tooltip文本是否溢出显示省略号展示提示框
立即体验</div><div class="detail-btn btn">查看详情
2024-07-22 14:28:53
827
原创 uniapp+uView保存与删除搜索历史记录
this.oldWordList = oldWordPageList // 新数组。', // 清空历史记录弹框内容。showNoDataImg: false, // 是否显示无搜索列表图片。
2024-07-22 12:19:03
656
原创 Vue canvas绘制圆形进度条动画加载
'strokeStyle', // 进度条值背景颜色。title: "内存",'percent', // 进度条值。//清除所有，重新绘制。
2024-07-19 09:11:57
550
原创 element ui 表格与锚点定位
queryParams2 = this.similarOptions.filter((item) => `${this.getDate(item.eventdate.substring(0, 10))}${item.symbol}${item.shortname}解禁` === i)if (res.class === `${this.getDate(i.eventdate.substring(0, 10))}${i.symbol}${i.shortname}解禁`) {
2024-07-19 09:11:03
835
原创 uniapp商城购物商品列表展示
this.scrollTopPage = e.target.scrollTop //滚动条实时位置。// 上拉的状态：more-loading前；rightListData: [], // 右侧区域商品列表。tabList: [{ // tab栏列表 类型：-1全部。leftListData: [], // 左侧区域商品列表。activeIndex: -1, // tab栏索引。listData: [], // 商品列表。scrollTopPage: 0, //回到顶部。-- tab栏 -->
2024-07-19 09:03:50
838
原创 uniapp数组对象随机抽取3个对象
/ 数字与汉字结合不换行展示。randomDataMarketList: [], // 随机3个库列表。// 获取列表(每次进入页面随机3个)name: '股票',name: '基金',name: '期货',name: '经济',name: '资讯',name: '银行',name: '海外',name: '行业',
2024-07-19 09:02:13
312
原创 uniapp富文本内容展示处理
'") // 设置富文本所有图片宽度。} from "@/api/api.js" // 后端接口。content: '', // 富文本内容。
2024-07-19 08:47:40
229
原创 Vue中使用android和ios手机打开相机并选择相册功能和图片旋转问题
van-action-sheet v-model="showCameraSelect" :actions="actions" :cancel-text="'取消'" @cancel="showCameraSelect=false" />//第一个参数为图片类型,如image/jpeg, image/png, image/gif;if ( brand === 'xiaomi' || brand === 'huawei') { // 华为、小米手机：相册选择、拍摄。/* 旋转绘制 */
2024-07-19 08:46:37
1007
原创 vue+element 下拉框选择加搜索并且列表选项带图片
this.placeText = "请选择发放账户";this.placeText = "请选择发放账户";this.placeText = "请选择去向";this.placeText = "请选择来源";this.placeText = "请选择去向";this.placeText = "请选择来源";this.placeText = "请选择去向";this.placeText = "请选择来源";this.placeText = "请选择去向";this.placeText = "请选择来源";
2024-07-18 10:10:05
882
原创 js 数组对象中每一项对象属性比较大小与计算数组对象属性和
const monthList = [31, second, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31].splice(0, month - 1) //获取月份数组。const month = val.getMonth() + 1 //获取月。const year = val.getFullYear() //获取年。
2024-07-18 10:08:52
388
原创 vue+element 表格动态列添加点击事件与排序（/或者空值排最后）
const wrapper = $el.querySelector('.el-table__body-wrapper') // 滚动的元素类名。tableData && tableData.doLayout() // 解决表格固定列塌陷导致无数据显示。this.tableData = this.sortData // 用之前拷贝的数据还原默认排序。this.tableData = data //最后把排序好的表格数据赋值给排序前的表格数据。tableData: [], // 表格数据。
2024-07-18 10:08:04
389
原创 下载Vue.js输入Vue -V报错解决办法
3. 执行：set-ExecutionPolicy RemoteSigned;（若此命令执行失败的话，则执行这条： Set-ExecutionPolicy -Scope CurrentUser，设置值RemoteSigned）2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;4. 这时再执行get-ExecutionPolicy，就显示RemoteSigned;1. 以管理员身份运行vscode;
2024-07-18 10:06:55
317
原创 uniapp中使用echarts点击图例与tooltips无反应
window.wx = {} // echarts中tooltips点击无反应与点击图例无反应解决方法。只需要在项目main.js文件中加上。
2024-07-18 10:02:01
380
原创 uniapp中使用echarts关系图
this.echartsStyle.height = uni.getSystemInfoSync().screenHeight + 'px' // 获取屏幕高度。import echarts from "@/static/common/js/echarts.min.js" // 引入echarts.js。this.atlasTermNode = this.atlasData.data.termNode.name // 节点名称赋值。this.hasRelateWords = true // 是否有相关词。
2024-07-18 10:01:27
580
原创 uniapp中使用AntV F6 + table表格插件使用
this.treeDom.height = uni.getSystemInfoSync().screenHeight - 44 - this.stabarHeight // 获取ios屏幕高度。//(1.3.7弃用) return a[that.lastSortItem].charCodeAt() - b[that.lastSortItem].charCodeAt()-- 暂无数据 -->
2024-07-18 09:58:34
736
原创 uniapp+uView搜索列表变颜色
u-search placeholder="请输入上市公司代码或简称" :show-action="false" searchIconColor="#999999" searchIconSize="24"if (res.platform == 'ios') { //iOS返回APP。// 当对话内容中有包含搜索框中的字符串时(不区分大小写)cellText: '', // 搜索高亮显示的数据。serchVal: '', // 搜索框值。timer: null, // 定时器。// 查看公司详情页面跳转。
2024-07-18 09:54:51
235
原创 uniapp+uView单选框多选框使用与模糊搜索
if (this.categoryMaxNum > 1 && this.categoryList.length > 1) { //多选。this.radioAreaArr = this.categoryList[0].key //设置单选的值。filterArea: '省份' || filterArea, // 省份值。radioIndicatorList: '', //单选的值。categoryOptions: [], // 省份数据。categoryList: [], // 省份筛选数据。
2024-07-18 09:54:03
519
原创 uniapp纯js手写日历筛选年，月，日，季度，周
else if (this.frequency == '1') { // 月频。} else if (this.frequency == '3') { // 年频。} else if (this.frequency == '1') { // 月频。} else if (this.frequency == '3') { // 年频。} else if (this.frequency == '1') { // 月频。} else if (this.frequency == '3') { // 年频。
2024-07-18 09:53:11
955
原创 js正则相关验证
callback(new Error('请输入文件名,包含文件后缀(.xls或.xlsx)'))callback(new Error('请输入文件名,包含文件后缀(.csv/.txt)'))callback(new Error('请输入文件名,包含文件后缀(.csv)'))callback(new Error('请输入0~999.99之间的数字'))callback(new Error('请输入1~999内的正确的数字'))callback(new Error('请输入1~100内的正确的数字'))
2024-07-18 09:51:58
669
原创 vue+ DatePicker日期的加减
el-table-column type="index" label="序号" width="60" align="center"/><el-table-column type="index" label="序号" width="60" align="center"/><el-table-column prop="building_name" label="展馆" align="center" />this.fourDay = this.boothDate //当天数据。
2024-07-18 09:50:10
222
原创 element+Pagination 分页
el-table-column prop="mobile" label="状态" align="center" :formatter="formatter"></el-table-column><el-table-column type="index" label="序号" width="200px" align="center"> </el-table-column><el-table-column prop="pay_type" label="支付方式" align="center">
2024-07-18 09:49:15
225
原创 element输入框只能输入数字或小数保留两位小数
el-dialog title="价格修改" :visible.sync="dialogFormVisible" width="30%" :close-on-click-modal="false">" type="primary" @click="submitForm">确定</el-button><el-form-item label="价格" prop="price">
2024-07-17 11:39:50
400
原创 vue+el-dialog提交校验
" type="primary" @click="submitForm('priceForm')">确定</el-button><el-table-column type="index" label="序号" width="200px" align="center"> </el-table-column><el-dialog title="价格修改" :visible.sync="dialogFormVisible" width="30%" :close-on-click-modal="false">
2024-07-17 11:39:09
270
原创 element+el-cascader省市区级联框使用
首先 npm install element-china-area-data 或者 cnpm install element-china-area-data引入：import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'
2024-07-17 11:38:13
596
原创 获取当前日期前一个月日期与天数数组
/三、前一个月日期不一定和今天同一号，例如3.31的前一个月日期是2.28；//一、解决闰年平年的二月份天数 //平年28天、闰年29天//能被4整除且不能被100整除的为闰年,或能被100整除且能被400整除。let allDay = new Date(year, month, 0).getDate() // 获取当月有多少天。let month = new Date(date).getMonth() + 1 // 获取月份。if(strMonth - 1 === 0) //二、解决跨年问题。
2024-07-17 11:37:30
366
原创 Vue+element UI穿梭框使用
el-transfer v-model="value" :data="peopleNum" :button-texts="['到左边', '到右边']" @change="handleChange"></el-transfer><el-button type="primary" class="btn" @click="submitData">任务分配</el-button>this.$alert("请先选择用户","提示",{confirmButtonText:"确定"
2024-07-17 11:34:41
230
原创 element后台项目列表删除最后一项显示无数据
let totalPage = Math.ceil((this.total-1) / this.pageSize) //加上这三行就可以解决了。this.$confirm('确定删除该用户吗？', '提示', {message: '删除成功!confirmButtonText: '确定',cancelButtonText: '取消',message: '已取消删除'
2024-07-17 11:31:09
183
原创 vue+element 列表一列条件渲染
el-table-column prop="rule_type" label="规则类型" align="center" :formatter="formatter"/>return '入场位置距离上可疑'return '入场时间段可疑'return '入场频次过高'在template中列表渲染加上formatter方法。在methods方法中写方法判断即可。
2024-07-17 11:29:38
194
原创 百分比布局实现div自动换行
这是个寂寞的天，下着有些伤心的雨</div><div class="con">这是个寂寞的天，下着有些伤心的雨</div><div class="con">这是个寂寞的天，下着有些伤心的雨</div><div class="con">这是个寂寞的天，下着有些伤心的雨</div><div class="con">这是个寂寞的天，下着有些伤心的雨
2024-07-17 11:27:56
233
原创 store.js（一款好用的本地存储插件）的使用
但是在使用store.js的时候，你不需要自己去对值进行序列化或反序列化，在每次调用 store.set() 和 store.get()的时候，store.js已经分别通过JSON.stringify() 和 JSON.parse() 实现了相同的效果。key") 或者 store.has(key);//单个存储字符串数据。store(key) 或者 store.get(key) //获取key的字符串数据。store.set('ad',234).get('ad') //链式书写。
2024-07-17 11:27:12
381
原创 Vue开发h5或者小程序由px转换rem
/ 可以把px自动切换为rem，如果需要使用px的时候改成 px 就可以生效。rootValue: 37.5, // 换算的基数 37.5px = 1rem。propList: ['*'] // 属性的选择器，*表示通用与所有选择器。// 浏览器前缀处理工具。首先下载第三方包：postcss-pxtorem。
2024-07-17 11:25:55
200
原创 Vue中h5三个下拉框实现省级联动
el-select v-model="province_id" placeholder="请选择省" class="ipt" @change="getCityList(province_id)"><el-select v-model="city_id" placeholder="请选择市" class="ipt" @change="getCountyList(city_id)"><el-select v-model="county_id" placeholder="请选择区" class="ipt">
2024-07-17 11:22:08
487
原创 小程序自定义tabBar
/获取当前页面的对象。//获取当前页面的对象。//根据页面地址设置当前页面状态。//根据页面地址设置当前页面状态。//使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。//使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。"text": "首页","text": "我的","text": "首页",
2024-07-17 11:09:07
426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人