小编joh*_*yan的帖子

基于深色模式的 Tailwind 颜色

有没有办法在顺风配置中定义不同的颜色,以便在没有选择器的情况下应用深色模式dark

目前我有一个像这样的对象:

const colors = {
 light: {
    red: {
     100: "#880808",
    ...
    }
  },
 dark: {
    red: {
     100: "red",
    ...
    }
  },

} 
Run Code Online (Sandbox Code Playgroud)

只想使用red-100并自动映射颜色(仅通过bg-red-100)而无需指定bg-red-100 dark:bg-red-dark-100

tailwind-css

18
推荐指数
2
解决办法
1万
查看次数

使用Docker"创建React App"

我想知道是否有人使用dock-react-app和docker有任何经验.我能够使用Dockerfile设置它:

from node
RUN mkdir /src
WORKDIR /src
ADD package.json /src/package.json
RUN npm install
EXPOSE  3000
CMD [ "npm", "start" ]
Run Code Online (Sandbox Code Playgroud)

然后使用docker-compose文件,如:

app:
  volumes:
    - "./app:/src"
  ports:
    - "3000:3000"
    - "35729:35729"
  build: ./app
Run Code Online (Sandbox Code Playgroud)

这允许我启动容器并查看应用程序.但是,在挂载的卷中保存文件时livereload不起作用,webpack在src目录中创建了几个.json.gzip文件.

有任何建议让这个工作正常吗?

livereload docker reactjs webpack docker-compose

13
推荐指数
2
解决办法
1万
查看次数

使用node.js的Docker开发工作流程

我正在尝试使用docker和我正在研究的node.js网络应用程序.

我熟悉了docker概念,并在这里得到了运行示例:https://docs.docker.com/examples/nodejs_web_app/

我得到了一般过程...写一个Dockerfile - >构建一个docker镜像 - >在VM中运行它.

但是,每次更改文件时重建映像并重新启动容器似乎都是不切实际的.

我目前有一个gulp/live-reload设置非常适合开发,所以我想知道是否有任何推荐的方法用docker完成这样的事情.

谢谢!

node.js livereload docker gulp gulp-watch

12
推荐指数
1
解决办法
3944
查看次数

iOS 10 barTintColor动画

我注意到ios 10中条形色调动画的方式发生了变化.我创建了一个概述更改的示例项目:Github:ios10BarTintDemo

基本上在ios 9上,barTintColor可以平滑地使用 [UIViewControllerTransitionCoordinator animateAlongsideTransition]

但是在ios 10上,动画不太平滑,当弹出一个视图控制器根本没有动画时,我尝试[self.navigationController.navigationBar layoutIfNeeded]在一些类似的答案中添加,但这在推/控制器时似乎没有任何效果.

iphone animation objective-c ios ios10

11
推荐指数
2
解决办法
1432
查看次数

使用.scss文件找不到流模块

我有一个文件使用scss与css模块,如下所示:

import styles from './Login.scss';

webpack构建工作正常但我得到一个流错误: Required Module Not Found

在我的.flowconfig中

[ignore]
.*/node_modules/fbjs/.*
.*/app/main.js
.*/app/dist/.*
.*/release/.*
.*/git/.*

[include]

[libs]

[options]
esproposal.class_static_fields=enable
esproposal.class_instance_fields=enable
esproposal.export_star_as=enable
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow'
module.name_mapper.extension='styl' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow'
module.name_mapper.extension='png' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow'
module.name_mapper.extension='jpg' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow'
suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe
suppress_comment=\\(.\\|\n\\)*\\$FlowIssue
Run Code Online (Sandbox Code Playgroud)

我也看过https://github.com/facebook/flow/issues/338但它确实没有任何解决方案.

有没有人找到解决这个问题的方法?

sass webpack flowtype css-modules

8
推荐指数
4
解决办法
3250
查看次数

是否可以使用 line-clamp 而不显示省略号

我见过的所有使用该-webkit-line-clamp属性的示例都会导致在最后一行末尾显示省略号。是否可以...用其他东西替换它或将其全部删除?

html css

5
推荐指数
1
解决办法
2613
查看次数