Screens

Screens精品文章

• 

  React 项目结构和组件命名规范

  ...时引入时的路径太长。来看看这两种方式的区别： import ScreensUserForm from ./screens/User/UserForm; // vs import ScreensUserForm from ./screens/User/Form; 在上面的示例中，可能无法看到从一种方法到另一种方法的优势。 但是应用程序名称多了...

  jay_tian 2019-08-26 13:58 评论0 收藏0
• 

  手把手教你如何自定义 React Native 底部导航栏

  ...src /AppEntry.js /router /router.js /index.js /components /screens /index.js 首先，我们将创建一个 src 目录，将我们的代码与项目根目录中的其他文件(package.json，app.json，.gitignore 等)分开。 screens，components 和 router...

  LiuZh 2019-08-23 16:57 评论0 收藏0
• 

  Flexbox完全指南（译）

  ... to the end line on main-axis */ justify-content: flex-end; } /* Medium screens */ @media all and (max-width: 800px) { .navigation { /* When on medium sized screens, we center it by evenly...

  pekonchan 2019-08-30 13:09 评论0 收藏0
• 

  Flexbox完全指南（译）

  ... to the end line on main-axis */ justify-content: flex-end; } /* Medium screens */ @media all and (max-width: 800px) { .navigation { /* When on medium sized screens, we center it by evenly...

  andycall 2019-08-05 10:24 评论0 收藏0
• 

  截断文本问题

  ... across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens. .container { hei...

  wupengyu 2019-08-05 17:47 评论0 收藏0
• 

  基于react native的登录界面demo 超简易教程 redux版

  ...在Login.js里面了，所以没有写在action文件里。 登录视图 screens/Login.js import React, {Component} from react; import { StyleSheet,Text, TextInput, View, Image, TouchableOpacity, Dimensions,Alert} from react-native; i...

  scq000 2019-08-26 13:22 评论0 收藏0
• 

  制作html5微信页面的经验总结。

  ...: 320px 523px 0.85; $iPhone6: 375px 622px 1; $iPhone6-P: 414px 691px 1.1; $screens: $iPhone5 $iPhone6 $iPhone6-P; //用于套屏幕处理的 @mixin max-screen($res){ @media only screen and ( min-width: $res ) ...

  Moxmi 2019-08-02 18:15 评论0 收藏0
• 

  制作html5微信页面的经验总结。

  ...: 320px 523px 0.85; $iPhone6: 375px 622px 1; $iPhone6-P: 414px 691px 1.1; $screens: $iPhone5 $iPhone6 $iPhone6-P; //用于套屏幕处理的 @mixin max-screen($res){ @media only screen and ( min-width: $res ) ...

  ermaoL 2019-08-01 14:48 评论0 收藏0
• 

  前端项目文件组织与组件命名

  ...ainers │ ├── ArticleDetail │ └── CommentList └── screens └── home 这里就要看你怎么定义什么是容器组件跟展示型组件了，对于日常的开发来说，这2者是没有强制的边界的，两者之间可以随意切换，也并不是说展示...

  cgh1999520 2019-08-26 13:39 评论0 收藏0
• 

  移动端webapp如何应对不同屏幕尺寸

  ...ia screen and (- webkit -device-pixel-ratio:1.5) { /* CSS for high-density screens */ #header { background:url (high-density-image.png);} } @media screen and (- webkit -device-pixel-ratio:0.75) { /...

  walterrwu 2019-06-24 18:45 评论0 收藏0
• 

  (译)原生CSS网格布局学习笔记

  ...有格子的跨度都12列。 你可以用网格这样做： /* For small screens */ .span4, .span6, .spanAll { grid-column-end: span 12; } /* For large screens */ @media (min-width: 650px) { .span4 { grid-column-end: span 4; ...

  v1 2019-08-02 15:56 评论0 收藏0
• 

  (译)原生CSS网格布局学习笔记

  ...有格子的跨度都12列。 你可以用网格这样做： /* For small screens */ .span4, .span6, .spanAll { grid-column-end: span 12; } /* For large screens */ @media (min-width: 650px) { .span4 { grid-column-end: span 4; ...

  Warren 2019-08-30 13:10 评论0 收藏0
• 

  教你写一个炫酷的Material Design 风格的登录和注册页面

  ...ikitoo原文链接：http://sourcey.com/beautiful-android-login-and-signup-screens-with-material-design/翻译链接：http://tikitoo.github.io/2016/05/17/beautiful-android-login-and-signup-screens-with-material-desig...

  付伦 2019-06-24 19:29 评论0 收藏0
• 

  css-in-js 探讨

  ... 我们生成了额外的800宽度，以覆盖更大的屏幕密度： 1x screens 使用 200 and 400 2x screens 使用 400 and 800 styled-components是另一个CSS-in-JS库，但是使用更熟悉的语法巧妙地使用模板文字而不是对象看起来更像CSS： import React from react imp...

  Scliang 2019-08-30 15:54 评论0 收藏0
• 

  ［译］Smart and Dumb Components

  ...Dumb，但是我也听说他们被称为Fat 和 Skinny, Stateful 和 Pure, Screens 和 Components等。虽然叫法不同，但核心思想都差不多 Dumb components: -它必须能独立运作。。不能依赖依赖这个app的actions 或者 stores 部分 可以允许有this.props.children,这样...

  mist14 2019-08-19 17:11 评论0 收藏0