- 博客(60)
- 收藏
- 关注
原创 react项目中如何书写css
在 vue 项目中,我们书写css的方式很简单,就是在 .vue文件中写style标签,然后加上scope属性,就可以隔离当前组件的样式,但是在react中,是没有这个东西的,如果直接引入css文件,很可能会导致样式覆盖的问题。CSS Modules 可以将 CSS 作用域限制在单个组件内,避免全局污染。可以看到,这里的div的class给了哈希值,就避免了全局污染。以上就是常用的在react中书写css的方法。也有许多第三方插件可以供我们使用,像。直接书写行内样式,通常只用于一些。
2024-06-20 20:45:00 891
原创 关于position:fixed定位的位置不对的问题(即没有按照浏览器的窗口进行定位)
关于position:fixed定位的位置不对的问题(即没有按照浏览器的窗口进行定位)
2023-07-27 11:32:02 1798 1
原创 cesium学习之旅1:cesium 基本介绍以及 cesium 的 hello world 程序
Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的 javascript 库。Cesium 使用WebGL 来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL。Cesium是基于Apache2.0 许可的开源程序。它可以免费的用于商业和非商业用途。
2023-06-08 10:06:55 1244
原创 怎么将scss文件编译成css文件
这个命令会将当前目录的test.scss文件编译成test.css文件,当然,你也可以指定文件夹,例如一下命令就是将当前目录的test.scss编译到dist下的test.css文件;虽然现在大部分使用webpack进行前端的开发,可以安装依赖进行打包,但是也会遇到单纯的css文件的情况,此时如果用css的方式就太难受了。运行这个命令后,当你改动scss文件时,就可以自动编译成css文件。第一步:装依赖,安装sass依赖,可以推荐全局安装。
2023-05-05 21:12:39 2354 1
原创 Uncaught TypeError: Converting circular structure to JSON
循环引用的对象转JSON的问题
2023-03-21 22:29:12 3027
原创 使用echarts时设置大小为100%变成了100px
问题描述: 在VUE项目中使用了echarts,使用了v-show让它最开始不显示出来,后面显示出来后发现图表的宽高变成了100px(默认值)。问题分析: 这个是因为v-show隐藏是通过 display:none 来实现的,这时echarts就会变成默认的100px;解决方法: 在图表显示出来后使用改图标的 resize 函数,如下代码:this.chart.setOption(chart2Options)this.$nextTick(()=>{ this.chart.resize()}
2021-08-12 18:02:56 3674 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人