小程序开发经验总结（持续更新）

部署前端后，刷新页面没有更换效果

本地调试成功，上线却无法获取后台数据

子组件无法使用Onload事件，但是可以用Onready进行替代

前端传值给下一个页面，不能携带太多信息

自定义导航栏

发现问题

• 电脑版可以同时看到全局导航栏和自定义导航栏

解决方法

1、globalStyle里面的navigationBarTitleText进行全局设置名称

2、自定义导航栏也设置好导航栏名称

快速搜索方法

CSS开发笔记

权重问题

情境引入

当使用element等组件的时候，想改一下组件的样式，这个时候怎么去修改呢？

解决方法

1、快速修改：使用行内样式，直接修改！

2、使用css中 !important暴力修改（可以写在class中）

拓展1

.parent /deep/ .children {
background: #333;
}

stylus的样式穿透的方式为：>>>
父元素 >>> 子元素

.parent >>> .children {
background: #333;
}

当然也可以在样式穿透下继续添加 ! important 强制修改样式。

附：

uniapp 强制修改原生组件的样式

/deep/  uni-swiper .uni-swiper-slide-frame{
		height: 115px !important;
	}

只加 !import 并没有生效 需要再加上 /deep/穿透 才能修改生效

空格问题

情境引入

flex布局没有学好，总是喜欢用空格去强制对齐盒子或者元素

但是使用组件的时候，底层早就用了white-space的CSS属性去进行处理，而且大多数组件都是normal属性：忽略多余的空白，只保留一个空白

解决方法

• 改变white-space的属性
• 链接：white-space属性大全

最终解决方法

学好div与flex【从根源解决问题】

在盒子内垂直居中

.div {
  bottom: 0;
  top: 0;
  margin: auto;
}

ES6语法问题

值不会进行编译

心得分享

每日三问