CT不失眠-CSDN博客

在命令行输入：cnpm install --save nprogress然后在request.js里引入 nprogress//引入进度条import nprogress from "nprogress";//引入进度条样式import "nprogress/nprogress.css";然后在请求拦截器和响应拦截器里写入//请求拦截器：在发请求之前，请求拦截器可以监测到，可以在请求发出去之前做一些事情requests.interceptors.request.use((

2022-05-23 16:10:41 204

原创 vue将大数字单位转化成万、亿

//将超过万/亿的数字加上万/亿的单位 getNum() { for (let i of this.paymentDiv) { //math.floor 就是去除小数点向下取整 math.floor(3.84) = 3 //x.toString() 就是把x变成字符串 let num1 = Math.floor(i.today).toString(); //如果num1长度大于4(num1是万级别的) if.

2022-01-13 10:46:00 3403

原创小程序x钉钉内网穿透（windows）步骤

下载钉钉内网穿透（https://github.com/open-dingtalk/pierced）下载完解压在windows_64文件夹里新建一个txtshaw9是自定义的域名 8080是本地端口号写完保存并把文件的后缀改成bat启动项目双击刚刚建的bat文件bat文件打开后穿透成功了就是显示绿色和online如果报错：request:fail -102:net::ERR_CONNECTION_REFUSED有大佬说勾选这个和...

2021-12-25 17:31:52 1602

原创微信小程序在数组多对象中添加一个属性

wxml<view> <view class="bibi" wx:for="{{objectList}}" data-index="{{index}}" wx:key="index"> {{item.sex}}//打印出新增属性 </view></view>jsPage({ data:{ objectList:[ { name:'CT' }, { na..

2021-12-17 09:21:20 757

原创微信小程序申请获取用户信息后存储到storage里

存储：data:{ userInfo: {}, canIUseGetUserProfile：false, },getUserProfile(e) { wx.getUserProfile({ desc: '正在获取',//不写不弹提示框 success: function (userInfo) { console.log('获取成功: ', userInfo) .

2021-12-14 15:26:15 1241

原创微信小程序点击按钮滚动到最底部/顶部

wxml<button bindtap="goBottom">发表评论</button>js（滚动到底部）//获取容器高度，使页面滚动到容器底部 #xxx就是view的id名 goBottom(){ wx.createSelectorQuery().select('#xxx').boundingClientRect(function(rect){ console.log('rectheight',rect.height); /*.

2021-12-13 17:10:41 1737

原创 html+css设置背景图模糊

<template> <div> <div class="backgroundGray"></div> </div></template><style>.backgroundGray { position: absolute; width: 100%; height: 937px; background: rgba(141, 140, 140, 0.2); top: 0; b.

2021-11-10 11:34:51 2627

原创获取滚动条高度和获取元素到浏览器顶部的距离

获取滚动条高度<template><div> <div ref="pronbit">CT</div></div></template><script>export default{data(){return{//获取滚动条高度scrollTop: '',//获取xx到顶部高度topHeight:''}},created(){//获取滚动条高度abcde () {

2021-10-26 14:03:52 402

原创 vue文章标题字数过多，用...隐藏过多的字

<div v-for="item in dataList" :key="item.id"><div>{{item.title}}</div></div><script>data () { return { dataList:[];//储存数据 parameter:{}//参数}}methods:{ //获取数据 const { res } = await this.$api.homepage..

2021-10-21 15:20:54 441 1

原创 vue返回顶部

mounted () { window.addEventListener('scroll', this.handleScroll, true) }, methods: { toTop () { let top = document.documentElement.scrollTop || document.body.scrollTop // 实现滚动效果 const timeTop = setInterval(() => { .

2021-10-19 16:00:03 147

原创 vue修改后端的数据并渲染(es6 for循环)

<div v-for="item in dataList" :key="item.id"><div>{{item.content}}</div></div><script>data () { return { dataList:[];//储存数据 parameter:{}//参数}}methods:{ //获取数据 const { res } = await this.$api.homepag.

2021-10-14 10:58:08 485

原创正则表达式(入门笔记)

学习正则表达式网站：编程胶囊-打造学习编程的最好系统对 - 号进行转义操作，即 \-。在字符数组开头使用 ^ 字符实现取反操作，从而可以反转一个字符组n[^e] 的意思就是n后面的字母不能为 e\w 与任意单词字符匹配，任意单词字符表示 [A-Z]、 [a-z]、[0-9]、_\d 与任意数字匹配\s快捷方式可以匹配空白字符，比如空格，tab、换行等。\b 匹配的是单词的边界，例如，\bmaster\b 就仅匹配有边界的master单词。^指定的是一个字符串...

2021-10-13 15:09:38 133

原创父级传参数给子级

father.vue<template> <div> <p>我是父组件</p> <p>parent：{{ parentNum }}</p> <div>孩子↓</div> <my-child :deliverParentNum="parentNum"></my-child> </div></template>&lt

2021-09-26 15:55:28 206

原创 vue监听路由变化

watch: { '$route.query.id' () { // 监听路由变化 // 组件第一次进入不会执行 console.log('id 变化了', this.$route.query.id) this.yeah(this.$route.query.id) } }

2021-09-26 15:44:49 106

原创点击按钮滚动到固定地方（id命名的地方）

//这个是按钮<div @click="appointment1()"> 预约 </div>//这个是目标<div id="appointment1" ref="appoitButton"></div>methods:{//滚动到目标appointment1 () { document.querySelector('#appointment1').scrollIntoView(true) }.

2021-09-26 15:38:57 202

原创 Vue轮播图组件

<template>  <div id="banner">  <el-carousel :height="bannerHeight + 'px'">  <el-carousel-item v-for="(item, index) in deliverParent.

2021-09-26 15:16:32 159

原创某个地方出现的文章标题点击转跳文章详情页

在first.vue里<div class="one-essay" v-for="iteminList1" :key="item.id" @click="goArticle(item.id)"></div><script>methods:{goArticle(id){ this.$router.push({ path:'first/second',query:{id}}) //query就是...

2021-09-26 15:07:07 264

weixin_48854245的博客

原创 JS实现图片url、base64、blob几种类型转换和图片截图

原创 css两张图片翻转切换动画

原创 css自定义滚动条

原创 el-select在选择指定选项(el-option)之前禁用另一个指定选项(el-option)

原创 vue 父子传值 ref和props两种方法

原创 js数组方法

原创 js修改数据

原创 nprogress给页面添加进度条