- 博客(153)
- 收藏
- 关注
原创 h5 调用微信支付转成支付二维码
//Core code comes from https://github.com/davidshimjs/qrcodejs var QRCode; (function () { /** * Get the type by string length * * @private * @param {String} sText * @param {Number} nCorrectLevel * @return {.
2022-04-20 18:18:09
932
原创 小程序富文本图片放大功能
// 富文本图片放大function richImg(txt) {//txt 指的是接口返回的富文本 // 主要代码 let imgarr = []; let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片 let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片 let arrsImg = txt.match(regex); // obj.info 后台.
2022-04-17 00:36:19
1183
原创 小程序分享海报功能
小程序文档说是画布不更新了 但是还能用 所以我就把部分代码粘贴出来仅供参考 <!-- 分享 --> <view class="share" hidden="{{share}}"> <view class="share_top"> <view></view> <view class="share_name">分享</view> <view class="cl...
2022-03-19 11:22:26
548
原创 uniapp 安装 vant
1. 创建项目2. 下载vant组件vant的GitHub下载地址下载完成后解压,然后在项目更目录下创建文件夹wxcomponents,注意这里的wxcomponents目录级别和pages在同一级别,然后再该目录下创建vant-weapp目录。找到dist文件夹,把它复制到vant-weapp目录下3. app.json 引入全局样式 @import url("/wxcomponents/vant-weapp/dist/common/index.wxss");4.组件使用全.
2021-12-07 14:39:17
1572
原创 part1 作业
## 简答题#### 谈谈你是如何理解 JS 异步编程的,EventLoop、消息队列都是做什么的,什么是宏任务,什么是微任务?**答:**js异步编程:提高效率,减少阻塞,不需要等待就可以执行其他任务eventLoop:负责连接主线程和其他线程之间的通信消息队列:异步任务处理完成会把任务放入到任务队列里面等待执行微任务: 当前任务结束后立即执行其他任务不需要通过消息队列或者eventLoop promise 回调就是微任务 本轮调用末尾直接执行宏任务: 消息队列里的异步任务都是宏任
2021-11-13 00:01:49
649
原创 拉钩教育 课堂笔记
高阶函数 可以把函数作为参数传递给另一个函数 // 高阶函数-函数作为参数function forEach (array, fn) { for (let i = 0; i < array.length; i++) { fn(array[i]) }}// 测试// let arr = [1, 3, 4, 7, 8]// forEach(arr, function (item) {// console.log(item)// })// f...
2021-10-31 00:03:12
150
原创 vue 中动态添加input
我查询好多都是for循环然后绑定v-model 但是每次添加input的时候 会把之前添加的内容清空然后直接用jquery去写的第一步npm install jquery第二步 在使用的文件里引入 import $ from 'jquery';默认有一个 <div class="add_item add_active1"> <div class="add_name"> 附件:</div> ...
2021-10-09 15:27:07
1642
原创 vue router 携带参数 接收参数
//携带参数 goTo(id) { this.$router.push({ path: "/index/project/info", query: { id: id } }) },//接收参数var id = this.$route.query.id;
2021-09-29 16:50:31
211
原创 vue el-switch 初始值(默认值)不能正确显示状态问题
先去检查一下接口返回格式 如果是字符串 不需要加冒号active-value="1" inactive-value="2"如果是数字:active-value="1" :inactive-value="2"
2021-09-28 14:08:47
3671
原创 vue element-ui select 多选默认值
编辑需要设置默认值<div class="add_item active"> <div class="add_name"> 参与者:</div> <div class="add_input"> <el-select v-model="edituser_ids" multiple filterable placeholder="请选择"> ...
2021-09-23 16:28:33
3333
原创 vue 点击切换变色
<div class="type" v-for="(item,index) in type" @click="clicktype(item.id)" :id="item.id" :class="item.id == i?'active':''" > <div class="type_img " ><img :src="require('./'+item.img)" alt=""></div> <di...
2021-09-08 10:41:33
873
原创 vue for循环本地图片不显示
<template> <div> <div> <div class="left"> <div class="logo"><img src="./images/logo.png" alt=""></div> <div class="type" v-for="(item,index) in type" @click="clicktype(item.id)" :id="item.
2021-09-07 20:51:24
264
原创 vue pc端适配
npm i lib-flexible -Snpm i px2rem-loader -D在main.js 中引入import 'lib-flexible'在vue-cli2 脚手架中 build => utils.jsexports.cssLoaders = function (options) { options = options || {} const cssLoader = { loader: 'css-loader', options: {...
2021-09-07 19:53:58
642
原创 小程序canvas 简单配置 保存图片
提示 如果图片显示不出来的话 查看一下域名是否正确 图片是否转成本地图片 <view class="poster" hidden="{{hidden}}"> <canvas canvas-id="shareCanvas" style="width:604rpx;height:940rpx"></canvas> <view class="preservation"> <view class="p_btn" b...
2021-09-06 15:29:02
336
原创 多维数组 点击事件 (商城选择规格)
同一个点击事件接口返回数据 默认 flag 是0 未选中的状态specList:"[{"name":"颜色","children":[{"id":0,"name":"红色","flag":0},{"id":1,"name":"蓝色","flag":0},{"id":2,"name":"紫色","flag":0}]},{"name":"尺寸","children":[{"id":0,"name":"大号","flag":0},{"id":1,"name":"中号","flag":0},{"i...
2021-08-06 15:43:20
219
原创 小程序config 配置
封装了一些公共的方法 仅供参考const api = require('./api.config').api;//页面跳转function gopage(e) { let url = e.currentTarget.dataset.url; wx.navigateTo({ url: url, })}function Ajax(url,type, data, callback) { wx.request({ url: api[url], data:.
2021-07-06 16:16:56
624
原创 小程序富文本视频截取
var con = res.data.data.content;//富文本 let start = con.indexOf('video src="');//视频src开始位置 let end =con.indexOf('type="video/mpeg4"');//视频src结束位置 var video = '' if(start == -1){ video = '' }else{ ...
2021-06-29 15:54:38
383
原创 仿微信朋友圈 评论 回复评论 点赞功能
<view> <view class="bg"> <image src="../static/images/bg.png"></image> <view class="user_info"> <view class="user_name">{{userInfo.nickname}}</view> <view class="user_img"> &l...
2021-06-23 11:00:19
806
1
原创 vant Calendar 日历 default-date 不生效解决方法
minDate: new Date(2021, 1, 1).getTime(),defaultDate:[new Date().getTime(),new Date().getTime()] ,
2021-06-22 18:33:01
4899
3
原创 小程序点击左上角返回清空定时器
//在onshow里添加定时器onShow() { let _this = this; this.setData({ timer: setInterval(() => { _this.getApi(); // 这个是我要实时刷新的事件 }, 5000) }) },
2021-06-08 16:03:14
213
原创 ts项目搭建
1.项目初始化 npm init -y2.下载配置文件 npm i -D webpack webpack-cli typescript ts-loader html-webpack-plugin webpack-dev-server clean-webpack-plugin @babel/core @babel/preset-env babel-loader core-js3.创建一个webpack.config.js//引入const path = require('path');/.
2021-06-04 16:17:31
1343
原创 小程序 echarts 操作步骤
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx1db9e5ab1149ea03&token=1496975098&lang=zh_CN接入步骤1、插件申请首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过wx1db9e5ab1149ea03查找插件并添加。通过申请后,方可在小程序中使用相应的插件2、引入插件配置在 app.json 中插件如下代码,注意 AppI..
2021-05-21 10:25:07
325
原创 小程序 获取当前几月几日 星期几
getweekday(date){ var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六"); var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date return week; }, formatDate(date) { console.log(date) date = new Date(date);...
2021-05-11 19:03:52
376
原创 小程序 多个轮播图指示点样式自定义
<view class="top_swiper"> <swiper class="top_swiper_all" circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="true" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{background}}...
2021-05-11 14:15:42
267
原创 vant NavBar 改变颜色
.goods_info /deep/ .van-nav-bar__title{ color: white !important; font-size: 16px; }<div class="goods_info"> <van-nav-bar style="background: #01978A;" title="套餐详情" left-arrow @click-left="onClickLeft"..
2021-05-08 16:13:11
3759
2
原创 uniapp 小程序分包
在pages同级创建一个存放所有分包的文件在pages.json"optimization":{ "subPackages":true }
2021-04-26 17:08:01
616
原创 open-data头像的更改样式
<view class="userInfo" wx:else> <view class="userImg"> <!-- <image src="{{userInfo.avatar}}"></image> --> <open-data type="userAvatarUrl"></open-data> </view> <open-data type=...
2021-04-13 17:32:04
279
原创 将字符串转换为驼峰格式
题目描述css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写2. -webkit-border-image 转换后的结果为 webkitBorderImagefunction cssStyle2DomStyle(sName) { let arr = sName.split(.
2021-04-01 18:02:18
782
原创 jq 控制选择分类的长度
一级分类最多选两个二级分类最多选三个var onecategory = [];//一级类目 var allcategory = { add:[], add1:[] } //请选择类目 $(document).on("click", ".two_classify", function () { $(this).addClass('class_active') ...
2021-03-30 17:16:56
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人