- 博客(58)
- 收藏
- 关注
原创 项目总结 0V0
2.因为此APP是一期和二期共存的 页面的tabBar根据不同的版本显示不同的内容,实现原理把所有的tabbar都写在pages.json中 在APP.vue的globalData 中定义全局方法 在每次进入页面时就走一下全局的这个方法 不同页面传的不同参数 根据参数去判断显示什么内容 为了避免闪烁问题可以在 APP.vue 的 onshow方法里先全部设置为false 让他先都不显示。1.uniapp 全局悬浮窗实现。...
2022-08-18 16:36:31 318
原创 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
原创 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
原创 日期通用参数
//通用参数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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人