- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 AntDesign - UI -vue 列表表单验证，多条数据验证，正则验证，正则提示
AntDesign - UI -vue 列表表单验证，多条数据验证，正则验证，正则提示
2022-07-01 16:01:13
2056
1
原创 uniapp公众号：获取code值 openId，处理富文本图片不全，h5视频播放
公众号：获取code值这里只是做个记录，我这个也是看的别人的，查了很多这里强调一下，因为公众号特有的方式，获取code要通过地址栏去请求，然后再重定向，会导致一个问题，页面会闪一下所以，项目一进来的页面我处理成了加载动画的页面（pages/index/loding），在重定向到项目的主页面（pages/index/index）我写成 /h5/#/pages/index/index’这样的原因是项目打包后的，目录在h5文件里面公众号：获取 openId值这个需要后端帮你去拿，一般后端需要的是app
2021-08-31 00:01:00
3571
原创 自定义button 颜色 自定义动画
最近在做vue-element-admin项目的时候遇到了很多问题，首先是跨域问题：在 vue.config.js 文件里面， devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { '/api/sys': { target: 'http://182.16.40.112:18010', // 田
2021-08-13 17:39:07
183
原创 uniapp 视频图片切换，视频高度宽度自适应
uniapp 视频 图片预览视频宽度自适应，视频图片左右切换，图片点击放大预览<template> <view class="container"> <view class="videoClass" @click="videoPause(videoUrl)" > <view class="videocontent" v-if="typeClass === 'video'"> <video v-if="ticketsInf
2021-07-02 14:24:38
4327
2
原创 uniapp 地图导航 唤起导航 自定义图标 自定义提示泡泡
uniapp 地图导航唤起导航自定义图标自定义提示泡泡复制过去即可<template> <view class="container"> <!-- 此处为地图 --> <view class="map-common-mt"> <map :latitude="latitude" scale="12" :longitude="longitude" :markers="markers" show-location>
2021-07-02 11:45:07
2807
1
原创 微信 苹果 手机定位，无法调起地图授权，
微信 苹果 手机定位，无法调起地图授权，只有两种情况，一、要把坐标转化为数字浮点类型，二、试着吧坐标的经纬度换一下，有些平台的经度相应的是其他平台的维度。
2021-06-18 17:06:36
477
原创 uniapp 评论列表，展开，收起，全部，局部刷新功能
uniapp 评论列表，展开，收起，全部，局部刷新功能分析，首先得判断字符长度，超过一定长度后才有展开收起的功能，需要有一个字段标识，要控制每一条的展开收起，必须在每一条中添加一个相关字段，我们分析完后，需要在原数组上添加两个字段第一个： 是否超过三行（或者四行），isMore第二个： 当前状态是展开还是收起，isAll其实这里的看起来就是数据双向绑定，但是实现原理不是，最关键的是拷贝数据，从新赋值，这里绕过数据双向绑定，利用了缓冲，当我们第一次渲染数据的时候就会生成dom缓存，当我们改
2021-06-06 16:43:16
6783
7
原创 property “nickName“ was assigned to but it has no setter.
在做uniapp的時候,为了方便保存登陆信息，我把数据存在vuex和stanger里面在其他页面获取的时候我用的计算属性，watch里面我没拿到，一开始的映入方式是这样的import { mapState } from 'vuex'; computed: { ...mapState(['userId','nickName','avatarUrl']) }, [Vue warn]: Computed property "nickName" was assigned to but i
2021-05-29 09:41:52
337
原创 uniapp request:fail invalid url “““,uniapp 请求接口封装
uniapp request:fail invalid url “”"我把uniapp请求接口分装了一下，为了考虑很多的场景，分装的稍微和平常见的有点差别，import serviceUrl from '../server.js' function params(json) { if (!json) return '' return cleanArray( Object.keys(json).map(key => { if (json[key] === und
2021-05-21 17:00:15
2172
原创 查询对象数组中某个值得下标， 判断其是否存在， indexof
查询对象数组中某个值得下标，判断其是否存在字符串或数字类型数组// 使用Array.indexOf()查询字符串或者数字类型数组中某个元素的索引号， let list= [1, 2, 3, 4];let index= list.indexOf(2) // 1let listString= ['a', 'b', 'c', 'd']let index2= listString.indexOf('a') // 0// 对象类型数组 let list= [ {name:'one',
2021-05-18 14:12:52
2483
原创 手机端 手机登录 倒计时 原生js
手机端 手机登录 倒计时 原生js原生js看效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>log-in</title> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-
2021-05-09 21:58:06
118
原创 vue 自定义树形结构，树形菜单，多选，单选，父子联动，列表渲染
vue 自定义树形结构，树形菜单，多选，单选，父子联动，列表渲染看效果实现了父子联动，选中项状态的控制 hidden 字段的true和flase，可能 难点在于css样式的编写，我这用的是弹性盒布局加百分比，因为业务需求没做过多的开发，只做到了菜单四级的开发，数据处理用的是递归，但是标签，我硬是便利四层，想到用递归的方法递归组件，但是怕出问题，花太多时间，没弄，业务需求，懂的都懂，能实现就好。组件，Tablebox 这就是全部核心代码用了一个 element 的 el-che
2021-03-29 20:11:53
2629
原创 基于vue element-ui 的省市区数据结构 省市区三级联动数据---
[{“name”:“北京”,“sub”:[{“name”:“东城区”},{“name”:“西城区”},{“name”:“崇文区”},{“name”:“宣武区”},{“name”:“朝阳区”},{“name”:“海淀区”},{“name”:“丰台区”},{“name”:“石景山区”},{“name”:“房山区”},{“name”:“通州区”},{“name”:“顺义区”},{“name”:“昌平区”...
2020-04-14 08:25:40
3471
4
原创 基于vue element-ui 的省市区数据结构 省市区三级联动数据
省市区三级联动数据在网上找了好久，发现要不需要钱，要不就是加密了，要不就要自己写方法（看到代码多就头疼）,如果js学的好，可以去这个网站自己写个函数方法，导出来，https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/记得给我说一声哦，我也看一下你的方法，谢谢啦打算自己从新构建，构建到第十个的时候，发现还有一千多个市级单位，，，，，，...
2020-04-13 03:41:08
4491
原创 vue element-ui回到顶部，
回到顶部一开始我也弄不出来，根据文档复制后，怎么都不显示，百度搜了一下，还遇到一些复制文档的傻逼浪费很多时间，后来找到一个弄成功了的，但是在我这还不行；我想了一会，就弄好了，<template> <el-tooltip placement="top" content="回到顶部"> <back-to-top :custom-style="myBa...
2019-12-24 09:11:28
1193
6
原创 小程序 、设置缓存，获取缓存，删除缓存
设置缓存，获取缓存，删除缓存函数的封装一、设置缓存的函数//app.js // e:数据的名字 t：数据 n：是否显示日期(有数字则显示，否则不显示) setCache: function (e, t, n) { var o = +new Date() / 1e3,//当前时间字符串 a = !0, // true i = { setime: n ...
2019-12-18 18:18:13
688
原创 js definePropert 和 in 和indexof 和 escape 、unescape方法的使用和详解
js的一些方法一、defineProperty方法Object.defineProperty 需要三个参数（object , propName , descriptor）1 object 对象 => 给谁加2 propName 属性名 => 要加的属性的名字 【类型：String】3 descriptor 属性描述 => 加的这个属性有什么样的特性【类型：Object】...
2019-12-18 17:40:46
167
原创 小程序 朋友圈，点赞 ,评论，发布动态，功能，上传图片 -----发布动态
小程序 朋友圈，点赞 ,评论，发布动态，功能，上传图片 -----发布动态分析需要实现的功能一、点击弹出输入内容的弹出框；1、弹出输入框2、隐藏那个底部导航条二、上传图片1、图片要在选择后，显示在弹出框，2、图片要在选择后，要能预览，3、图片要在选择后，要能删除，4、图片要在选择后，要限制大小上传，5、图片上传之前，要先进行审核（这部分是后端进行的，前端需要云函数，我没弄懂，...
2019-12-16 17:43:54
5011
11
原创 小程序 朋友圈，点赞 ,评论，发布动态，功能，局部刷新数据之 -----评论
小程序 朋友圈功能之 ----->评论侯倩返回的数据{code:0,data:{ { "id": "174", "content":"为什么要让我去", "pic_arr":[ "https://c768477e0b44970498b904a21e9c5.jpg",...
2019-12-14 16:40:00
1434
2
原创 小程序 朋友圈，点赞， 评论，发布动态，功能，局部刷新数据之 -----点赞
小程序 朋友圈功能之 ----->点赞后台返回的数据格式：{code:0,data:{ { "id": "174", "content": "为什么要让我去", "pic_arr": [ "https://c768477e0b44970498b904a21e9c5....
2019-12-14 11:28:41
3115
5
原创 小程序数据请求封装
别人写的挺好，我找了几个放在这；这个是用异步加载的方法分装的https://blog.csdn.net/qq_28779083/article/details/90510307
2019-11-13 11:31:18
319
1
原创 小程序，倒计时，处理数组时间戳，日期倒计时显示
遍历数组，倒计时，处理数组时间戳，日期倒计时显示这个不是我自己悟出来的，是在网上找的，当时想记录一下忘了，后来想再找，找不着了，我就在项目里面提取出来了，他写的很简洁，我就直接拿过来场景：~~ 要在页面显示的时候，倒计时显示，例如：12天20小时30分钟22秒；时间一直在变化，显示的时间也要动态显示时间的变化；’//后台返回的数据如下listData:[ {name:'斗...
2019-11-12 17:11:13
1084
原创 json数组排序，深拷贝，浅拷贝，删除，增加，筛选，
json数组排序，删除，增加一 根据json里面的某个数值排序，倒叙或者顺序一般后台给的数据是这样的var res.info=[{naem:'莫西子诗',ages:38,}] var arr = res.info; arr.sort((a, b) => { return b.bargain_price - a.bargain_price ...
2019-11-05 11:55:34
582
1
原创 url地址栏，获取参数，转码，转化为对象取值
url地址栏，获取参数，转码，转化为对象取值废话少说，来看例子例子：假如url是这样的；https://wx.ceshi.cn/addons/web/wxCilence.html?nickname=%E7%A7%8B%E5%A4%A9%E5%88%AB%E6%9D%A5&headimgurl=http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq...
2019-10-22 10:27:54
649
1
原创 vue导航守卫
导航守卫的作用是用来改变 <title> title</title>里面的显示数据的就是网页上导航栏，图标旁边的文字显示做法极其步骤既然是导航，肯定和路由有关，我这里的做法是全局导航守卫的做法，单页的局部导航守卫用处不多，router.jsimport Vue from 'vue'import Router from 'vue-router' Vue.u...
2019-10-16 11:06:46
211
1
原创 省市区，三级联动，jq
全部复制过，直接可以用，写的比较简陋<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-09-26 18:51:19
209
1
原创 小程序 时钟，变化图片，获取时间，数字变化，对应用图片代替
小程序 时钟，变化图片，获取时间，数字变化，对应用图片代替除了图片，代码你复制过去，直接可运行，我已测试完毕上次写了一个随机显示数字对应显示图片的例子，看的人挺多的（其实就30个人），所以再写一个时钟的，类似于倒计时，效果是这样的wxml<view class="page"> 时钟</view><view class="pagImg"> &...
2019-08-14 14:40:02
1258
1
原创 小程序 ，倒数，从800倒数到0，自定义显示数字样式图片显示数字
小程序 ，倒数，从800倒数到0，自定义显示数字样式图片显示数字我写的代码，你直接复制过去就可以显示，我已测试过了；上次写的是随机数显示一个区间的数字用图片代指数字，我暗暗自喜，不是倒计时，可是，可是。。。。就在昨天，要写倒计时，没办法，又得写了，随便记录一下，项目文件是这样的wxml文件<view class="page">倒数名额</view>...
2019-08-13 16:29:48
803
1
原创 小程序 模拟实现 单选 多选功能，自定义样式自定义单选 输入框
自定义单选 输入框网上有很多这方面的例子，但是—他们大多都是，用wx:for = "{{}}"去循环遍历的，但是在实际的开发中有时候，不光只是选择，就比如我的需求，前面四个是选择框，最后一个是 点击之后变成输入框，得一个一个写的话，废话说完了，开始正文index.wxml<form bindsubmit="formSubmit"> <view class=...
2019-08-04 16:09:38
1332
2
原创 小程序 背景图片样式 阴影 子元素上下左右居中 上下居中 左右居中
小程序 css3 常用的一些样式；背景颜色半透明：background:rgba(0,0,0,0.5);背景图片样式：、background-image: url(…/img/1.png) ;background-size:480rpx 146rpx;background-repeat: no-repeat;background-position:46% 10%;阴影：bo...
2019-08-04 11:56:08
2463
1
原创 微信小程序之授权登录
微信小程序之授权登录https://blog.csdn.net/weidong_y/article/details/79636386微信小程序 — 怎么获得view中的文本、id等等https://blog.csdn.net/s_clifftop/article/details/79249260小程序中的navigator使用https://jingyan.baid...
2019-08-04 10:55:56
412
原创 小程序 模拟实现 单选 多选功能，自定义样式
小程序模拟实现单选多选功能，自定义样式这位同仁写的很好，就不自己写了，小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色，这对实际项目中的需求显然是不够的，所以我就自己模拟实现一个。踩坑点：小程序不支持操作dom1，模拟实现多选框：实现思路：思路非常简单，给每个选项绑定checked属性，类型为布尔值，点击取反即可https://blog.csdn.n...
2019-08-03 13:12:33
824
1
原创 小程序 类似锚点跳转，滚动
小程序 类似锚点跳转的做法，这样的做法，只适合导航条放在最顶部，或者固定在左右两边；前阵子，老大要把这个需求放在大概屏幕三分之二的位置，上面是产品图片，价格和介绍；做出来后，电脑上没啥问题，（其实有），只是不明显，在手机上调试的时候，怪乖的，一会整个页面在滚动，一会只有导航条下面在滚动，很不好，后来就改成了tabber切换的效果下面直接上：网上有很多头部导航是通过数组遍历的但是我们的导...
2019-08-03 11:57:25
1119
1
原创 微信小程序，倒计时，变化图片，随机显示一个区间数字，对应显示图片
小程序，倒计时，变化图片，随机显示一个区间数字，对应显示图片为了让我们的时钟，或者倒计时的数字，好看点，设计通常会用图片代替数字，那我们在做小程序的时候，具体该怎么做呢；我的方法是改变image里面src里面的图片名，这种方法代码简洁，看着很容易具体的文档我就不在啰嗦了下面是我写的一大个例子：.我的场景需求是：随机显示5000到50000区间的数字，为什么要做成这样，这样做想表达什么-...
2019-07-26 12:58:49
2852
原创 微信小程序，navigator页面跳转带参数，请求数据，保存，调用
小程序 navigator 跳转页面携带参数具体的文档我就不在啰嗦了下面是我写的一大个例子：.场景需求：页面跳转携带参数，从index页面使用 navigateTo跳转到logs页面；aa 和 bb 是我后台请求的数据 // 获取表单内容 formSubmit: function(e) { console.log('form发生了submit事件，获取from表单数据：...
2019-07-25 00:29:10
14180
8
原创 小程序 wx:if 条件选择器案例
小程序 wx:if 条件选择器 遍历数组案例小程序 wx:if 条件选择器案例小程序 wx:if 条件选择器案例具体的文档我就不在啰嗦了下面是我写的一大个例子：.场景需求：按照后台传 but 的字段，改变对应数据的css样式， **根据字段改变前面的图标，是同理，**index.wxml注意这个地方wx:if="{{item.but === ‘c’ }}" 是全等 = = ...
2019-07-19 16:33:02
1180
1
原创 lay ui的用法，后台管理，调取后端接口
-学习框架最好的办法是就是看官方文档，如果看不懂。。。。那就百度一下，看看别人怎么写的，自己一开始也是被这个折磨的欲仙欲死，最后没办法死啃文档才弄懂了 一部分；言归正传：需求，后台管理，分页，跳转…第一步下载layui.js，并引用(废话) table模块快速使用 <只需这样一句就好>...
2019-06-29 19:21:57
9644
1
address.json
2020-04-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人