Acitylion的博客

原创 layui 子页面调用父页面中的方法 父向子页面传值

【代码】layui 子页面调用父页面中的方法 父向子页面传值。

原创 layui toolbar 使用以及事件监听

当使用table 表单的时候需要自定义样式和内容时。只对删除按钮进行监听。

原创 layui define 的使用

layui define 的使用

原创 uniapp h5 公众号 支付

uniapp h5 公众号 调用微信支付

原创 uniapp 公众号 微信授权登录

uniapp 微信公众号 授权微信登录

原创 uniapp 安装vant h5

uniapp 安装 vant h5 失败

原创 uniapp 解决跨域问题

【代码】uniapp 解决跨域问题。

原创 a-select 设置默认值不生效问题

没转换的成string的时候 就显示1 转完之后就显示字了 第一次用我也不知道为什么 先记录一下。

原创 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 {.

原创 小程序富文本图片放大功能

// 富文本图片放大function richImg(txt) {//txt 指的是接口返回的富文本 // 主要代码 let imgarr = []; let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片 let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片 let arrsImg = txt.match(regex); // obj.info 后台.

原创 小程序分享海报功能

小程序文档说是画布不更新了 但是还能用 所以我就把部分代码粘贴出来仅供参考 <!-- 分享 --> <view class="share" hidden="{{share}}"> <view class="share_top"> <view></view> <view class="share_name">分享</view> <view class="cl...

原创 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.组件使用全.

原创 part1 作业

## 简答题#### 谈谈你是如何理解 JS 异步编程的，EventLoop、消息队列都是做什么的，什么是宏任务，什么是微任务？**答:**js异步编程：提高效率，减少阻塞，不需要等待就可以执行其他任务eventLoop：负责连接主线程和其他线程之间的通信消息队列：异步任务处理完成会把任务放入到任务队列里面等待执行微任务： 当前任务结束后立即执行其他任务不需要通过消息队列或者eventLoop promise 回调就是微任务 本轮调用末尾直接执行宏任务： 消息队列里的异步任务都是宏任

原创 拉钩教育 课堂笔记

高阶函数 可以把函数作为参数传递给另一个函数 // 高阶函数-函数作为参数​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...

原创 vue element table 表格根据状态变色

原创 vue 中动态添加input

我查询好多都是for循环然后绑定v-model 但是每次添加input的时候 会把之前添加的内容清空然后直接用jquery去写的第一步npm install jquery第二步 在使用的文件里引入 import $ from 'jquery';默认有一个 <div class="add_item add_active1"> <div class="add_name"> 附件：</div> ...

原创 vue router 携带参数 接收参数

//携带参数 goTo(id) { this.$router.push({ path: "/index/project/info", query: { id: id } }) },//接收参数var id = this.$route.query.id;

原创 vue el-switch 初始值（默认值）不能正确显示状态问题

先去检查一下接口返回格式 如果是字符串 不需要加冒号active-value="1" inactive-value="2"如果是数字:active-value="1" :inactive-value="2"

原创 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="请选择"> ...

原创 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...

原创 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.

原创 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: {...

原创 小程序canvas 简单配置 保存图片

提示 如果图片显示不出来的话 查看一下域名是否正确 图片是否转成本地图片 <view class="poster" hidden="{{hidden}}"> <canvas canvas-id="shareCanvas" style="width:604rpx;height:940rpx"></canvas> <view class="preservation"> <view class="p_btn" b...

原创 小程序跳转公众号

一、首先在公众平台绑定关联公众号二、创建一个文件 里面是公众号文章链接 点击直接跳转到这页

原创 多维数组 点击事件 （商城选择规格）

同一个点击事件接口返回数据 默认 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...

原创 小程序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:.

原创 小程序富文本视频截取

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{ ...

原创 仿微信朋友圈 评论 回复评论 点赞功能

<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...

原创 vant Calendar 日历 default-date 不生效解决方法

minDate: new Date(2021, 1, 1).getTime(),defaultDate:[new Date().getTime(),new Date().getTime()] ,

原创 小程序点击左上角返回清空定时器

//在onshow里添加定时器onShow() { let _this = this; this.setData({ timer: setInterval(() => { _this.getApi(); // 这个是我要实时刷新的事件 }, 5000) }) },

原创 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');/.

原创 小程序 echarts 操作步骤

https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx1db9e5ab1149ea03&token=1496975098&lang=zh_CN接入步骤1、插件申请首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台，通过wx1db9e5ab1149ea03查找插件并添加。通过申请后，方可在小程序中使用相应的插件2、引入插件配置在 app.json 中插件如下代码，注意 AppI..

原创 小程序 获取当前几月几日 星期几

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);...

原创 小程序 多个轮播图指示点样式自定义

<view class="top_swiper"> <swiper class="top_swiper_all" circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="true" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{background}}...

原创 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"..

原创 uniapp 小程序分包

在pages同级创建一个存放所有分包的文件在pages.json"optimization":{ "subPackages":true }

原创 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=...

原创 将字符串转换为驼峰格式

题目描述css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写2. -webkit-border-image 转换后的结果为 webkitBorderImagefunction cssStyle2DomStyle(sName) { let arr = sName.split(.

原创 jq 控制选择分类的长度

一级分类最多选两个二级分类最多选三个var onecategory = [];//一级类目 var allcategory = { add:[], add1:[] } //请选择类目 $(document).on("click", ".two_classify", function () { $(this).addClass('class_active') ...

原创 wangEditor 富文本上传照片

const E = window.wangEditor const editor = new E('#div1') editor.config.excludeMenus = [ 'video' ] editor.config.uploadImgParams = { token: sessionStorage.getItem('token') } editor...