- 博客(65)
- 收藏
- 关注
RSS订阅
原创 【react】语法总结
react基础语法的总结1.创建reactcreat-react-app 文件名cd 文件名npm install(下载依赖)npm start//一个组件新建一个文件夹2.react文件夹//APP.js文件//引入Reactimport React,{Component} from 'react;//引入组件//第一步：import List01 from "../Component/list01/list01" //声明小组件的方法： 1.以函数的方式声
2020-12-01 11:20:12
546
原创 【Vue】导出 下载excel 方案（点击下载，下载一个excel模板）
导出 下载excel 方案（点击下载模板，下载一个excel模板） exportExcel() { // 防止文件乱码:responseType: 'arraybuffer' userApi.sensitiveDown(this.queryParam, {responseType: 'blob'}).then(data => { // （导出 下载excal） const blob = new Blob([da
2020-11-30 17:54:35
405
原创 Vue中的日历组件 Calendar 实现 考勤打卡记录
实现效果图1.由于Calendar没有右上角月份切换的API事件，可以给组件源码添加自定义添加一个事件2.也可以自带的input事件来获取日历3.vue页面完整代码注释：this.$m(this.beginTime).format(‘YYYY-MM-DD HH:mm’)，是分装的标准时间转化年月日，使用者可通过多种方法自定义处理。-- 日历组件 -->:time-区间步长="30"
2024-01-18 14:44:43
3291
1
原创 Vue 中 Element UI 的 el-table 组件实现动态表头和内容
Vue 中 Element UI 的 el-table 组件实现动态表头和内容。
2024-01-18 14:14:45
2956
原创 【Vue】div标签实现输入框，利用contenteditable=“true“属性的标签实现
【代码】div标签实现输入框，利用contenteditable=“true“属性的标签实现评论。
2023-07-26 15:06:09
4518
原创 【Vue】分页组件切换分页时未定位到最上面的位置
问题：table点击分页时候，在第一页把滚动条拉到最下面，切换到第2页或第3页，滚动条还是保留上一页的位置。预期效果：切换分页时滚动条恢复到最上面的位置！！！
2022-06-14 11:05:05
1305
1
原创 reduce() 遍历数组
reduce() 遍历数组, 返回参数函数里的返回值.一般作为累加器计算总价 let arr = [1, 2, 3, 4]; // 情况1 // firstItem表示第一个参数，item表是除参数1之外剩余的参数 const arr1 = arr.reduce((firstItem, item) => { return firstItem += item; }) console.log(arr1); //10 // 情况2 // firstItem表示一个函数，默认值设置为0
2022-05-26 17:35:31
520
原创 【Vue】中的同步和异步
同步：在主线程上排队之行的任务,只有在最前面的任务执行完成之后,才之行后面的任务。 （生活中的例子话糙理不怪：银行排队，只有一个窗口的时候，A业务办理完在接着办理B） 异步：是指不进入主线程,而是进入了“任务队列”的任务,只有“任务队列”通知主线程,某个异步任务可执行了,该任务才会进入主线程执行。 生活中的例子话糙理不怪：多个窗口，可以同时办理业务，互不影响） 异步任务分为：宏任务 微任务 宏任务：包含整体代码script / se....
2022-05-24 11:02:18
1997
原创 对象和数组的遍历
// let arr = [‘a’,‘b’];// let obj = {// a:true,// b:true,// c:true,// d:true,// e:false,// f:false// }// arr.forEach(itemKey =>{// obj[itemKey] = true// })// let newArr = Object.keys(obj).filter(objKey=>{// return !arr.inclu
2022-05-24 10:38:44
131
原创 【Vue】中三种插槽的使用
vue中三种插槽的使用插槽：1.匿名插槽：没有为插槽指定名称2.具名插槽：为slot设置名字的插槽就称为具名插槽3.作用域插槽：在封装组件的过程中，可以为预留的 插槽绑定 props 数据(除了name)，这种带有 props 数据的 叫做“作用域插槽1.匿名插槽子组件（假设名字为child） <template> <div> <solt>这是一段文字<solt> </div>
2022-03-18 14:14:41
604
原创 使用JavaScript测试字符串中的字母是大写还是小写
// 使用JS测试字符串中的字母是大写还是小写 let mes1 = 'a'; let mes2 = 'A'; if(mes1 == mes1.toLowerCase()){ console.log('lowerCase') //小写 } if(mes1 == mes1.toUpperCase()){ console.log('upperCase') //大写 }...
2022-02-18 00:48:30
1817
原创 【uni-app】小程序遇到的坑
1.uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2107090； lib: 2.20.1)解决办法：在project.config.json中添加"miniprogramRoot": “unpackage/dist/dev/mp-weixin/” （unpackage/dist/dev/mp-weixin/ 这个路径可以在自己的小程序项目中查看到，即打包文件夹）2.上传了小程序后，在在公众平台扫码查
2022-01-13 21:06:06
1111
原创 时间转换(js将 “2021-07-06T06:23:57.000+00:00” 转换为年月日时分秒)
时间转换(js将 “2021-07-06T06:23:57.000+00:00” 转换为年月日时分秒)//时间转换(js将 “2021-07-06T06:23:57.000+00:00” 转换为年月日时分秒)function transformTimestamp(timestamp) { let a = new Date(timestamp).getTime(); const date = new Date(a); const Y = date.getFullYear() + '-';
2021-11-23 11:42:06
6978
原创 JS把两个数组对象合并过程解析
JS把两个数组对象合并过程解析var obj1 = [ { "id": 1， "name" : "Lucy" }, { "id": 2， "name" : "Tom" }, ]; var obj2 = [ { "age": "12" }, { "age": "13" }];//进行 数组对象合并var obj = obj1.map((item,index) => { return {...item, ...obj2
2021-11-23 11:38:59
4666
原创 uni-app实现，预览图片后，保存至相册
uni-app实现，预览图片后，保存至相册 <image src="https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto" class="code" @click="preview('https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto')"></image>//这里的imgList 是我拿到的
2021-11-23 10:51:20
1378
原创 当JSON.stringify（json）和JSON.parse(json)相互转换报错
当JSON.stringify（json）和JSON.parse(json)相互转换报错
2021-08-25 16:41:35
320
原创 uniapp 将 url 地址转化为二维码展示
uniapp 开发 H5 过程中会有邀请、分享等相关的需求。邀请与分享的 url地址 要以 二维码 的形式进行展示，并且 url地址 是动态可变化。
2021-08-20 18:16:27
738
原创 富文本用js过滤部分标签但保留文本内容代码！
求富文本用js过滤部分标签但保留文本内容代码！ var s = '<a href="xxx">xxxababa</a>fjaljoxox<img src="xxxx"/>fjaljfoxoxoaa<p>fjxxp</p><b>fjdlfjo</b>' s = s.replace(/<\/?(img|a)[^>]*>/gi, ''); alert(s)...
2021-08-19 10:48:12
727
原创 js 实现DES加密解密
js 实现DES加密解密1.安装加解密插件crypto-js => npm install crypto-js2.复制插件中 crypto-js.js 文件到自己新建的文件中1. 在utils/common.js中 写入公用的方法 eg: // 公用方法 import CryptoJS from "../common/crypto-js/crypto-js.js" // 加密 // 在main.js中引入 export default { // 加密 encryptB
2021-08-09 18:00:05
2384
原创 uni-app使用button按钮，设置border：none不起作用
uni-app使用button按钮，设置border：none不起作用uni-app的button设置border:0;去掉边框线是不行的，需要设置button::after{ border: none;} 这样就可以解决这个button自带的边框问题了
2021-08-09 17:51:47
1826
原创 mescroll的uni版本, 是在 uni-app 运行的下拉刷新和上拉加载的组件
mescroll的uni版本, 是在 uni-app 运行的下拉刷新和上拉加载的组件
2021-08-04 10:49:45
241
原创 合并数组对象object.assign（目标对象，原对象）
合并数组对象//旧数据let arr = [ { name:'tom', age:12, sex:'女', list:[ { title:'西瓜', color:'green' }, { title:'苹果', color:'red'
2021-05-27 14:24:37
1514
原创 数组对象去重（用reduce方法）
数组对象去重let hash = {} let config = [{ id: 2, name: 'Y', }, { id: 3, name: 'A', }, { id: 5, name: 'S', }]const newArr = config.reduceRight((item, next) =>
2021-05-07 19:04:10
292
原创 antd react传值（子传父）
子组件 ---> 父组件// tab头部callback =(key) =>{ let { childClick } = this.props; console.log(key,'tab') childClick('','', key) this.setState({ key:key },() => { console.log(this.state.key,'----
2021-05-07 11:35:10
863
原创 ant design react中的disabledDate不可选择时间的处理
ant design react中的disabledDate不可选择时间的处理
2021-05-07 11:20:19
1108
原创 Select中获取name的几种方式
Select中获取name的几种方式// 方式一：初始化时构造 { id: name } 映射结构，便于保存时根据id直接获取name值const idNameMap = {}function init() { axios('/api/getSelectOptions').then((res) => { const selectOptions = res.data || [] const options = [] selectOptions.forEach((it
2021-04-02 09:51:13
3593
原创 （react踩过的坑）Antd Select（设置了labelInValue）在FormItem中initialValue的问题
Antd Select(设置了labelInValue)在FormItem中设置initialValue时应如下设置方能将原数据正确送显
2021-04-01 14:28:19
3751
原创 （react踩过的坑）antd 如何同时获取一个select 的value和 label值
antd 如何同时获取一个select 的value和 label值
2021-04-01 14:24:09
2677
原创 微信小程序倒计时
微信小程序倒计时wxml文件：<view wx:for="{{tablist0}}" wx:key="{{index}}" wx:for-index="index"> <view class='coupontime' wx:if="{{item.timePlay}}">距结束:{{dates[index].difftime}}</view> <view class='coupontime' wx:if="{{item.startTimePlay}
2021-01-12 14:18:08
216
原创 EasyUI 框架中 Dialog 对话框
EasyUI 框架中 Dialog 对话框 <!-- html文件 --> <!-- 按钮 --> <a href="#" class="easyui-linkbutton" onclick="openAdd1()" plain="true">选择商品</a> <!-- 弹框 --> <div id="wu-dialog-1" class="easyui-dialog" data-options="clos
2021-01-05 11:11:10
380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人