- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 为什么代码错误，控制台却不显示报错信息
最近接手了一个项目，在开发的过程中发现代码出错而控制台不显示报错信息，就只是页面卡住无法进行操作。没有报错提示，只能自己根据经验来找出问题，这就很难受了。网上找了很多让浏览器控制台显示报错信息的方法。我的解决方法是找到Vue.config.errorHandler配置报错的方法注释掉就可以了。
2023-03-20 09:36:24
1139
原创 微信设置字体大小导致小程序页面排版变形
今天经理说有个用户反映小程序页面很乱，可能是他设置了字体大小的原因，让我改一下。有的年龄大的用户可能会调整微信的字体大小，所以为了用户体验。在vue的index.html中写以下代码就可以啦啦啦。
2023-03-17 15:57:34
849
原创 Please enable JavaScript to continue.
最近在做一个新项目，配置代理的时候接口请求成功但是总是返回Please enable JavaScript to continue.网上看到别人提供的两种解决方案：1.路由改为hash模式（试了没有效果）2.publicPath：‘/’ 改为 ‘./’ （试了没有效果）然后打开postman调试看了看接口能正常使用，但当我接口少写一部分的时候发现也会报这个错误（所以这个错误肯定是我配置代理的时候接口没写全）最后发现在这个的时候把adminapi置空了，而我的接口是需要这个的，，，改为就能正常访问了
2023-03-13 10:51:35
6603
原创 React中父组件怎么调用子组件中的函数
在父组件中写下代码：onRef = (ref) => {this.child = ref};2.将此方法传给子组件：<DoctorTeamIndex onRef={ (ref) => this.onRef(ref)}/>3.在子组件中的代码componentDidMount() { this.props.onRef(this); }在父组件中调用子组件的某个函数//getDoctorTeamList是我的方法 你自己写自己的方法 this.
2022-03-10 16:09:50
1145
原创 微信小程序中怎么修改checkbox的样式
/checkbox的大小/checkbox .wx-checkbox-input {width: 34rpx;height: 34rpx;border-radius: 50%;}/*checkbox选中后样式 */checkbox .wx-checkbox-input.wx-checkbox-input-checked {background: #0394F0;border-color:#0394F0;}/*checkbox选中后图标样式 */checkbox .wx-check
2022-03-09 17:58:48
542
1
原创 CSS实现矩形两边挖半圆凹槽
想要实现这种效果，准备个矩形盒子<view class="content-box"></view>css样式如下：.content-box{ width: 630rpx; height: 480rpx; position: relative; background-color: #fff; margin: 30rpx 60rpx 40rpx;}.content-box:after { position: absolute; content:.
2022-03-04 16:47:55
1533
原创 微信小程序中如何改变radio的样式
/*radio未选中时样式 */radio .wx-radio-input{width: 44rpx;height: 44rpx;border: 2rpx solid #969696;box-sizing: border-box;margin-right: 18rpx;}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */直接给radio标签添加color属性/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） /radio .wx-radio-inp
2022-03-03 18:15:40
1830
原创 微信小程序中如何改变switch的样式
.wx-switch-input{width:80rpx !important;height:48rpx !important;}/白色样式（false的样式）/.wx-switch-input::before{width:75rpx !important;height: 44rpx !important;}/白色小球样式（true的样式）/.wx-switch-input::after{width: 40rpx !important;height: 40rpx !important
2022-03-03 18:12:07
599
原创 JavaScript的Event Loop
1.什么是Event Loop众所周知，JS是一门单线程语言。这意味着所有的任务都要排队执行，前一个任务执行结束才会去执行下一个任务。如果遇到一个任务耗时很长则后面的任务则会一直等待，造成页面假死的现象。但是我们发现很多时候CPU都是空闲的，只是I/O设备运行缓慢不得不等待。为了充分利用CPU，我们把任务分为同步任务和异步任务，不需要等待的任务称为同步任务，需要等待的任务称为异步任务。我们把同步任务放到主线程上执行，形成一个执行栈，而把异步任务放到任务队列上event loop：1.所有同步任务都在主
2021-12-10 10:43:59
101
原创 git的基本使用步骤
git checkout -b user — 创建新的分支user假设创建了一个user分支，，，主分支名叫master当写完代码后需要将这次代码的成果提交到gitee中时，基本需要执行以下代码git branch— 查看当前所处的分支git status---- 会显示出红色的文件路径表示当前项目中哪些文件是修改过的，哪些是新加的文件。git add . ---- 将所有的修改添加到暂存区git status ----再次运行 确认还有没有修改的文件没有添加到暂存区，当所有
2021-11-16 15:45:25
109
原创 vuex数据共享
vuex的基本配置：1.1 安装vuex依赖包：npm install vuex --save1.2 在src目录下创建store.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { }, mutations: {}, actions: {},})1.3.把store对象挂载到vue实例中impor.
2021-11-03 11:59:13
180
原创 Vue侦听器
为了使侦听器刚加载页面时就触发一次，需要把侦听器改成为对象格式，加个immediate选项可以通过deep选项，深度侦听对象中的每一个属性的变化，对象中任意一个属性的值变化都会触发侦听器如果只想监听对象中单个属性的变化则可以...
2021-11-01 19:43:44
67
原创 Vue过滤器
过滤器常用于文本格式化，可以用在两个地方：插值表达式和v-bind属性绑定（过滤器在Vue3.0中已经被移除，推荐使用计算属性来代替过滤器）基本用法：{{ msg | filtername }} ---- msg是参数，filtername是过滤器函数名，msg作为参数供filtername使用（过滤器必须return）过滤器和data平级 ----- filters：{filtername（）{return}}全局过滤器：Vue.filter(’ 函数名 ’ ，() => { r
2021-11-01 17:35:00
57
原创 git命令基本用法
git init 初始化一个仓库git status 可以查看当前仓库的状态信息git add . 把所有文件加入暂存区git commit -m “对本次提交的描述” 提交git log 查看日志，通过日志可以看到什么人在什么时间提交了一个什么样的commitgit reset 如果不想提交这个文件了，可以再commit之前把绿色的文件重新变红git reflog 查看所有的操作记录git checkout -b 创建新的分支git checkout <分支名&
2021-10-31 17:17:16
90
原创 Vue之路由的安装与配置
一：安装vue-router包npm i [email protected] -S二：创建路由模块在src源代码目录下，创建router/index.js路由模块，并初始化代码：//导入Vue和VueRouter的包.import Vue from ‘vue’import VueRouter from ‘vue-router’//调用Vue.use()函数，把VueRouter安装为Vue的插件Vue.use(VueRouter)//创建路由的实例对象const router
2021-09-30 15:48:40
248
原创 Vue之动态组件
怎么动态切换组件的显示与隐藏呢vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染需要在data中定义一个变量来动态绑定组件的名字，再用component上的is属性 绑定这个变量。这样只会动态创建和销毁新组件 ，并不能保存组件和里面的数据。这样就需要用到keep-alive把component包裹住，keep-alive只是缓存组件，并不会销毁组件...
2021-09-28 16:01:48
455
原创 Vue生命周期
生命周期是指一个组件从 创建–> 运行 -->销毁 的整个阶段，强调的是一个时间段生命周期函数是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行1.beforeCreate：初始化事件和生命周期函数。此时组件的props/data/methods尚未被创建，都处于不可用状态☆ 2.created：初始化props/data/methods。 此时组件的props/data/methods已创建好，都处于可用状态，但是组件的模板结构尚未生成（在这个阶段可以发起Ajax请求拿
2021-09-24 18:47:25
69
原创 vue的自定义属性props
props是自定义属性，允许使用者通过自定义属性，为当前组件指定初始值。自定义属性的名字是自己定义的（只要名字合法）props是只读的，不可修改props:{ //自定义属性A: {/* 配置选项*/} //自定义属性B: {/* 配置选项*/} //自定义属性C: {/* 配置选项*/} init:{ //如果外界使用这个组件时 没有传递init属性 则默认值为0 default:0, //init的值类型必须为Number类型 否则报错 type:Number, //表
2021-09-24 18:12:33
538
原创 Vue组件传参
Vue组件传参一共有三种类型，即父向子传参，子向父传参，兄弟之间传参（只要不是父子关系就都是兄弟组件）1.父向子传参：父组件向子组件共享数据需要使用自定义属性----props比如我们有父组件 Father 和 子组件 Son。如果需要父向子传参时，则需要在子组件Son中添加一个props（与data平级）。在props中可以添加自定义属性，属性名自己取。比如fromfather：{default:0, type:Number} 传参时只需要在父组件中使用子组件<Son :fromfather=
2021-09-24 17:57:14
1598
3
原创 修改cssrem默认字体大小
cssrem是一个能自动把px转换为rem单位的vscode插件，不借助less计算就能直接把px转换为rem。cssrem默认html字体大小为16px，即16px=1rem。怎么更改cssrem的默认html字体大小？打开设置，在搜索设置中直接输入cssroot，把16更改为自己想要的默认HTML字体大小...
2021-08-03 14:45:43
948
原创 取消点击搜索框或文本框高亮
outline：none用于取消点击搜索框或者文本域表框会变粗高亮显示resize: none 用于取消文本域textarea右下角可拉伸斜线
2021-07-30 22:07:42
560
原创 flex布局
flex布局父项常见属性flex布局中分为主轴和侧轴两个方向，元素是按照主轴排列的。默认的主轴是X轴，侧轴是Y轴。如果选定了X轴为主轴则Y轴是侧轴，反之，Y轴是主轴，X轴是侧轴1.flex-direction：设置主轴方向。属性值 row（默认）X轴是主轴 按行排列column 选定Y轴为主轴 按列排列2.justify-content 设置子项在主轴上的排列方式/* justify-content: center; // 平分剩余空间 // justify-content: s
2021-07-20 17:39:35
97
原创 align-content 和align-items的区别
align-content 和align-items的区别1.align-items适用于单行情况下，只有flex-start（默认值，从上到下）、flex-end（从下到上）、center（居中）、stretch（拉伸，不要给子项高度）2.align-content设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况(多行)，在单行下是没有效果的。比align-items多了space-around 和space-between两个属性...
2021-07-20 16:58:46
1671
原创 文本溢出显示省略号
文本溢出省略号显示一、单行文本溢出：white-space:nowrap; //文本强制一行显示overflow：hidden; //溢出部分隐藏text-overflow：ellipsis; //溢出文字用省略号显示二、多行文本溢出：这个有较大兼容性问题，适合于webkit浏览器或移动端（移动端大部分是webkit内核）overflow：hidden;text-overflow：ellipsis;display: -webkit-box; //弹性伸缩盒子模型显示-webkit-
2021-07-10 13:50:02
63
原创 图片底部默认空白缝隙
解决图片底部默认空白缝隙问题图片在盒子里面底侧会有一个空白缝隙，原因是行内块元素会和文字的基线对齐解决方法有两种：1.给图片添加 vertical-align：middle | top | bottom 等，只要不是baseline基线对齐就行。2.因为只有行内块元素才有这种对齐方式，所以把元素转换成块级元素就行 display：black...
2021-07-10 11:08:19
103
原创 元素的居中对齐方式
块级元素，行内元素和行内块元素的水平居中方式一、块级元素，对于盒子模型的居中方式是，该盒子必须满足两点：1.有宽度width，2.margin的左右外边距都为auto。二、行内元素和行内块元素：给他的父元素添加text-align：center即可。把行内元素或行内块元素看成是父元素里面的文本。...
2021-07-06 12:41:41
662
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人