自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp vue3 页面传参接收方法

1.uniapp vue3 页面传参接收方法。

2023-12-07 11:22:28 546

原创 uniapp 隐藏导航栏左侧返回按钮

uniapp 隐藏导航栏左侧返回按钮

2022-08-23 11:07:17 3065 2

原创 项目总结 0V0

2.因为此APP是一期和二期共存的 页面的tabBar根据不同的版本显示不同的内容,实现原理把所有的tabbar都写在pages.json中 在APP.vue的globalData 中定义全局方法 在每次进入页面时就走一下全局的这个方法 不同页面传的不同参数 根据参数去判断显示什么内容 为了避免闪烁问题可以在 APP.vue 的 onshow方法里先全部设置为false 让他先都不显示。1.uniapp 全局悬浮窗实现。...

2022-08-18 16:36:31 318

原创 二维码邀请画布分享

二维码邀请 画布分享

2022-08-11 14:39:55 290

原创 uni.showModal 里的this指向

只需要在success后面加上bind(this)就可以了,然后在函数开头进行一次varthat=this,再通过that调用data里的数据就可以。uni.showModal是一个异步的函数,异步进行一次弹窗操作,这就使得函数域this指向的window或者其他域,由此是读不到data里数据。console.log(‘用户点击确定’);console.log(‘用户点击取消’);content‘这是一个模态弹窗’,title‘提示’,...

2022-07-25 11:41:00 1601 2

原创 uni-app打包H5出现“网络不给力,点击屏幕重试” 和 H5端接口请求{“errMsg“:“request:fail“}解决方法

代码】uni-app打包H5出现“网络不给力,点击屏幕重试”和H5端接口请求{"errMsg""requestfail"}解决方法。

2022-07-25 10:23:41 2820

原创 电商项目你学到了那些?

1.解决文字和图片不在同一水平线问题img {width : 20px;vertical-align: middle;}vertical-align: text-top; //顶部对齐vertical-align: middle; //居中对齐vertical-align: text-bottom; //底部对齐

2022-07-05 22:07:16 84

原创 vue3项目中App.vue中<router-view/>报错The template root require.... 解决无法使用JSX,除非提供了“--jsx“标准。ts(17004)错误提

解决办法:在文件jsconfig.json(与package.json同级)中加上

2022-06-28 22:30:38 533

原创 Vue Router 嵌套路由

Vue Router 嵌套路由

2022-06-22 11:07:17 81

原创 实现简易前端路由

前端路由

2022-06-22 10:20:41 60

原创 Vue 过滤器的使用

vue过滤器

2022-06-16 21:11:37 49

原创 如何实现一个不定宽高的 div 水平且垂直居中

如何实现盒子的水平和垂直居中

2022-06-13 11:43:02 85

原创 this指向

① 普通函数中,this 指向全局对象 window② 定时器中,this 指向调用对象 window③ 构造函数中,this 指向当前实例化的对象④ 事件处理函数中,this 指向事件触发对象⑤对象函数中的方法 this指向对象在 js 中一般理解就是谁调用这个 this 就指向谁...

2022-06-10 10:42:04 47

原创 淘宝返回顶部

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2022-05-26 10:50:22 207

原创 JS轮播图效果

<!doctype html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ padding:0; margin:0; list-style:none

2022-05-26 10:31:56 72

原创 操作字符串的API

1.indexOf()返回指定值在字符串中首次出现位置 区分大小写2.lastIndexOf()查找指定值在字符串中最后出现的位置 区分大小写3.字符串的截取 slice() substr() substring()obj.slice(起始索引号,结束索引号) 结束索引号的内容是取不到的substr(截取指定开始位置、截取的个数)substring(起始索引号,结束索引号)截取两个指定下标之间的字符串,包含开始处的字符, 不包含结束处的字符4.字符串转数组 split()方法​ spl

2022-05-25 23:02:14 99

原创 操作数组的API

1.连接两个或多个数组 concatvar hege = ["Cecilie", "Lone"];var stale = ["Emil", "Tobias", "Linus"];var children = hege.concat(stale);//数组1.concat(数组2,数组3)var parents = ["Jani", "Tove"];var brothers = ["Stale", "Kai Jim", "Borge"];var children = ["Cecilie",

2022-05-25 22:04:03 135

原创 动画函数的封装

function animate(obj, target, callback) {// console.log(callback); callback = function() {} 调用的时候 callback()// 先清除以前的定时器,只保留当前的一个定时器执行clearInterval(obj.timer);obj.timer = setInterval(function() { // 步长值写到定时器的里面 // 把我们步长值改为整数 不要出现小数的问题 //

2022-05-25 20:12:31 53

原创 秒杀倒计时

<div> <span class="hour">1</span> <span class="minute">2</span> <span class="second">3</span></div><script> var hour = document.querySelector('.hour'); var minute = document.queryS

2022-05-23 11:19:00 74

原创 字符串操作方法 截取固定长度字符串

.substring(0,10)

2022-03-02 14:21:10 995

原创 onshow 和 onload 的区别

onshow:每次打开页面都会调用一次。onload:一个页面只会调用一次

2022-02-21 11:21:02 549

原创 日期通用参数

//通用参数var now = new Date(); //当前日期var nowDayOfWeek = now.getDay(); //今天本周的第几天var nowDay = now.getDate(); //当前日var nowMonth = now.getMonth(); //当前月var nowYear = now.getYear(); //当前年nowYear

2022-01-18 09:46:42 109

原创 将数组转为字符串 由设定符号隔开 以及将字符串转为数组

实例将数组元素转换为字符串:var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];var energy = fruits.join();定义和用法join() 方法将数组作为字符串返回。元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。注释:join() 方法不会改变原始数组。...

2022-01-17 15:55:29 1202

原创 使用各种办法都无法跳转页面(解决方法)

location.replace(’#/pages/product_manager/deliveryReceipt’)

2021-12-30 14:13:57 1548

原创 对象里面添加新的属性

// 对象里面添加新的属性var conter = self.viewmodel.conter() //大的对象var made = $("#made").val(); //获取input框里的值var key =“supplierOpinion”var value =madeconter[key] =value

2021-11-29 09:40:36 168

原创 input框只能输入小数点后两位 正则表达式形式

οnkeyup=“value=value.match(’1?\d+\.?\d{0,2}’,‘g’)”例:在这里插入代码片\+\- ↩︎

2021-11-04 09:31:44 246

原创 input框只能输入小数点后两位 正则表达式

οnkeyup=“value=value.match(’1?\d+\.?\d{0,2}’,‘g’)”\+\- ↩︎

2021-11-04 09:28:15 316

原创 当一个input框内容改变时自动算取另一个input框的内容

情景还原:我是在项目中遇到 当变更价格时 根据现在的价格和以前的价格算出变更的比例 比例需要取整 比例取整相当于比例又发生了改变 这样价格也更着改变 会出现当输入一个价格后 价格经过计算因为比例四舍五入可能会出现价格冲计算后与输入的价格不一样的情况 可能我输入了1000 页面显示 1000.1本来我是用的是 监听input框内容的方法 内容改变就触发相应的计算 后来发现存在上面的问题 解决方法是 只要输入框输入内容就走对应的方法。...

2021-10-25 14:32:47 579

原创 颠倒数组元素顺序reverse()

颠倒数组元素顺序reverse()reverse() 方法用于颠倒数组中元素的顺序arrayObject.reverse()

2021-09-10 15:24:34 203

原创 ko框架

<select data-bind="options: availableMeals, 选中数据模型optionsText: 'mealName'"> 选择数据模型里的某一个对象ko.applyBindings(需要激活的名称)激活Knockout你可能奇怪ko.applyBindings使用的是什么样的参数,第一个参数是你想用于声明式绑定 第二个参数(可选),可以声明成使用data-bind的HTML元素或者容器。例如,ko.applyBindings(myView...

2021-06-02 16:09:35 337

转载 H5调用照相机等设备

文章来源:https://www.jianshu.com/p/deae39793056使用input标签 type值为file,可以调用系统默认的照相机、相册、摄像机、录音功能:<input type="file" accept="image/*" capture="camera"><input type="file" accept="video/*" capture="camcorder"><input type="file" accept="aud

2020-11-30 14:49:56 236

转载 2020-10-10

@Controller、@RestController注解区别:@RestController 注解相当于 @Controller + @ResponseBody 合在一起的作用。一、@Controller注解@Controller 是Spring框架提供的注解。@Controller标识的类,该类代表控制器类(控制层/表现层)。这里控制层里面的每个方法,都可以去调用@Service标识的类(业务逻辑层),@Service标识的类中的方法可以继续调用@Resposity标识的接口实现类(D

2020-10-10 08:54:24 445

原创 插槽 通过父组件操作子组件

1.组件插槽2.具名插槽

2020-09-29 15:16:52 103

原创 构造函数 实例成员与静态成员

2020-09-28 20:27:17 75

原创 Vue变异方法及修改响应式数据 数组响应式变化 数据的变化影响页面的显示

Vue变异方法push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。pop()方法用于删除并返回数组的最后一个元素。shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。unshift()方法可向数组的开头添加一个或更多元素,并返回新的长度。splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。sort()方法用于对数组的元素进行排序。reverse()方法用于颠倒数组中元素的顺序。替换数组filter()...

2020-09-23 20:16:13 528

原创 带参数的过滤器 时间格式化案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <div>{{date | format('yyyy-MM-dd hh:mm:ss')}}</div> <...

2020-09-23 19:22:05 155

原创 过滤器

过滤器Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"指示, 格式如下:<!-- 在两个大括号中 -->{{ message | capitalize }}<!-- 在 v-bind 指令中 --><div v-bind:id="rawId | formatId"></div>过滤器函数接受表达式的值作为第一个参数。以下实例对输入的字符串第一个字母转为大写:实例...

2020-09-23 19:11:47 45

原创 VUE组件注册及添加Element-UI

第一步:进入到项目文件夹,执行加载element-ui组件命令:npm i element-ui -S第二步:在main.js代码里添加对element-ui的引用:import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI);第三步:接下来就可以使用element组件了...

2020-09-18 16:26:51 2251

原创 Vue

2.实例成员// el: 挂载点// data: 属性数据// methods: 方法// computed: 计算属性// watch: 监听属性// 3.指令// 文本指令: {{ msg }} | v-text="msg" | v-html="msg" | v-once {{ msg }}// 事件指令: v-on:click='btnClick' | @click='btnClick' | @click='btnClick($event, 自定义参数们)'// 属性指令:...

2020-09-17 08:40:47 52

原创 通过索引号来布局Tab栏

2020-09-03 18:16:25 105

空空如也

空空如也

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

TA关注的人

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