作者简介 郑开文,携程H5前端一枚,从2014年加入携程到现在一直负责机票H5预订流程的开发和改版,中间经历过数次改版和重构,在挖坑的这条路上越走越远。本文来自郑开文在“携程技术沙龙——新一代前端技术实践”上的分享。 *视频由“IT大咖说”提供,时长约47分钟,请在WiFi环境下观看* 这两年前端技术发展迅猛,ReactJS、Vue、Angularjs等百花齐放,在前端轻量化大趋势下,现有携
架构师(JiaGouX) 我们都是架构师! 自Facebook 开源出React 后,天猫技术团队就在一直关注,并对比现有Html5系的Hybird解决方案的差异性。 React-Native 是Android端实现实现动态部署的另一种思路,绕过dexLoad【一些现有的Android插件框架】,同时实现了前端人员和客户端人员资源的共享,总之是非常值得期待和尝试 PS:【打死我也不告诉你,其实天猫
> Facebook 2015年开源了这个项目-React Native,可以到GitHub可以看到。 > React Native实践之携程Moles框架: http://geek.csdn.net/news/detail/83674 moles-packer 是由携程框架团队研发的,与携程Moles框架配套使用的React Native 打包和拆包工具,同时支持原生的 React N
转自:https://blog.csdn.net/qq_26744901/article/details/51298865,项目中有使用Jquery Mobile制作的H5工程,通过Hbuilder工具打包成android的apk,在有表单输入的界面,发现一个很奇怪的问题就是,点击输入,弹出键盘,整个界面就会一起滚动,原本的fixed属性会失效,参考这位博主的思路,就是把表单放在一个div里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style rel="stylesheet" type="text/css">
div{
margin: 0 aut
@media规则在css2中就有介绍,针对不同媒体颗星可以定制不同的样式规则。例如:你可针对不同的媒体类型(包括显示器、便携设备、电视机等等)设置不同的样式规则。但这些多媒体类型在很多设备上支持还不够友好 CSS3多媒体查询根据设置自适应显示。媒体查询可用于检测很多事情,例如: viweport(视窗)的宽度与高度 设备的高度与宽度 朝向(智
用几行简单的代码实现上下跳动的效果: html部分 (我就先放了一张图片) [html] view plain copy <div class="goods"> <img src="images/box1.png" /> </div> css部分: [html] view plain copy * { margin: 0;
win与ie的关系 windows版本 ie5 ie6 ie7 ie8 ie9 ie10 ie11 windows8 x x x x x 可升级 可升级 windows7 x x x 默认 可升级 可升级 支持 windows每次只能拥有一个ie版本,安装新版本后,旧的就会被取代。 Windows 只能升级安装或重新安装比现有版本高的 IE 版本,不能运行比现有版本低的 IE 安装程序。 Wind
原文链接:http://outofmemory.cn/code-snippet/2092/usage-golang-regular-expression-regexp-quchu-HTML-CSS-SCRIPT-code-jin-maintain-page-wenzi package main
import (
"fmt"
"io/ioutil"
"net
所用图片: .listview{width: 100%; background: #000; font-size: 14px;margin: 0; padding: 0; }
.listview_item{float: left; width: 48%; height:66px; border: 1px solid #D8D8D8; background: #F6F6F6; list-style:
最早看到flex的布局是在http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html这个博客里面。 后来交互也出了一些东西,看起来只有flex才能实现。交互图是这样的 ----------------------------item{width:100%}------------------------------ -
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配? 那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界中能过
HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。 浏览器支持程度:IE8+,firefox4+,chrome8+ opera10+ 1. 首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码: window.addEvent
转载于:http://www.quirksmode.org/mobile/metaviewport/ Meta viewport show page contents Back to the index. Last major update on 13 April 2014. The meta viewport was originally invented by Apple for the iP
HTML5制作基本表格 HTML5中一个基本的表格包括"表格(table)","单元格(cell)","列(column)","行(row)" H5设置表格 语法:<table border="1"></table> H5设置表格的横行 语法: ,注意这需放在 的标记里面 H5设置表格直列的数目 语法:, 注意这需放在的标记里面 H5设置表格的标题 语法:表格标题,放在 H5设置列的标题 语法:
持续会添加一些新的内容: <meta charset="UTF-8">
<!--
设置 H5 的编码格式
charset 是字符集的意思
设置 UTF-8 编码
需要使用 charset 为网页提供了一种编码方式,否则页面很可能出现乱码。
UTF-8 是一种字符编码,除此之外在国内网站常用的还有GB2312和GBK。
GB2312 和 GBK 主要用于汉字编码,utf-8 是国
HTML5和原生开发到底孰优孰劣? 没错,这是一个被大家炒烂了的问题。如果,你去问身边做HTML5和原生应用程序开发的程序员,他们一定是各执一词。或许,很多市场分析师和战略专家会把这场争论再夸大一些,但其实这场辩论早就有了结果,是时候结束争执了! 早在2012年,Facebook的首席执行官马克·扎克伯格(Mark Zuckerberg)表示,对HTML5的赌注成为他最大的错误,这至少耽误了两年。
相应式布局主要是通过控制屏幕宽度来执行不同的css文件: @media screen and (min-width:1800px){ } @media screen and (max-width:1800px){ } @media screen and (max-width:991px) { } @media screen and (max-width:768
普通无特效 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=e
前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须支持WebS