- 博客(54)
- 收藏
- 关注
RSS订阅原创 小程序中用font-spider压缩字体后，字体没效果（解决办法）
但是小程序是有大小限制的，所以必须要压缩字体大小，这时候有些人就说了，那把字体放在服务器上，请求它就完了呀，拜托，字体大的话，请求不花时间吗，会造成页面初始化的时候，字体没请求出来，或者请求完成后由初始化字体转换成需要的字体闪烁，体验感不佳，这时候就要用font-spider，接下来我就把思路讲一下、但是要注意的是，如果你在小程序中要用这个字体包时，你要改变的文字，必须是在demo中出现的文字，不然的话，在小程序中是没有变化的，像我demo中有。然后把你压缩完的字体文件复制到你小程序中去引入就ok了。
2024-06-20 17:19:31
637
1
原创 vue3 父组件获取数据传值给子组件，子组件有值，但是不渲染
问题所在就在于，父组件异步获取数据，传给子组件时候，子组件可能已经渲染出来了，所以数据虽然获取到了，但是并没有渲染。会发现有值，但是页面并没有渲染，这个时候就要用到watch监听传过来的值的数据变化。
2022-08-24 16:04:52
5017
原创 vue3+vite+ts引入swiper并使用
安装swiper版本npm install swiper@7.4.1import { Swiper, SwiperSlide } from "swiper/vue";import "swiper/css";import { Autoplay } from "swiper";let modules = [Autoplay];<swiper @swiper="onSwiper" :slidesPerView="3" :autoplay="{ d
2022-05-18 17:58:04
2956
原创 根据一个日期范围，返回之间的每日数据
例子：起始时间 2022-05-10,2022-05-14。返回[2022-05-10,2022-05-11,2022-05-12,2022-05-13,2022-05-14]getAllDate(day1, day2) { //传入的格式YYYY-MM-dd // fix : 修复输入两个一样日期导致出错 if (day1 === day2) { return [day1]; } var getDate = funct
2022-05-11 17:35:33
600
原创 根据一个月份时间，返回这个月的起始时间
例如根据'2022-05' 返回起始时间 数组 ['2022-05-01','2022-05-31']getMonthTime(day) { //传入的格式YYYY-MM var nyYear = day.slice(0, 4); var nyMonth = day.slice(6, day.length); var firstDay = new Date(nyYear, nyMonth - 1); var lastDay = new Dat
2022-05-11 17:28:50
286
原创 根据一个日期范围区间获取之间一共有几个月，返回月份数组
例子：根据一个日期区间 ['2022-05-10','2022-08-14']，要获取这之间有多少月，要求返回['2022-05','2022-06','2022-07','2022-08']直接上代码：import moment from "moment";getMonthBetween(start, end) { //传入的格式YYYY-MM var result = []; var s = start.split("-"); var e
2022-05-11 17:24:50
478
原创 elementUI 下拉框 默认值
<el-select v-model="xialaValue" placeholder="请输入关联公式" > <el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value" ></el-option></el-select>da.
2022-05-06 13:32:21
10511
1
原创 解决 el-checkbox-group 值为对象的时候 复选框回显问题
先上一个例子<template> <el-checkbox-group v-model="checkedCities" :min="1" :max="2"> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> </el-checkbox-group></template>
2022-04-24 11:04:09
14842
1
原创 vue3中defineComponent和＜script setup＞语法糖区别
先贴代码 defineComponent<script lang="ts">import { defineComponent, reactive, ref, toRefs,} from "vue";export default defineComponent({ name: "aaaa", props: { //接收调用组件传回的参数 title: { type: String, default: "3333" } }, setup(
2022-03-18 10:08:07
6671
原创 ES6--(let、const、var的区别)
1.重复声明已经存在的变量或常量，又声明了一遍 var允许重复声明，let、const不允许。var a=1;var a=2;console.log(a) //2let b=1;let b=2; //报错2.变量提升let、const不存在变量提升，var有。console.log(a);var a=1 //a is not defined//上端代码转换如下var a;console.log(a);a=13.块级作用域var没有块级作用域.
2021-05-12 18:06:49
132
原创 面向对象--(继承)
实现继承的关键在于：子类必须拥有父类的全部属性和方法，同时子类还应该能定义自己特有的属性和方法父类：function People(name,age,sex){ this.name=name; this.age=age; this.sex=sex; } People.prototype.sayHello=function(){ console.log('你好，我是'+this.name+'我今年'+this.age+'岁了') } Peopl
2021-05-11 16:48:08
111
原创 面向对象--(原型和原型链)
1.任何函数都有prototype属性，prototype是英语‘原型’的意思，prototype属性值是个对象，它默认拥有constructor属性指回函数function sum(a,b){ return a+b; } console.log(sum.prototype) // {constructor；f} console.log(typeof sum.prototype) //object console.log(sum.prototype.constructor==
2021-05-11 15:05:32
122
原创 面向对象--(call和apply)
call和apply能指定函数的上下文function sum(){ alert(this.chinese+this.math+this.english) } var xiaoming={ chinese:80, math:95, english:93 } /*求小明的成绩总和*/ //这个时候就可以适用call、apply 函数.call(上下文)、函数.apply(上下文) sum.call(xiaomi
2021-05-06 17:57:23
138
原创 面向对象--函数上下文规则(this关键字)
1.规则1：对象打点调用它的方法函数，则函数的上下文是这个打点对象//案例1：function fn(){ console.log(this.a+this.b) } var obj={ a:66, b:33, fn:fn } obj.fn() //99//案例2：var obj1={ a:1, b:2, fn:function(){ console.log(this.a+this.b) } } var obj2
2021-05-06 17:25:33
145
原创 面向对象--(对象的浅克隆和深克隆)
1.什么是浅克隆？只克隆对象的“表层”，如果对象的某一个属性是引用类型，则不进一步克隆它们，只是传递它们的引用。代码案例如下：var obj1={ a:1, b:2, c:[11,22,33]}var obj2={}for(var k in obj1){ //k是属性名，obj1[k]是对应的属性值 obj2[k]=obj1[k]}obj1.a++;console.log(obj1) //{a:2.b:2}console.log(ob
2021-04-27 15:48:36
175
原创 vue----(父组件和子组件之间的相互传递)
1.父组件与子组件传值props首先呈现的是父组件的代码：<template> <div class="addNotice"> <Title :value="`企业公告`" :isChoose="true"></Title> </div></template><script> import Title from '@/components/Title' compon
2021-04-26 15:14:04
282
原创 vue组件之回到顶部
<template> <transition name="el-fade-in"> <div class="upBack" @click="backTop()"> <img src="../../../static/image/home/up.png" alt=""> </div> </transition></template><script> export de.
2021-02-03 13:54:42
367
原创 react路由搭建（小白都能看懂的）
第一步：安装react-router-domnpm install react-router-dom然后单独在src下建立router文件夹进行路由配置在src/router下建立index.js进行路由配置import React from 'react'import loadable from 'loadable-components' //npm i loadable-components 用作解决路由懒加载import { BrowserRouter as Rou..
2021-01-18 14:03:59
754
1
原创 禁止用户f12和鼠标右键打开控制台
window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ return false; }else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){ return false; } }; documen.
2020-10-30 16:18:55
603
原创 修改elementui 里面表格的滚动条样式
.el-table__body-wrapper{ background-color: #F7F6FF; } .el-table__body-wrapper::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
2020-04-27 16:36:41
3045
原创 vue 打包完自己本地能够直接打开index.html
第一步修改config里面的index.js 把assetsPublicPath：'/'修改成assetsPublicPath='./'第二步修改build里面的util.js if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, pub...
2020-04-14 17:52:44
6366
原创 解决vue绑定数据加载出现脚本
html中引入vue.js，如果页面加载慢的时候，会出现data里面的脚本代码，以下代码能够解决<p v-cloak>{{appname}}</p>[v-cloak]{display: none;} //设置隐藏完美解决！！！...
2020-03-24 16:10:44
267
原创 vue跳转页面滚动条回到顶部（如果网上百度的方法不能用，试一试这个）
开始也是在网上百度一大堆类似答案，但是都不能解决，下面来说下怎么解决，很简单就两步首先在app.vue<template> <div id="app" ref="app"> <router-view/> </div></template>加一个ref='app'然后在监听watch: { $r...
2020-03-24 14:09:46
651
1
原创 监听vuex值变化实时改变
问题如图：头部是一个组件，想在这个页面修改用户名点击确认修改后，头部名称跟到变化。思路：用户名在登录成功过后，存在vuex里面并且保存在本地（防止刷新消失）this.$store.commit('set_userName',res.data.data.username)vuex中state.js：userName:localStorage.getItem('userNa...
2020-03-14 17:51:25
6178
3
原创 element-ui上传功能自定义方法写并加进度条（不用elementui实例）
<el-upload class="upload-demo" :before-upload="beforeUpload" :headers="headers" drag accept=".ipa" action="string" ...
2020-02-24 13:17:44
2938
原创 把数字（200）转换为时分秒格式并倒计时
formatBit (val) { val = +val return val > 9 ? val : '0' + val }, // 秒转时分秒，求模很重要，数字的下舍入formatSeconds (time) { let min = Math.floor(time % 3600) let val = this.formatBi...
2019-12-27 17:46:55
731
原创 vue中禁止遮罩层下方滑动
document.documentElement.style.overflowY = 'hidden' //禁止底层div滚动document.documentElement.style.overflowY = 'auto' //允许底层div滚动
2019-12-27 17:44:01
1446
原创 vue + axios 导出Excel文件流（解决乱码问题）
exportBtn(){ axios.post(BASE_URL+'/api/app/export', '', { headers: { 'Content-Type': 'application/x-www-form-urlencoded', //请求的数据类型为form data格式 'toke...
2019-12-25 15:24:43
1180
原创 vue点击事件
首先是一个按钮是灰色并且不可点击然后当输入值时按钮变色，且可以点击代码如下：<div class="extract" @click="extractBtnFlag && extract()" :class="{ 'backGround': isClick }"> <span>提取</span></div&g...
2019-12-21 16:45:21
3927
2
原创 vue3.0多环境打包及不同api接口运行
由于项目有很多环境，所以不便再使用每次改接口名字，于是用到了了多环境打包问题，首先在项目根目录下新建几个文件其中.env配置（就是测试环境）为NODE_ENV = 'test'VUE_APP_CURENV = 'test'.env.development配置（就是开发环境）为NODE_ENV = 'development'VUE_APP_CURENV = 'devel...
2019-11-29 11:18:59
1928
原创 vue路由拦截记录登录状态
先说下逻辑。首先在vuex里面state存下token值export default{ Authorization: localStorage.getItem('Authorization') ? localStorage.getItem('Authorization') : ''}然后在mutation.js写changeLogin (state, user) {...
2019-09-03 16:52:42
398
原创 用HBuilderX开发小程序的一些问题
第一步：你要有一个微信小程序，在微信开发者平台上至于怎样申请微信开发者appid和微信开发者平台上面的东西可以自己去百度下，重点讲的是在HBuilderX开发小程序第二步：在你的微信开发者工具里面新建一个小程序第三步：把你新建好的项目导入到HBuilderX里面去然后点击运行--运行到小程序模拟器，就可以自动打开微信开发者工具，就可以实现在Hbuilder开发，微信开发者工...
2019-06-28 16:12:38
17237
原创 解决ios 同层播放video 类似QQ登入背景图是视频（vue）
公司要求，试着写了下类似QQ登录demo，发现很多坑，安卓进去不能自动播放,这个跟系统有关，试图寻找android下，页面加载完毕就可以自动播放，但现实是残酷的，android下是不允许自动播放的，即使你用了video.play(),也是不行的。必须有用户的主动触发，比如触摸了屏幕，有click或touch事件产生。不知以后android会不会改进，但至少目前来看是不行的。比较的好的办法是，引导用...
2019-06-10 15:24:57
765
原创 vue引入阿里巴巴图标(含彩色图标)
第一步：下载阿里巴巴图标库的资源到本地。第二步：在自己的assets创建一个icon文件，然后把下载的东西选择放进去。第三步：在main.js引入import './assets/icon/iconfont.js' //引入阿里巴巴图标库jsimport './assets/icon/iconfont.css'//引入阿里巴巴图标库css第四步：在App.vue的css...
2019-06-03 15:13:19
3575
原创 原型链
访问一个对象的属性时先在自身属性中查找，找到返回 ，如果没有，再沿着__proto__这条链向上查找，找到返回如果最终没找到，返回undefined别名：隐式原型链作用：查找对象的属性（方法）而原型链的尽头就是 Object的原型对象 因为console.log(Object.prototype.__proto__)//null...
2019-05-07 15:24:01
114
原创 从一个url地址到最终页面渲染完成，发生了什么？
1.DNS解析：将域名地址解析为ip地址 - 浏览器DNS缓存 -系统DNS缓存 -路由器DNS缓存 -网络运营商DNS缓存 -递归搜索：blog.baidu.com ...
2019-04-24 16:26:39
344
原创 jsonp解决跨域的方法步骤
//创建script标签var script=document.createElement('script')//设置回调函数function getData(data){ //数据请求回来会被触发的函数 console.log(data);}//设置script的src属性，设置请求地址script.src="http://localhost:3000?callb...
2019-04-24 15:37:48
2869
原创 解决：自己写的css和antd的冲突
我是用的create-react-app搭建的项目，然后npm run eject出来的配置文件，在config文件夹中找到webpack.config.js文件。const cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sass...
2019-04-17 14:04:58
1281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人