sheng00.com | Hello world.

网站标签

该站未曾设置keywords

---

网站描述

该站未曾设置description

---

上一篇：字帖吧 - 在线字帖免费生成 - 田字格生成 - zt8.cn

下一篇：无锡市信谊机械有限公司

seo综合信息

SEO信息	百度来访IP：- | 移动端来访IP：- | 出站链接：1 | 站内链接：225
IP网速：	IP地址：47.104.6.68 [中国山东青岛 阿里云] | 网速：104毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	- | 名称：- | 已创建：13年9个月9天

收录	百度	360	搜狗	谷歌
查询	0	0	0	0

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
0	0	电脑端优秀	-	0	0

协议类型HTTP/1.1 200 OK 页面类型text/html; charset=UTF-8 服务器类型nginx/1.14.0 (Ubuntu) 是否压缩是 原网页大小119265 压缩后大小28666 压缩比75.96%

网站快照

s h e n g 0 0 . c o m | H e l l o w o r l d . s h e n g 0 0 . c o m H e l l o w o r l d . 菜 单 跳 至 正 文 前 端 . N e t 互 联 网 A n d r o i d W o r d P r e s s 关 于 g i t h u b p a g e 搜 索 ： 前 端 使 用 浏 览 器 实 现 a s r 语 音 识 别 2 0 2 4 年 7 月 1 0 日 J a v a S c r i p t 、 r e a c t 、 前 端 a s r 、 语 音 识 别 s h e n g 0 0 / / 创 建 一 个 新 的 S p e e c h R e c o g n i t i o n 对 象 v a r r e c o g n i t i o n = n e w ( w i n d o w . S p e e c h R e c o g n i t i o n | | w i n d o w . w e b k i t S p e e c h R e c o g n i t i o n | | w i n d o w . m o z S p e e c h R e c o g n i t i o n | | w i n d o w . m s S p e e c h R e c o g n i t i o n ) ( ) ; r e c o g n i t i o n . l a n g = e n U S ; / / 设 置 语 言 r e c o g n i t i o n . i n t e r i m R e s u l t s = f a l s e ; / / 设 置 是 否 返 回 临 时 结 果 r e c o g n i t i o n . m a x A l t e r n a t i v e s = 1 ; / / 设 置 返 回 的 最 大 替 代 词 数 量 / / 当 识 别 到 语 音 结 束 时 ， 返 回 结 果 r e c o g n i t i o n . o n r e s u l t = f u n c t i o n ( e v e n t ) ; / / 开 始 语 音 识 别 r e c o g n i t i o n . s t a r t ( ) ; d e m o   r e a c t n a t i v e 仿 微 信 通 讯 录 右 侧 边 栏 快 速 定 位 功 能 2 0 1 9 年 5 月 2 0 日 r e a c t n a t i v e P a n R e s p o n d e r s h e n g 0 0 代 码 地 址 R e a c t N a t i v e C o u n t r y S e l e c t 1 . 界 面 用 S e c t i o n L i s t 把 数 据 渲 染 出 来 右 边 的 A Z 用 T e x t 组 件 即 可 ， 这 里 为 了 做 滑 动 定 位 ， 没 有 选 择 T o u c h a b l e 组 件 i m p o r t * a s R e a c t f r o m r e a c t ; i m p o r t f r o m r e a c t n a t i v e ; i m p o r t c o u n t r i e s f r o m . / c o u n t r y C o d e . j s o n ; c o n s t s e c t i o n M a p A r r = [ [ A , 0 ] , [ B , 1 ] , [ C , 2 ] , [ D , 3 ] , [ E , 4 ] , [ F , 5 ] , [ G , 6 ] , [ H , 7 ] , [ I , 8 ] , [ J , 9 ] , [ K , 1 0 ] , [ L , 1 1 ] , [ M , 1 2 ] , [ N , 1 3 ] , [ O , 1 4 ] , [ P , 1 5 ] , [ Q , 1 6 ] , [ R , 1 7 ] , [ S , 1 8 ] , [ T , 1 9 ] , [ U , 2 0 ] , [ V , 2 1 ] , [ W , 2 2 ] , [ X , 2 3 ] , [ Y , 2 4 ] , [ Z , 2 5 ] , ] ; e x p o r t d e f a u l t c l a s s A p p e x t e n d s R e a c t . C o m p o n e n t r e n d e r I t e m = ) = > ( ) } r e n d e r S e c t i o n H e a d e r = } ) = > ( ) } s e c t i o n s = k e y E x t r a c t o r = / > ) ; } ) } ) ; } } c o n s t s t y l e s = S t y l e S h e e t . c r e a t e ( , h e a d e r C o n t a i n e r : , h e a d e r T e x t : , i t e m C o n t a i n e r : , i t e m T e x t : , } ) ; 这 时 候 界 面 已 经 完 成 了 ， 然 后 就 是 增 加 触 摸 滑 动 定 位 的 功 能 了 。 2 . 使 用 G e s t u r e R e s p o n d e r S y s t e m 监 听 触 摸 事 件 给 右 侧 的 V i e w 上 启 用 手 势 t r u e } o n M o v e S h o u l d S e t R e s p o n d e r = > ) ; } ) } 这 样 我 们 就 可 以 在 触 摸 滑 动 的 时 候 ， 获 得 滑 动 到 的 位 置 3 . 使 用 o n L a y o u t 找 到 每 个 字 母 对 应 的 X 、 Y 首 先 在 c o n s t r u c t o r 里 声 明 一 个 实 例 属 性 ， 用 来 记 录 每 个 字 母 的 信 息 ： t h i s . p s = [ ] ; 然 后 在 T e x t 组 件 上 利 用 o n L a y o u t 获 得 每 个 字 母 的 位 置 ， 并 且 存 到 t h i s . p s 里 ： ) ; } } > 4 . 根 据 滑 动 找 到 滑 到 哪 个 字 母 上 t r u e } o n M o v e S h o u l d S e t R e s p o n d e r = o n R e s p o n d e r M o v e = } ) = > } } > 5 . 根 据 触 摸 的 字 母 ， S e c t i o n L i s t 跳 到 对 应 的 位 置 先 在 c o n s t r u c t o r 里 创 建 r e f t h i s . s e c t i o n l i s t = R e a c t . c r e a t e R e f ( ) ; 在 S e c t i o n L i s t 上 绑 定 r e f r e f = 调 用 S e c t i o n L i s t 的 s c r o l l T o L o c a t i o n o n R e s p o n d e r M o v e = } ) = > ) ; } } } 完 工 r e a c t n a t i v e 改 变 W e b V i e w 背 景 颜 色 2 0 1 9 年 1 月 4 日 r e a c t n a t i v e r e a c t n a t i v e 、 W e b V i e w s h e n g 0 0 r e a c t n a t i v e 的 W e b V i e w 背 景 颜 色 是 无 法 改 变 的 ， 不 过 我 们 可 以 用 另 一 个 V i e w 盖 住 W e b V i e w ， 达 到 改 变 颜 色 的 效 果 。 i m p o r t R e a c t f r o m r e a c t ; i m p o r t f r o m r e a c t n a t i v e ; e x p o r t d e f a u l t c l a s s Y o u r C o m p o n e n t e x t e n d s R e a c t . P u r e C o m p o n e n t ; r e n d e r ( ) ) ; } } / > ) } } C h r o m e 中 f r o m m e m o r y c a c h e 和 f r o m d i s k c a c h e 2 0 1 8 年 1 1 月 6 日 h t t p c a c h e 、 c h r o m e 、 d i s k c a c h e 、 h t t p 、 h t t p c a c h e 、 m e m o r y c a c h e s h e n g 0 0 C h r o m e 中 文 件 缓 存 有 M e m o r y C a c h e 和 D i s k C a c h e 两 种 顾 名 思 义 M e m o r y C a c h e ： 放 在 内 存 中 的 缓 存 D i s k C a c h e ： 放 在 硬 盘 上 的 缓 存 一 些 规 律 ： 第 一 次 打 开 页 面 的 时 候 ， 是 没 有 缓 存 的 ， 直 接 请 求 资 源 刷 新 页 面 （ ⌘ + R ） 的 时 候 ， 会 发 现 有 些 文 件 是 f r o m m e m o r y c a c h e ， 有 些 是 f r o m d i s k c a c h e 关 掉 浏 览 器 ， 再 打 开 页 面 ， 没 有 m e m o r y c a c h e 了 无 痕 窗 口 下 ， 资 源 都 会 放 在 m e m o r y c a c h e ， 关 掉 窗 口 缓 存 就 没 了 ， 不 会 留 下 痕 迹 图 片 会 优 先 放 进 m e m o r y c a c h e 小 文 件 会 优 先 放 进 m e m o r y c a c h e 大 文 件 几 乎 是 d i s k c a c h e 最 后 送 上 一 张 h t t p 缓 存 的 图 片 i O S 开 发 ： 在 S w i f t 中 使 用 A l a m o f i r e 发 送 H T T P 请 求 2 0 1 8 年 8 月 2 0 日 i O S A l a m o f i r e 、 S w i f t s h e n g 0 0 创 建 项 目 打 开 X c o d e ， 点 击 C r e a t e a n e w X c o d e p r o j e c t 选 择 S i n g l e V i e w A p p ， 点 击 N e x t 输 入 P r o d u c t N a m e ： d e m o ， L a n g u a g e 选 择 S w i f t ， 点 击 N e x t 选 择 一 个 目 录 存 放 你 的 项 目 使 用 P o d 安 装 A l a m o f i r e 关 掉 X c o d e 在 你 的 项 目 目 录 里 ， 创 建 一 个 文 件 P o d f i l e 输 入 s o u r c e h t t p s : / / g i t h u b . c o m / C o c o a P o d s / S p e c s . g i t p l a t f o r m : i o s , 1 0 . 0 u s e _ f r a m e w o r k s ! t a r g e t d e m o d o p o d A l a m o f i r e , ~ > 4 . 7 e n d 在 终 端 中 输 入 ： p o d i n s t a l l 打 开 d e m o 目 录 ， 双 击 d e m o . x c w o r k s p a c e 打 开 项 目 使 用 A l a m o f i r e 发 送 H T T P 请 求 打 开 文 件 V i e w C o n t r o l l e r . s w i f t 在 v i e w D i d L o a d 函 数 内 调 用 A l a m o f i r e A l a m o f i r e . r e q u e s t ( h t t p s : / / a p i . g i t h u b . c o m / g i s t s ) . r e s p o n s e J S O N i f l e t d a t a = r e s p o n s e . d a t a , l e t u t f 8 T e x t = S t r i n g ( d a t a : d a t a , e n c o d i n g : . u t f 8 ) } ⌘ + R 启 动 A P P ， 可 以 看 到 输 出 使 用 G a t s b y 生 成 静 态 网 站 并 部 署 在 G i t H u b 上 2 0 1 8 年 7 月 2 2 日 G a t s b y s h e n g 0 0 什 么 是 G a t s b y B l a z i n g f a s t s t a t i c s i t e g e n e r a t o r f o r R e a c t G a t s b y 是 一 个 基 于 R e a c t 极 其 快 的 静 态 网 站 生 成 工 具 支 持 各 种 数 据 源 ， m a r k d o w n 、 W o r d p r e s s 等 创 建 网 站 安 装 G a t s b y 命 令 行 工 具 ： n p m i n s t a l l g l o b a l g a t s b y c l i 创 建 一 个 新 的 网 站 g a t s b y n e w s h e n g 0 0 . c n 运 行 刚 才 创 建 的 网 站 c d s h e n g 0 0 . c n g a t s b y d e v e l o p 打 开 l o c a l h o s t : 8 0 0 0 即 可 看 到 部 署 在 G i t H u b 上 在 G i t H u b 上 创 建 一 个 r e p o s i t o r y 在 刚 才 生 成 的 网 站 运 行 下 面 的 命 令 g i t a d d A g i t c o m m i t m f i r s t c o m m i t g i t r e m o t e a d d o r i g i n g i t @ g i t h u b . c o m : s h e n g o o / s h e n g 0 0 . c n . g i t g i t p u s h u o r i g i n m a s t e r 安 装 g h p a g e s y a r n a d d g h p a g e s 在 p a c k a g e . j s o n 里 增 加 一 个 脚 本 d e p l o y : g a t s b y b u i l d p r e f i x p a t h s c l a s s A p p e x t e n d s C o m p o n e n t } 最 后 会 编 译 成 ： H e l l o W o r l d . f e t c h 用 法 简 介 2 0 1 8 年 6 月 2 4 日 J a v a S c r i p t 、 前 端 f e t c h s h e n g 0 0 F e t c h A P I 提 供 了 一 个 获 取 资 源 的 接 口 （ 包 括 跨 域 ） 。 任 何 使 用 过 X M L H t t p R e q u e s t 的 人 都 能 轻 松 上 手 ， 但 新 的 A P I 提 供 了 更 强 大 和 灵 活 的 功 能 集 。 参 数 第 一 个 参 数 是 U R L 地 址 。 第 二 个 参 数 （ 可 选 ） 是 f e t c h 使 用 的 选 项 （ m e t h o d 、 h e a d e r s 等 选 项 ） 返 回 结 果 f e t c h 会 返 回 一 个 p r o m i s e 对 象 ， r e s o l v e 对 应 请 求 的 R e s p o n s e 。 r e s p o n s e 属 性 ： b o d y b o d y U s e d 一 个 布 尔 值 来 标 示 该 R e s p o n s e 是 否 读 取 过 B o d y h e a d e r s 此 R e s p o n s e 所 关 联 的 H e a d e r s 对 象 . o k 一 个 布 尔 值 来 标 示 该 R e s p o n s e 成 功 ( 状 态 码 2 0 0 2 9 9 ) 还 是 失 败 . r e d i r e c t e d 该 R e s p o n s e 是 否 来 自 一 个 重 定 向 ， 如 果 是 的 话 ， 它 的 U R L 列 表 将 会 有 多 个 s t a t u s R e s p o n s e 的 状 态 码 ( 例 如 , 2 0 0 成 功 ) . s t a t u s T e x t 与 该 R e s p o n s e 状 态 码 一 致 的 状 态 信 息 ( 例 如 , O K 对 应 2 0 0 ) . t y p e R e s p o n s e 的 类 型 ( 例 如 , b a s i c , c o r s ) . u r l R e s p o n s e 的 U R L . r e s p o n s e 方 法 a r r a y B u f f e r ( ) 读 取 R e s p o n s e 对 象 并 且 将 它 设 置 为 已 读 （ 因 为 R e s p o n s e s 对 象 被 设 置 为 了 s t r e a m 的 方 式 ， 所 以 它 们 只 能 被 读 取 一 次 ） , 并 返 回 一 个 被 解 析 为 A r r a y B u f f e r 格 式 的 p r o m i s e 对 象 b l o b ( ) 读 取 R e s p o n s e 对 象 并 且 将 它 设 置 为 已 读 （ 因 为 R e s p o n s e s 对 象 被 设 置 为 了 s t r e a m 的 方 式 ， 所 以 它 们 只 能 被 读 取 一 次 ） , 并 返 回 一 个 被 解 析 为 B l o b 格 式 的 p r o m i s e 对 象 f o r m D a t a ( ) 读 取 R e s p o n s e 对 象 并 且 将 它 设 置 为 已 读 （ 因 为 R e s p o n s e s 对 象 被 设 置 为 了 s t r e a m 的 方 式 ， 所 以 它 们 只 能 被 读 取 一 次 ） , 并 返 回 一 个 被 解 析 为 F o r m D a t a 格 式 的 p r o m i s e 对 象 j s o n ( ) 读 取 R e s p o n s e 对 象 并 且 将 它 设 置 为 已 读 （ 因 为 R e s p o n s e s 对 象 被 设 置 为 了 s t r e a m 的 方 式 ， 所 以 它 们 只 能 被 读 取 一 次 ） , 并 返 回 一 个 被 解 析 为 J S O N 格 式 的 p r o m i s e 对 象 t e x t ( ) 读 取 R e s p o n s e 对 象 并 且 将 它 设 置 为 已 读 （ 因 为 R e s p o n s e s 对 象 被 设 置 为 了 s t r e a m 的 方 式 ， 所 以 它 们 只 能 被 读 取 一 次 ） , 并 返 回 一 个 被 解 析 为 U S V S t r i n g 格 式 的 p r o m i s e 对 象 示 例 ： 读 取 一 个 图 片 并 生 成 U R L v a r m y I m a g e = d o c u m e n t . q u e r y S e l e c t o r ( . m y i m a g e ) ; f e t c h ( f l o w e r s . j p g ) . t h e n ( f u n c t i o n ( r e s p o n s e ) ) . t h e n ( f u n c t i o n ( r e s p o n s e ) ) ; g e t 请 求 f e t c h ( h t t p : / / e x a m p l e . c o m / m o v i e s . j s o n ) . t h e n ( f u n c t i o n ( r e s p o n s e ) ) . t h e n ( f u n c t i o n ( m y J s o n ) ) ; p o s t 请 求 f e t c h ( u r l , ) } ) 上 传 文 件 v a r f i l e F i e l d = d o c u m e n t . q u e r y S e l e c t o r ( i n p u t [ t y p e = f i l e ] ) ; f o r m D a t a . a p p e n d ( u s e r n a m e , a b c 1 2 3 ) ; f o r m D a t a . a p p e n d ( a v a t a r , f i l e F i e l d . f i l e s [ 0 ] ) ; f e t c h ( h t t p s : / / e x a m p l e . c o m / u p l o a d , ) . t h e n ( r e s p o n s e = > r e s p o n s e . j s o n ( ) ) . c a t c h ( e r r o r = > c o n s o l e . e r r o r ( E r r o r : , e r r o r ) ) . t h e n ( r e s p o n s e = > c o n s o l e . l o g ( S u c c e s s : , r e s p o n s e ) ) ; 移 动 端 禁 用 和 启 用 滚 动 、 拖 动 2 0 1 8 年 6 月 1 6 日 J a v a S c r i p t 、 前 端 s h e n g 0 0 弹 窗 和 弹 框 是 网 站 应 用 中 经 常 用 到 的 技 术 ， 但 是 在 页 面 弹 出 一 个 全 屏 的 弹 窗 的 时 候 ， 还 是 可 以 使 用 触 摸 来 滑 动 弹 窗 下 面 的 页 面 。 为 了 用 户 有 更 好 的 体 验 ， 可 以 使 用 以 下 代 码 ， 在 弹 窗 的 时 候 禁 用 滚 动 ， 弹 窗 关 闭 的 时 候 再 次 启 用 滚 动 。 / / l e f t : 3 7 , u p : 3 8 , r i g h t : 3 9 , d o w n : 4 0 , / / s p a c e b a r : 3 2 , p a g e u p : 3 3 , p a g e d o w n : 3 4 , e n d : 3 5 , h o m e : 3 6 v a r k e y s = ; f u n c t i o n p r e v e n t D e f a u l t ( e ) f u n c t i o n p r e v e n t D e f a u l t F o r S c r o l l K e y s ( e ) } f u n c t i o n d i s a b l e S c r o l l ( ) f u n c t i o n e n a b l e S c r o l l ( ) 网 页 适 配 i P h o n e X ， 就 是 这 么 简 单 （ 转 载 ） 2 0 1 8 年 6 月 1 2 日 前 端 i p h o n e x s h e n g 0 0 前 言 i P h o n e X 取 消 了 物 理 按 键 ， 改 成 底 部 小 黑 条 ， 这 一 改 动 导 致 网 页 出 现 了 比 较 尴 尬 的 屏 幕 适 配 问 题 。 对 于 网 页 而 言 ， 顶 部 （ 刘 海 部 位 ） 的 适 配 问 题 浏 览 器 已 经 做 了 处 理 ， 所 以 我 们 只 需 要 关 注 底 部 与 小 黑 条 的 适 配 问 题 即 可 （ 即 常 见 的 吸 底 导 航 、 返 回 顶 部 等 各 种 相 对 底 部 f i x e d 定 位 的 元 素 ） 。 笔 者 通 过 查 阅 了 一 些 官 方 文 档 ， 以 及 结 合 实 际 项 目 中 的 一 些 处 理 经 验 ， 整 理 了 一 套 简 单 的 适 配 方 案 分 享 给 大 家 ， 希 望 对 大 家 有 所 帮 助 ， 以 下 是 处 理 前 后 效 果 图 ： 适 配 之 前 需 要 了 解 的 几 个 新 知 识 安 全 区 域 安 全 区 域 指 的 是 一 个 可 视 窗 口 范 围 ， 处 于 安 全 区 域 的 内 容 不 受 圆 角 （ c o r n e r s ） 、 齐 刘 海 （ s e n s o r h o u s i n g ） 、 小 黑 条 （ H o m e I n d i c a t o r ） 影 响 ， 如 下 图 蓝 色 区 域 ： 也 就 是 说 ， 我 们 要 做 好 适 配 ， 必 须 保 证 页 面 可 视 、 可 操 作 区 域 是 在 安 全 区 域 内 。 更 详 细 说 明 ， 参 考 文 档 ： H u m a n I n t e r f a c e G u i d e l i n e s – i P h o n e X v i e w p o r t f i t i O S 1 1 新 增 特 性 ， 苹 果 公 司 为 了 适 配 i P h o n e X 对 现 有 v i e w p o r t m e t a 标 签 的 一 个 扩 展 ， 用 于 设 置 网 页 在 可 视 窗 口 的 布 局 方 式 ， 可 设 置 三 个 值 ： c o n t a i n : 可 视 窗 口 完 全 包 含 网 页 内 容 （ 左 图 ） c o v e r ： 网 页 内 容 完 全 覆 盖 可 视 窗 口 （ 右 图 ） a u t o ： 默 认 值 ， 跟 c o n t a i n 表 现 一 致 注 意 ： 网 页 默 认 不 添 加 扩 展 的 表 现 是 v i e w p o r t f i t = c o n t a i n ， 需 要 适 配 i P h o n e X 必 须 设 置 v i e w p o r t f i t = c o v e r ， 这 是 适 配 的 关 键 步 骤 。 更 详 细 说 明 ， 参 考 文 档 ： v i e w p o r t f i t d e s c r i p t o r e n v ( ) 和 c o n s t a n t ( ) i O S 1 1 新 增 特 性 ， W e b k i t 的 一 个 C S S 函 数 ， 用 于 设 定 安 全 区 域 与 边 界 的 距 离 ， 有 四 个 预 定 义 的 变 量 ： s a f e a r e a i n s e t l e f t ： 安 全 区 域 距 离 左 边 边 界 距 离 s a f e a r e a i n s e t r i g h t ： 安 全 区 域 距 离 右 边 边 界 距 离 s a f e a r e a i n s e t t o p ： 安 全 区 域 距 离 顶 部 边 界 距 离 s a f e a r e a i n s e t b o t t o m ： 安 全 区 域 距 离 底 部 边 界 距 离 这 里 我 们 只 需 要 关 注 s a f e a r e a i n s e t b o t t o m 这 个 变 量 ， 因 为 它 对 应 的 就 是 小 黑 条 的 高 度 （ 横 竖 屏 时 值 不 一 样 ） 。 注 意 ： 当 v i e w p o r t f i t = c o n t a i n 时 e n v ( ) 是 不 起 作 用 的 ， 必 须 要 配 合 v i e w p o r t f i t = c o v e r 使 用 。 对 于 不 支 持 e n v ( ) 的 浏 览 器 ， 浏 览 器 将 会 忽 略 它 。 在 这 之 前 ， 笔 者 使 用 的 是 c o n s t a n t ( ) ， 后 来 ， 官 方 文 档 加 了 这 么 一 段 注 释 （ 坑 ） ： T h e e n v ( ) f u n c t i o n s h i p p e d i n i O S 1 1 w i t h t h e n a m e c o n s t a n t ( ) . B e g i n n i n g w i t h S a f a r i T e c h n o l o g y P r e v i e w 4 1 a n d t h e i O S 1 1 . 2 b e t a , c o n s t a n t ( ) h a s b e e n r e m o v e d a n d r e p l a c e d w i t h e n v ( ) . Y o u c a n u s e t h e C S S f a l l b a c k m e c h a n i s m t o s u p p o r t b o t h v e r s i o n s , i f n e c e s s a r y , b u t s h o u l d p r e f e r e n v ( ) g o i n g f o r w a r d . 这 就 意 味 着 ， 之 前 使 用 的 c o n s t a n t ( ) 在 i O S 1 1 . 2 之 后 就 不 能 使 用 的 ， 但 我 们 还 是 需 要 做 向 后 兼 容 ， 像 这 样 ： p a d d i n g b o t t o m : c o n s t a n t ( s a f e a r e a i n s e t b o t t o m ) ; / * 兼 容 i O S = 1 1 . 2 * / 注 意 ： e n v ( ) 跟 c o n s t a n t ( ) 需 要 同 时 存 在 ， 而 且 顺 序 不 能 换 。 更 详 细 说 明 ， 参 考 文 档 ： D e s i g n i n g W e b s i t e s f o r i P h o n e X 如 何 适 配 了 解 了 以 上 所 说 的 几 个 知 识 点 ， 接 下 来 我 们 适 配 的 思 路 就 很 清 晰 了 。 第 一 步 ： 设 置 网 页 在 可 视 窗 口 的 布 局 方 式 新 增 v i w e p o r t f i t 属 性 ， 使 得 页 面 内 容 完 全 覆 盖 整 个 窗 口 ： 前 面 也 有 提 到 过 ， 只 有 设 置 了 v i e w p o r t f i t = c o v e r ， 才 能 使 用 e n v ( ) 。 第 二 步 ： 页 面 主 体 内 容 限 定 在 安 全 区 域 内 这 一 步 根 据 实 际 页 面 场 景 选 择 ， 如 果 不 设 置 这 个 值 ， 可 能 存 在 小 黑 条 遮 挡 页 面 最 底 部 内 容 的 情 况 。 b o d y 第 三 步 ： f i x e d 元 素 的 适 配 类 型 一 ： f i x e d 完 全 吸 底 元 素 （ b o t t o m = 0 ） ， 比 如 下 图 这 两 种 情 况 ： 可 以 通 过 加 内 边 距 p a d d i n g 扩 展 高 度 ： 或 者 通 过 计 算 函 数 c a l c 覆 盖 原 来 高 度 ： 注 意 ， 这 个 方 案 需 要 吸 底 条 必 须 是 有 背 景 色 的 ， 因 为 扩 展 的 部 分 背 景 是 跟 随 外 容 器 的 ， 否 则 出 现 镂 空 情 况 。 还 有 一 种 方 案 就 是 ， 可 以 通 过 新 增 一 个 新 的 元 素 （ 空 的 颜 色 块 ， 主 要 用 于 小 黑 条 高 度 的 占 位 ） ， 然 后 吸 底 元 素 可 以 不 改 变 高 度 只 需 要 调 整 位 置 ， 像 这 样 ： 空 的 颜 色 块 ： 类 型 二 ： f i x e d 非 完 全 吸 底 元 素 （ b o t t o m ≠ 0 ） ， 比 如 “ 返 回 顶 部 ” 、 “ 侧 边 广 告 ” 等 像 这 种 只 是 位 置 需 要 对 应 向 上 调 整 ， 可 以 仅 通 过 外 边 距 m a r g i n 来 处 理 ： 或 者 ， 你 也 可 以 通 过 计 算 函 数 c a l c 覆 盖 原 来 b o t t o m 值 ： 你 也 可 以 使 用 @ s u p p o r t s 隔 离 兼 容 样 式 写 到 这 里 ， 我 们 常 见 的 两 种 类 型 的 f i x e d 元 素 适 配 方 案 已 经 了 解 了 吧 。 如 果 我 们 只 希 望 i P h o n e X 才 需 要 新 增 适 配 样 式 ， 我 们 可 以 配 合 @ s u p p o r t s 来 隔 离 兼 容 样 式 ， 当 然 这 个 处 理 对 页 面 展 示 实 际 不 会 有 任 何 影 响 ： @ s u p p o r t s ( b o t t o m : c o n s t a n t ( s a f e a r e a i n s e t b o t t o m ) ) o r ( b o t t o m : e n v ( s a f e a r e a i n s e t b o t t o m ) ) } 写 在 最 后 以 上 几 种 方 案 仅 供 参 考 ， 笔 者 认 为 ， 现 阶 段 适 配 处 理 起 来 是 有 点 折 腾 ， 但 是 至 少 能 解 决 ， 具 体 需 要 根 据 页 面 实 际 场 景 ， 在 不 影 响 用 户 体 验 与 操 作 的 大 前 提 下 不 断 尝 试 与 探 索 ， 才 能 更 完 美 的 适 配 。 感 谢 您 的 阅 读 ， 本 文 由   凹 凸 实 验 室   版 权 所 有 。 如 若 转 载 ， 请 注 明 出 处 ： 凹 凸 实 验 室 （ h t t p s : / / a o t u . i o / n o t e s / 2 0 1 7 / 1 1 / 2 7 / i p h o n e x / ） 文 章 导 航 ← 早 期 文 章 搜 索 ： 热 门 主 题 & 页 面 前 端 使 用 浏 览 器 实 现 a s r 语 音 识 别 r e a c t n a t i v e 仿 微 信 通 讯 录 右 侧 边 栏 快 速 定 位 功 能 r e a c t n a t i v e 改 变 W e b V i e w 背 景 颜 色 隐 私 政 策 C h r o m e 中 f r o m m e m o r y c a c h e 和 f r o m d i s k c a c h e i O S 开 发 ： 在 S w i f t 中 使 用 A l a m o f i r e 发 送 H T T P 请 求 使 用 G a t s b y 生 成 静 态 网 站 并 部 署 在 G i t H u b 上 在 r e a c t 应 用 中 使 用 模 块 化 c s s f e t c h 用 法 简 介 移 动 端 禁 用 和 启 用 滚 动 、 拖 动 近 期 文 章 前 端 使 用 浏 览 器 实 现 a s r 语 音 识 别 r e a c t n a t i v e 仿 微 信 通 讯 录 右 侧 边 栏 快 速 定 位 功 能 r e a c t n a t i v e 改 变 W e b V i e w 背 景 颜 色 C h r o m e 中 f r o m m e m o r y c a c h e 和 f r o m d i s k c a c h e i O S 开 发 ： 在 S w i f t 中 使 用 A l a m o f i r e 发 送 H T T P 请 求 近 期 评 论 黄 宾 发 表 在 《 r e a c t n a t i v e 仿 微 信 通 讯 录 右 侧 边 栏 快 速 定 位 功 能 》 K a c o o 发 表 在 《 a n g u l a r j s 星 级 评 分 s t a r r a t i n g d i r e c t i v e 》 啊 Y a n 发 表 在 《 使 用 r e a c t n a t i v e 实 现 m a t e r i a l d e s i g n 中 的 滑 动 头 部 效 果 》 a d m i n 发 表 在 《 . n e t m v c d i s p l a y i m a g e f r o m f i l e 》 s h e n g 0 0 发 表 在 《 D e f y 电 池 跳 电 详 解 》 归 档 2 0 2 4 年 7 月 2 0 1 9 年 5 月 2 0 1 9 年 1 月 2 0 1 8 年 1 1 月 2 0 1 8 年 8 月 2 0 1 8 年 7 月 2 0 1 8 年 6 月 2 0 1 8 年 5 月 2 0 1 8 年 4 月 2 0 1 8 年 3 月 2 0 1 8 年 2 月 2 0 1 8 年 1 月 2 0 1 7 年 1 2 月 2 0 1 5 年 1 1 月 2 0 1 5 年 1 0 月 2 0 1 5 年 7 月 2 0 1 5 年 3 月 2 0 1 5 年 2 月 2 0 1 5 年 1 月 2 0 1 4 年 1 2 月 2 0 1 4 年 1 1 月 2 0 1 4 年 1 0 月 2 0 1 4 年 9 月 2 0 1 4 年 8 月 2 0 1 4 年 7 月 2 0 1 4 年 6 月 2 0 1 4 年 5 月 2 0 1 4 年 4 月 2 0 1 4 年 3 月 2 0 1 4 年 2 月 2 0 1 4 年 1 月 2 0 1 3 年 1 2 月 2 0 1 3 年 1 1 月 2 0 1 3 年 1 0 月 2 0 1 3 年 9 月 2 0 1 3 年 8 月 2 0 1 3 年 7 月 2 0 1 3 年 6 月 2 0 1 3 年 5 月 2 0 1 3 年 4 月 2 0 1 3 年 3 月 2 0 1 3 年 1 月 2 0 1 2 年 1 2 月 2 0 1 2 年 1 1 月 2 0 1 2 年 9 月 2 0 1 2 年 8 月 2 0 1 2 年 6 月 2 0 1 2 年 5 月 2 0 1 2 年 3 月 2 0 1 2 年 1 月 2 0 1 1 年 1 2 月 2 0 1 1 年 1 1 月 2 0 1 1 年 4 月 2 0 1 1 年 2 月 2 0 1 1 年 1 月 2 0 1 0 年 1 1 月 2 0 1 0 年 8 月 2 0 1 0 年 4 月 2 0 1 0 年 3 月 2 0 1 0 年 1 月 2 0 0 9 年 1 2 月 1 9 9 9 年 1 2 月 1 9 9 9 年 1 1 月 0 年 分 类 . N e t . N E T M V C A n d r o i d A n g u l a r J S A s p . N E T A u t o M a p p e r C # C S S D e f y e c 2 E c l i p s e E n t i t y F r a m e w o r k F l e x G a t s b y G i t h t t p I I S I o n i c i O S J a v a J a v a S c r i p t J Q u e r y J s p k e n d o u i M o n g o D B N H i b e r n a t e N o d e . j s r e a c t r e a c t n a t i v e S e r v e r S q l S e r v e r S u b l i m e T e x t U m b r a c o W e b W e b A P I w e b p a c k W o r d p r e s s W o w z a 互 联 网 前 端 小 程 序 工 具 帝 国 c m s 应 用 建 站 笔 记 数 据 库 数 据 结 构 未 分 类 未 分 类 设 计 模 式 其 他 操 作 登 录 条 目 f e e d 评 论 f e e d W o r d P r e s s . o r g 1 4 0 4 4 4 4 6 号 1 隐 私 政 策 自 豪 地 采 用 W o r d P r e s s   正 在 加 载 评 论 . . .   撰 写 评 论 . . . 电 子 邮 箱 地 址 （ 必 填 ） 显 示 名 称 （ 必 填 ） 网 站 地 址

站点概括

关于www.sheng00.com说明：
www.sheng00.com由网友主动性提交被亿动云导航整理收录的，亿动云导航仅提供www.sheng00.com的基础信息并免费向大众网友展示，www.sheng00.com的是IP地址：47.104.6.68 [中国山东青岛 阿里云]，www.sheng00.com的百度权重为0、百度手机权重为0、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.sheng00.com的备案号是-、备案人叫-、被百度收录的关键词有0个、手机端关键词有0个、该站点迄今为止已经创建13年9个月9天。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.ed4.cn/links/fd849dbac066ddae34db.html，复制请保留版权链接！

---