html5
10篇文章 · 0订阅
  • H5必知必会之快速搭建开发环境
    今天我们这一篇的主题就是 “快速搭建开发环境”。快速，有多快？答案：取决于你的网速。因为我们真的有这么一个脚手架：qvk。 qvk 是一个集成现代前端工程化最佳实践的通用 Web 开发环境，可用于开发传统 C/S 架构的 Web 应用、SPA（单页应用）、H5（App 内嵌页）…
    JavaScript Node.js
  • 拿到 UI 时，前端人该如何思考？
    最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 经常有人私信我，小智这个设计图用 CSS 要怎么布局呀，这个按钮要怎么画的。所以今天，在这篇文章我们来介绍一些新的布局的方法，希望对智米们有些用处。 我通常做的第…
    CSS
  • H5 必知必会之像素级还原设计稿
    本文是 “H5 必知必会” 系列第二篇。我们提到过，所谓 “H5” 本来应该是 HTML5 的简称。但是，在中国，“H5”并不是 HTML5 的简称那么简单，它更多地被用于指代内嵌在手机 App 中的网页。无论国外有没有 “H5” 这个说法（应该没有），反正在国内只要说到 Ap…
    HTML APP
  • jsliang 求职系列 - 39 - HTML 系列总结
    在没有 CSS 的情况下，能够清晰的、有结构地表述这个页面的内容。 所以，构建一个页面结构，需要充分考虑到语义化。 <header> 用来表示网页的头部。 头部信息区可以包含 <nav> 导航栏等内容信息。 <article>：表示一个完整的、自成…
    面试 求职
  • 总结移动端H5开发常用技巧（干货满满哦！）
    年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…
    前端 JavaScript
    总结移动端H5开发常用技巧（干货满满哦！）
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 「一劳永逸」48张小图带你领略flex布局之美
    48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…
    flexbox CSS
    「一劳永逸」48张小图带你领略flex布局之美
  • 网页布局都有哪种？一般都用什么布局？
    随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…
    CSS
  • 可能这些是你想要的H5键盘兼容方案
    最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…
    JavaScript
  • 「1.4万字」玩转前端 Video 播放器 | 多图预警
    Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…
    前端
    「1.4万字」玩转前端 Video 播放器 | 多图预警