自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 基础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 92

原创 审批流css样式

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

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

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

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

2021-03-23 17:33:53 125

原创 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 2573 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 526

原创 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 92 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 1048

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

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

原创 小程序获取元素高度

针对有定位元素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 802

原创 小程序机型判断

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 299

原创 自适应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 667

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

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

2019-12-02 17:54:09 4875

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

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

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

2019-11-13 11:10:37 377

原创 小程序反编译

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

2019-11-12 13:17:58 367

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

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

2019-10-17 20:09:39 743

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

<!-- 轮播图 --> <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 552

原创 在小程序使用svg图标

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

2019-10-17 10:44:22 1558

原创 学习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 160

原创 小程序导航滑动效果

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

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

有需求的可以直接复制看看,几乎都会有注释<!--pages/map/map.wxml--><view class='container'> <!-- 加入的商品列表 --> <view class="addGoodsList"> <view class="titTop"> <view class="to...

2019-10-09 10:22:53 570

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

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

2019-09-27 18:04:10 558

原创 初学小程序问题五(如何在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 378

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

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

2019-08-28 11:16:29 511

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

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

2019-08-09 15:50:03 1315

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

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 519

原创 初学小程序问题一(关于小程序中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 2549 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 1302

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

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

2019-06-18 16:37:46 3838

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除