- 博客(115)
- 收藏
- 关注
原创 uni-app关于tabBar配置
uni-app项目页面底部导航栏使用步骤1,在pages中创建三个tabba页面,并在页面添加一些要显示出来的东西2, 在pages.json文件里面配置文件页面路由正常的话这三个tabbar页面也需要在tabBar 中的 list 是一个数组,最少2个、最多5个,但在这里暂时不用3,先在home页引入底部tabbar导航import tablebox from '../../../components/tablebox.vue';tablebox.vue<templ...
2022-05-20 14:05:38 14105 2
原创 在Vue项目中引入Echarts图表
在Vue项目中引入Echarts图表步骤1.使用npm下载echarts!npm install echarts --save2.安装完成以后,可以将echarts全部引入,就可以在该页面使用echarts所有组件import * as echarts from 'echarts';3.在需要的页面使用echarts<template> <div class="content"> <!-- 收入趋势 --> <div class
2022-05-19 14:19:40 460
原创 在uniapp中使用qiun-data-charts组件
在uniapp中使用qiun-data-charts组件使用步骤1.引入插件:先在插件市场使用插件导入到项目里 查看 ---- 链接2.点击使用HbuilderX导入插件3.选择项目导入该插件 确定4.页面中直接使用<!-- 折线图 --> <view id="box"> <qiun-data-charts type="demotype"//代表折线统计图 :chartData="chart
2022-05-19 10:30:28 18492 1
转载 Vue实现动态显示textarea剩余字数
Vue实现动态显示textarea剩余字数主要思路textarea限制最大长度监控输入字数效果图代码<template> <div id="main-container"> <div class="textarea"> <textarea maxlength="200" @input="monitorInput" v-model="textareaContent"></textarea> <
2022-04-22 14:16:33 1240
原创 Echarts 的legend图例的显示与隐藏(legend折线图加载完页面显示的个数)
Echarts图例的显示与隐藏需求 :在图表加载的时候,默认只显示部分图例,只要图例显示部分,对应的柱图或者折线图也只显示对应的。点击一个按钮显示剩余的图例,或者点击置灰的图例让恢复显示。1.默认不展示(对比日期)2. 点击显示结果: 点击(对比日期)的时候恢复显示3.代码 legend: { right: 5, top: 10, textStyle: { color: '#fff',
2022-04-21 13:38:43 5549
原创 vue实现省市区三级联动
vue实现省市区三级联动效果图 (通过element的Cascader 级联选择器实现的)import areaPicker from '@/components/areaPicker/AreaPicker';//先在需要显示省市区的页面
2022-04-15 09:53:25 1106 3
原创 小程序uniapp 回到页面顶部
uni-app 回到页面顶部官网地址:https://uniapp.dcloud.io/component/scroll-view实现的效果如下图所示HTML部分 <scroll-view scroll-y class="store_scroll" :lower-threshold="20" :scroll-top="scrollTop" @scroll="scrollEvent" @sc
2021-12-01 13:59:14 968
原创 vue点击按钮预览图片,pdf,文件
vue点击图片,pdf,文件,预览<div style="width: 50%; display: inline-block; vertical-align: bottom"> <div class="tit-top">上传图片</div> <div style="min-height: 151px"> <div style="display:
2021-11-19 17:25:34 3352 1
原创 常用的正则验证(身份证号,手机号,邮箱等)
vue表单常用的正则验证手机号var isPhone = (rule, value, callback) => { const reg = /^1[3-9]\d{9}$/; if (value) { if (reg.test(value)) { callback(); } else { callback(new Error("您输入的手机号码格式有误,请重新输入!")); }
2021-11-18 10:38:29 861
原创 小程序uniapp实现左滑删除效果
微信小程序实现左滑删除效果实现效果1,列表中侧滑删除2,删除不同时存在3,上下滑动与侧滑删除不影响在本页面引入组件并使用 https://blog.csdn.net/LW0512/article/details/121378385在需要左滑删除的地方使用<view v-for="(item, index) in csListArrl" :key="index" :data-index="index"> <delSlideLeft :item="item" :d
2021-11-17 15:24:48 6902 8
原创 element-ui el-date-picker日期禁止选择今天以前的日期
element-ui el-date-picker日期禁止选择今天以前的日期<el-form-item label="结束时间:" prop=""> <el-date-picker type="date" placeholder="选择日期" style="width: 250px" v-model="form.endTime" :picker-options="picke
2021-10-14 17:15:50 6430 3
原创 Vue--时间戳转换日期格式
vue时间戳转换日期格式后台返回的时间戳格式(例如:creatTime: 1626832597790),需要用时间格式显示<!-- 需要(2021-07-21)格式就用这种写法 --> <template slot-scope="scope"> <span v-if="scope.row.creatTime != null"> {{ parseTime(scope.row.creatTime, "{y}-{m}-{
2021-09-28 09:55:58 31697 1
原创 小程序组件通信
小程序组件通信父传子:把父组件的数据通过子组件的标签传到子组件中,然后在子组件中用props接收子传父:在父组件中写个方法,然后把方法传入到子组件中,在子组件接收完,然后调用传过来的方法,并向父组件传递信息跨组件通信context先新建一个context.js导出两个标签consumer(用来存值),provider(用来取值)把你需要取值的组件先把provider导入,并用provider标签包起来在要取值的组件中先把consumer导入,然后在要取值的地方用consumer标签把取得
2020-12-06 21:38:09 133
原创 小程序
1.什么是小程序?”触手可及“、”即用即走“,无需下载安装,不用关心安装过多应用;整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M2.小程序优点平台封闭,上手简单跨平台运行使用方便3.小程序页面js :页面逻辑wxml:页面结构json:页面配置wxss: 页面样式4.相关单位pt逻辑分辨率(视觉单位,和屏幕尺寸有关系);px物理分辨率(像素点)ppi:每英寸包含的像素点5.小程序单位换算关系iphone6下1px=1rpx=0.5pt
2020-12-06 21:29:01 415
原创 跨域
跨域什么是跨域?访问同源的资源是被浏览器允许的,但是如果访问不同源的资源,浏览器默认是不允许的。访问不同源的资源那就是我们所说的跨域什么是同源策略(Same Origin Policy)?所谓同源策略,所谓同源是指,域名,协议,端口相同。它是浏览器的一种最核心最基本的安全策略。它对来至不同源的文档或这脚本对当前文档的读写操作做了限制。这个策略,保证用户的信息安全什么是域名?...
2020-12-06 20:41:13 126 2
原创 jQuery Ajax 操作函数
jQuery Ajax 操作函数jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据load()load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中load(url,data,function(response,status,xhr))参数描述url规定要将请求发送到哪个URLdata可选,规定连同请求发送到服务器的数据function(response,status
2020-10-22 19:41:07 213
原创 JSON
JSON规则在JS语言中,一切都是对象。因此,任何支持的类型都可以通过JSON来表示,例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型:对象表示为键值对数据由逗号分隔花括号保存对象方括号保存数组JSON 键/值对JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 "" 包裹,使用冒号 : 分隔,然后紧接着值Example : {"firstName" : "Json"}等价于这条JavaScr
2020-10-22 14:45:43 153
原创 Ajax中Get和Post的区别
get和post的区别?get是从服务器上获取数据,post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。Ge
2020-10-22 14:35:00 1146
原创 Ajax的四步操作
ajax第一步 创建 XMLHttpRequest 核心对象---》(new)普通写法var xhr=new XMLHttpRequest();//有兼容问题 IE6及一下不支持兼容写法var xhr=null; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ xhr=new ActiveXObject("Microsoft.XMLHttp");//IE6及一下 }封装写法function g
2020-10-22 14:23:45 159
原创 Ajax简介
ajax1.ajax发展历程(使用原因)传统web,20年前…当数据从服务器端获取的时候,需要刷新整个页面1997年之后,事情得到了改变Ajax开始被使用了起来。意味着数据从服务器端获取的时候,我们不再需要刷新页面,实现异步加载。2. 什么是Ajax(异步加载数据,局部更新页面)Ajax 它本身不是一种技术Ajax是利用JavaScript脚本改变web应用与服务器端之间数据交互的一种方式(异步加载页面)。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以
2020-10-22 14:10:16 179
原创 Boostrap 第八章 插件
插件1:什么是插件?插架是别人封装好的js代码,直接可以拿过来引用的。插架的种类有很多种。sweiper插架 他是一种轮播插件。不要滥用插件,不要去网上随便下载插件2:swiper插架用法:赋值你sweiper里面所有代码,粘贴到你的页面引入sweiper页面里面的css和js改变元素宽高等属性大小,切记不要修改sweiper代码实例:<!DOCTYPE html><html> <head> <meta charset="UTF
2020-10-22 13:50:55 161
原创 Boostrap第七章图片
图片类描述.img-rounded为图片添加圆角 (IE8 不支持).img-circle将图片变为圆形 (IE8 不支持).img-thumbnail缩略图功能.img-responsive图片响应式 (将很好地扩展到父元素)实例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>
2020-10-19 16:28:11 109
原创 Boostrap第六章按钮
按钮类描述.btn为按钮添加基本样式.btn-default默认/标准按钮.btn-primary原始按钮样式(未被操作).btn-success表示成功的动作.btn-info该样式可用于要弹出信息的按钮.btn-warning表示需要谨慎操作的按钮.btn-danger表示一个危险动作的按钮操作.btn-link让按钮看起来像个链接 (仍然保留按钮行为)实例<!DOCTYPE html><html
2020-10-19 16:14:10 219
原创 Vuex
Vuex 是什么?vuex 是一个专门为vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态。(可以理解为在data中的属性,需要共享给其他组件使用的部分,也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理。)什么是“状态管理模式”?new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{
2020-10-18 19:27:40 318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人