FuturePeriod-优快云博客

原创基础js递归

// 添加同级 async addItem(row, i) { let a = {} const uuid = await this.getId() const sameTree = function(pid, arr) { arr.forEach((item, j) => { if (item.parentUuid == null) { item._showChildren = true ..

2021-09-06 16:35:52 153

<template> <view class="lineBox"> <view class="process-cell" v-for="(dot,index) in list" :key="dot.index"> <view class="per-box"> <view class="iconDot"></view> </view> </view> </view></template><script> export default { props:{ li

2021-08-27 11:03:27 791

原创 vue 防抖

function throttle(cb, tim) {var start = +new Date()return function() {const context = this // this指向发生变化，需要提出来var now = new Date()if (now - start > tim) {start = nowcb.apply(context)}}}a:throttle(function(){//事件},500）...

2021-07-14 20:08:40 150

原创一键清除对象中属性的值和 el 获取label值

Object.keys(this.sendShop).forEach(key=>{this.sendShop[key]=’’})

2021-03-23 17:33:53 172

原创 vue websocket 聊天之发送表情

万事开头难，第一次接触websocket客服聊天聊天得我，也遇到了许多坑，被折磨过来得我，今天总结下一部分功能（发送表情）我也是借鉴了别人得代码，然后简化后，功能也实现了。  <div class="common_chat-main" id="common_chat_main" ref="common_chat_main"> <div class="common_chat-main-con

2021-03-09 18:12:41 3014 9

原创 vue3.0项目搭建

一.如果你之前本地安装的是vue2.0，现在需要使用vue3.0，那么请看下面的步骤。①：将本地安装的vue2.0卸载，代码如下cnpm uninstall -g vue-cli②：卸载完成后，本地安装vue3.0，代码如下cnpm install -g @vue/cli注意安装方式：2.0是vue-cli ，3.0是@vue/cli 。上面安装时你用npm cnpm yarn都可以看你本地装的什么。二.安装检测①：检测安装的vue 是不是3.0的版本了，代码如下vue --vers

2021-01-04 11:39:04 601

原创 vue axios 封装和使用

import axios from ‘axios’import { Message, MessageBox } from ‘element-ui’import store from ‘…/store’import { getToken } from ‘@/utils/auth’// 创建axios实例const service = axios.create({baseURL: process.env.BASE_API, // api的base_urltimeout: 15000000 // 请

2020-12-24 18:20:16 117 2

原创 elementui 正则验证

rules: {login:[{required: true, message: ‘请输入登录账号’, trigger: ‘blur’},{pattern: /^0?1(3|4|5|7|8)\d{9}$/, message: ‘请输入正确得手机号’, trigger: ‘blur’},],}注意：pattern 这个属性很重要，靠它来执行正则得。...

2020-12-24 10:25:13 1130

原创 vue时间戳转换

1.新建time.js（内容如下）/**时间格式化**/// 这个函数网上随处可见，我也是应用了别人的。export function formatDate(date, fmt) {if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ‘’).substr(4 - RegExp.KaTeX parse error: Expected 'EOF', got '}' at position 13:

2020-08-07 10:37:50 129

原创 vue axios 封装请求

1.建立http.js文件（内容如下）import axios from 'axios';// 引入axiosimport qs from 'qs'; //post 参数序列化//环境切换axios.defaults.baseURL = "http://192.168.0.70"; // 测试环境// 请求超时请求头axios.defaults.timeout = 10000axios.defaults.headers.post['Content-Type'] = 'applicati

2020-08-05 11:37:32 169

原创小程序获取元素高度

针对有定位元素var query = wx.createSelectorQuery();var scrollLeft = that.data.scrollLeftquery.select(’.stitTop’).boundingClientRect()query.select(’.time’).boundingClientRect()query.select(’.info’).bound...

2020-01-07 16:25:29 861

原创小程序机型判断

wx.getSystemInfo({success(res) {console.log(res.model)var closeHeight = that.data.closeHeightif (res.model == “iPhone X”) {that.setData({closeHeight: 381})}if (res.model.indexOf(“iPhone X”) &...

2019-12-16 17:09:46 333

原创自适应scroll-view 高度

var that = this//创建节点选择器,动态设置scroll-view高度// killorder-view高度let qKillOrder = wx.createSelectorQuery();qKillOrder.select('.header').boundingClientRect()let result = qKillOrder.exec(function(resk)...

2019-12-11 11:46:50 711

原创小程序向数组的对象里添加新属性

比如 arr 是数组那么arr.forEach(item => {item.a= 1;}(a:就是添加的属性 1是值)console.log(arr)

2019-12-02 17:54:09 4931

原创小程序request封装及调用

1.新建api.js文件写入var sendRequest = function (url, method, data = {}, header = {}) { var promise = new Promise(function (resolve, reject) { wx.request({ url: url, data: data, met...

2019-11-26 17:04:11 317

原创小程序如何使用solidup和soliddown？

1.首先上图看看，比如点击购物车的显示和隐藏2.上代码 <view class="addBox" wx:if="{{addBox}}" bindtap="hiddenAddBox"> <view class='addGoodsList {{aniStyle?"slideup":"slidedown"}}'> ...

2019-11-13 11:10:37 412

原创小程序反编译

1.夜神模拟器（在夜神下载微信 QQ RE文件管理工具）2.。打开登录微信，打开要反编译的小程序，然后运行，然后切换都桌面，打开RE文件管理工具3.按图找目录，如图找最长的这种名字文件夹4.看图目录，依次打开，里面就是wxapkg后缀文件，这些就是微信小程序的源码，然后按时间可以找到你最近打开的小程序。5.压缩->发送到qq或者微信->然后放在电脑桌面6.下载脚本g...

2019-11-12 13:17:58 411

原创小程序筛选列表可单选可同时选效果

<view class="sxBox" wx:if="{{sxBox}}"> <view class="shuaixuan"> <text class="changFs">商家特色</text> <view class='sxList' > <text bindta...

2019-10-17 20:09:39 775

原创小程序图片点击放大，滑动支持左右滑动功能和导航滑动效果

<view class="banner" wx:if="{{product.ipo_items.length>0}}"> <swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}...

2019-10-17 15:52:24 608

原创在小程序使用svg图标

首先打开网址http://tools.jb51.net/transcoding/img2base64选择需要上传的图片看图。。。。。（切记，标记出来的地方，要修改和图上一样），svg做背景图

2019-10-17 10:44:22 1620

原创学习python第一节（安装软件以及环境和基础练习）

windows安装方法：首先，根据你的Windows版本（64位还是32位）从Python的官方网站下载Python 3.7对应的64位安装程序或32位安装程序，然后，运行下载的EXE安装包，特别要注意勾上Add Python 3.7 to PATH，然后点“Install Now”即可完成安装1.安装成功后，打开命令提示符窗口，敲入python后，出现以下内容为安装成功（前提：安装之前必须勾...

2019-10-12 10:50:38 182

原创小程序导航滑动效果

<view class="centerTit" > <text bindtap="chooseBtn" wx:for="{{tabitem}}" bindtap="setTab" data-tabindex="{{index}}" class="titWei">{{item.text}}</text> <view class...

2019-10-09 10:25:30 258

原创小程序购物车优化全选，反选，单选控制价格等

有需求的可以直接复制看看，几乎都会有注释<view class='container'>  <view class="addGoodsList"> <view class="titTop"> <view class="to...

2019-10-09 10:22:53 630

原创小程序购物车全选反选数量加减总价钱总数量

//不多说了，只是为了记录每次做的小东西，有需要的可以直接复制代码到开发工具查看比较清楚，上代码<view class='container'>  <view class="addGoodsList"> <view class="titTop"> <view class="topLe...

2019-09-27 18:04:10 1030

原创初学小程序问题五（如何在swiper组件里点击图片放大滑动保存）

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-active-color="{{indicatorActiveColor}}"> <block wx:for="{{goodsD...

2019-08-30 11:14:52 463

原创初学小程序问题三(实现滑动置顶效果)

//创建节点选择器,动态设置scroll-view高度，计算出别的容器的高度最后减掉就是scroll-view的高度let that = this;//search-view高度// let qSearch = wx.createSelectorQuery();// qSearch.select(’.successBox’).boundingClientRect()// qSearch...

2019-08-28 11:16:29 546

原创初学小程序问题四（点击改变src的值）

直奔主题：wxml:bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡(所以这里使用了catchtap)data-msg 用来获取当前的图片链接js：首先在data里声明icon1:“http://pics.jiuziran.com/FkAH10a2O6AnD-ZR7BM59BwcPlNu”,然后写点击事件changIcon:function...

2019-08-09 15:50:03 1397

原创初学小程序问题二（默认列表第一个选中变色）

eg: <view class='orderBox'> <view class="orderList" wx:for="{{orderList}}" wx:key="id">//wx:for循环的列表（大家都懂得） <text class="{{index==idx?'_left':'left'}}" bindtap='goIndex' data...

2019-07-29 15:42:14 561

原创初学小程序问题一（关于小程序中for循环列表后点击不同列表跳转不同页面）

直接上代码wxml:<view class='listBox'> <view class="list" wx:for="{{userInfo}}" bindtap='changBtn' data-id="{{item.id}}"> <image src="{{item.iconUrl}}"></image> ...

2019-07-26 11:51:22 2626 6

原创 pc端布局和移动端布局通用样式总结

pc端通用样式：@charset “utf-8”;body,h1,h2,h3,h4,h5,h6,ol,ul,dl,dd,p,input,select,textarea,td{margin:0;padding:0;}body{font-family:“微软雅黑”;}a{text-decoration:none;cursor: pointer;}ul,ol{list-sty...

2019-06-19 10:28:29 1345

原创关于在vue中父组件更改子组件的样式，而不影响子组件在其他组件的样式。

在项目中我遇到的问题：两个页面共用一个组件，比如要修改A页面的样式（包括A页面子组件的样式），但是为了不影响B页面的样式，所以通过查阅资料，通过以下方法完美解决。方法：使用深度作用选择器比如：>>> 和 /deep/ 这两个关键词用例：比如：在A页面修改子组件的body样式使用： >>> body{ background-color:red...

2019-06-18 16:37:46 3973

weixin_45244453的博客