flowerwrong
flowerwrong

html5移动web开发实战必读书记

一、配置移动开发环境
1.各种仿真器、模拟器的下载安装
http://www.mobilexweb.com/emulators
https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Emulators-&-Simulators

2.html5 DTD
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
safari: 设为屏幕宽度，并根据initial-scale=1.0禁止浏览器缩放

3.帮助html5跨浏览器的库
modernizr
html5shim
innershiv

4.使html5元素在旧版本IE中变成块级元素以及css重置

5.始终使用流式布局fluid layout

6.css媒介查询 media query
@media screen and (min-width: 480px) {...}

@media only screen and (min-width: 320px) {...}

7.用户需求分析工具
google analytics
percentmobile

jQuery mobile的浏览器分级列表：http://jquerymobile.com/gbs/
https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Matrices

二、移动端的配置和优化
1.提供启动图标（优化对各种浏览器的支持）

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114-precomposed.png"> # iphone4
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/apple-touch-icon-72x72-precomposed.png"> # ipad
<link rel="apple-touch-icon-precomposed" href="icons/apple-touch-icon-precomposed.png"> # android
<link rel="shortcut icon" href="icons/apple-touch-icon.png"> # symbian60

 

文档：关于触摸式图标的一起

2.避免字体被浏览器自动重置
html {
    -webkit-text-size-adjust: none;
}
改进
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

3.使用px

4.浏览器宽度完整解决方案
<meta name="HandheldFriendly" content="true"> # 古老版本浏览器
<meta name="MobileOptimized" content="320"> # 老版本浏览器
<meta name="viewport" content="width=device-width">

5.修复移动版safari的re-flow scale问题
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0"> # 不能缩放了
使用js代码解决不能缩放问题：

var metas = document.getElementByTagName("meta");
var i;
if(navigator.userAgent.match("/iPhone/i)) {
  for(i=0; i<metas.length; i++) {
    if(meta[i].name == "viewport") {
      metas[i].content = "width=device-width, maximum-scale=1.0, minimum-scale=1.0";
    }
  }
  document.addEventListener("gesturestart", gestureStart, false);
}

function gestureStart() {
  for(i=0; i<metas.length; i++) {
    if(meta[i].name == "viewport") {
      metas[i].content = "width=device-width, maximum-scale=1.6, minimum-scale=0.25";
    }
  }
}

 

更好的版本：https://gist.github.com/903131
jquery mobile版本：https://gist.github.com/1183357

6.在浏览器中启动原生应用
查看safari，黑莓，索爱支持哪些链接启动原生应用

7.iphone下全屏
<meta name="apple-mobile-web-app-capable" content="yes"> # 从界面图标启动时，全屏
<meta name="apple-mobile-web-app-status-bar-style" content="black"> # 顶部一个状态栏
<link rel="apple-touch-startup-image" href="img/1/splash.png"> # 预加载界面图片，类似ajax效果

8.防止ios在聚焦时自动缩放，例如填写表单时
<script>
</script>

9.禁用或者限制部分webkit特性
-webkit-touch-callout
-webkit-user-select
-webkit-tap-highlight-color
-webkit-appearance

为狭窄的浏览器添加省略号功能：
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

三、移动设备的交互方式
1.利用触控来移动页面元素
2.检测盒处理横竖屏切换事件
window.onorientationchange事件
禁止横竖屏对于网友非常困难
3.利用手势旋转页面元素
ongestureend
4.利用滑动创建图库
zepto框架

5.利用手势缩放图片
ongesturechange

四、构建快速响应式移动互联网站点
1.html5标签
header，nav，footer，small，address

2.css3辅助
polyfills库
ultimate css gradient generator # css线性渐变效果编辑器
CSS3 PIE # 兼容IE9

3.响应式
使用modernizr库开检查浏览器对html3和css3的支持
可以用来检查后是否加载respond.min.js
yepnope异步加载

4.检测客户端
.htaccess重定向

5.使用书签冒泡为应用添加桌面快捷方式
mobilebookmark bubble库 from google # 只支持safari

6.构建可伸缩的文本输入框
mobile boilerplate库的helper.js

7.加速按钮反馈
touchstart

8.隐藏浏览器地址栏
MBP.hideUrlBar();

五、移动设备访问
1.获取位置信息
经度、纬度、当前位置的精确程度
navigator.geolocation.getCurrentPosition()

2.跨浏览器定位
geo-location-javascript库
延伸：YQL Geo库

手势缩放：
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

3.实时显示地理位置
watchPosition

4.DeviceOrientation事件 # 适用于ios
包括设备移动事件和横竖屏切换事件

5.使用foursquare定位
Marelle基于jquery和coffeescript
https://praized.github.com/marelle/
包括两个例子：登录和签到

foursquare接口列表
https://developer.foursquare.com/docs/libraries.html

六、移动富媒体
1.移动设备上播放音频
<audio>
不支持html5的浏览器使用polyfills解决

2.移动设备上播放视频
<video>
不支持html5的使用<boject>

http://diveintohtml5.info/video.html

3.使用离线缓存
使用.appcache

4.使用网络存储
web storage # 浏览器支持度最高
html5的indexed database api和web sql database
jqueryoffine库

5.使用web workers
javascript多线程的补充

6.使用session和history api构建类Flash导航效果

七、移动设备调试
1.使用opera dragonfly远程调试
2.使用weinre远程调试

3.移动设备上使用firebug
4.使用js console远程调试

5.配置移动safari调试器

八、服务器端性能调优
1.防止移动设备转码
.htaccess配置

2.添加移动设备支持的MIME类型
.htaccess配置 # 针对blackberry和Symbian等

3.正确显示cache manifest # 主要用来做离线应用存储功能，但是扩展名不能被服务器识别
.htccess配置

4.在头文件中设置未来过期时间
.htccess配置

5.使用gzip压缩
.htaccess配置

6.移除etags
.htaccess配置

九、移动性能测试
1.使用blaze的移动设备速度测试

2.在线分析移动页面速度
google page speed

3.pcap网站性能分析

4.移动版http archive

5.使用jdrop存储性能数据

十、拥抱移动互联网特性
1.window.onerror
2.使用ecmascript5中的新方法
3.html5中的新输入类型
date、datetime、month、time、range
4.HTML中内嵌svg
5.position:fixed
6.overflow:scroll # ios5+
-webkit-overflow-scrolling: touch

你可能感兴趣的:(html5移动web开发实战必读书记)

  • HTML5期末大作业：基于 html css js仿腾讯课堂首页 web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • JavaScript和HTML5游戏：从愤怒的小鸟到ZX Spectrum dingshi7798 移动开发游戏php
    最近，HTML5/JavaScript游戏领域发生了一些爆炸。浏览器游戏的受欢迎程度迅速增加，开发人员开始寻找一套方便使用的API和其他工具。罗伯·霍克斯（RobHawkes）热衷于赞扬HTML5和JavaScript及其在浏览器游戏中的应用。Rob是Mozilla的视觉程序员，作家和技术布道者，在开发人员社区中领导Mozilla工作的游戏方面。他在5月份在墨尔本举行的WebDirectionsC
  • 浅谈HTML5 html5
    HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。第一部分，了解HTML和XHTMLHTML——HyperTextMarkupLanguage(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有
  • 鸿蒙Harmony开发实战（Input Kit）输入设备开发实践 我很英俊 小名男男 OpenHarmony鸿蒙开发HarmonyOSharmonyos华为前端开发语言鸿蒙移动开发鸿蒙系统
    鸿蒙开发实战往期文章必看：HarmonyOSNEXT应用开发性能实践总结一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）<
  • RN React Native 使用Flatlist出现的问题 好好学习99 经验分享reactnativereact.jsjavascript
    因为我们项目需要兼容app端，pcweb端以及移动web端，有些代码在移动端的时候没有问题，但是一旦在pc端，就会发现有bug，于是记录一下，pc端的bug原因1.出现闪屏，一直调用加载更多函数的原因其实闪屏与频繁调用加载函数是一起的，解决了调用加载函数的问题就能解决闪屏问题。flatlist组件有两个参数onEndReachedThreshold和onEndReached，前者用来判断何时调用e
  • HarmonyOS开发实战：网络类组件方式-API 不入流HarmonyOS开发 鸿蒙OpenHarmonyHarmonyOSharmonyos华为android鸿蒙前端程序员鸿蒙开发
    网络相关类组件模块介绍efAxiosParams提供eftool封装axios请求所需的参数efAxios二次封装axios的产物,提供统一请求响应拦截等efClientApi提供针对于统一post,get,delete,put等请求封装网络组件使用API前言1.efAxiosParams类参数详解/***是否整体传输加密与关键字加密isAllEncrypt互斥二者只能有其一为true*/stat
  • 《从零到全栈：HTML5新增元素 & API》 CodeComposer html5前端htmljavascript
    HTML5是HTML4的升级版本，它不仅简化了HTML4的冗余代码，还引入了许多新特性，使得网页开发更加高效和灵活。本文将详细介绍HTML5的概念、新增元素、API以及一些实际应用案例。一、HTML5概念HTML5是HTML的第五个版本，它简化了文档类型声明，并引入了许多新特性，使得网页开发更加高效。以下是一个简单的HTML5文档结构：HTML5示例头部导航主体侧栏主体文章尾部语义化布局的优势文档
  • 大模型成本优化实战：从分布式训练到量化剪枝，轻松降低AI计算开销 网罗开发 AI大模型人工智能机器学习深度学习
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 高并发微服务日志管理：ELK、Loki、Fluentd 终极对决与实战指南 网罗开发 java集后端云原生微服务elk架构
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • java注释转json插件开发实战 java插件maven
    目的将java的代码注释转换为json格式，并写入文件本文介绍了完整的开发流程及如何使用运行环境jdk1.8maven3.x设计思想系统构思编译完成的class里没有注释的，所以注释信息只有在编译代码时存储起来将能够生成javadoc.json的代码做成maven插件关键技术与算法需要实现Doclet必须引入下述jar包,来导入com.sun.javadoc.Docletcom.suntools1
  • html5代码大全文库,HTML5标签大全(最终整理版) cx不二 html5代码大全文库
    HTML5标签大全(最终整理版)一、文字备忘之标签HTML5中新增的标签定义文章定义页面内容旁边的内容定义声音内容定义图形定义一个控制按钮指树或表格状数据格式中的动态数据定义一个下拉列表定义一个元素的细节定义会话或人的交谈定义额外的交互内容或插件定义指定元素的标题定义一组媒体内容，以及他们的标题为章节或页面定义一个底部为章节或页面定义一个头部定义文档中某段落的信息定义表单生成的关键定义被标记的文本
  • html5代码_HTML5篇（一） weixin_39713317 html5代码html5标签属性大全
    html5是html最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。其设计目的是为了在移动设备上支持多媒体，当前大部分现代浏览器已经具备了某些HTML5支持。如上图，html5的新增的api，如在翻页时的动画效果、右上角的音频播放等，便利开发的同时也提升了用户体验。html5新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的
  • Html5学习教程，从入门到精通，HTML 5 链接语法知识点及案例代码（7） 知识分享小能手 前端开发编程语言如门网页开发htmlhtml5学习前端开发语言java后端开发web
    HTML5链接语法知识点及案例代码一、HTML链接基础1.1链接标签标签用于定义超链接，用户点击后可以跳转到其他页面或资源。语法：链接文本1.2链接属性href：指定链接的目标地址（URL）。target：指定链接的打开方式，常用值：_self：在当前窗口打开（默认）。_blank：在新窗口打开。_parent：在父框架中打开。_top：在整个窗口中打开。title：鼠标悬停时显示的提示文本。do
  • Html5学习教程，从入门到精通，HTML 5 段落语法知识点及案例代码（5） 知识分享小能手 前端开发网页开发编程语言如门htmlhtml5学习java开发语言java后端开发前端
    HTML5段落语法知识点及案例代码在HTML5中，段落是通过标签定义的。段落是网页内容的基本组成部分，用于组织和呈现文本内容。一、段落的基本语法1.标签标签用于定义段落。浏览器会自动在段落前后添加空白（margin）以分隔段落。语法：这是一个段落。2.段落中的文本段落中可以包含纯文本、换行、空格、特殊字符等。浏览器会忽略HTML代码中的多余空格和换行，只显示一个空格。3.段落中的换行如果需要在段落
  • Html5学习教程，从入门到精通，HTML5 元素语法知识点及案例代码（2） 知识分享小能手 前端开发网页开发编程语言如门html5学习前端开发语言htmljavaJava开发
    HTML5元素语法知识点及案例代码一、HTML5元素概述HTML5元素是构成网页的基本单位，每个元素都有特定的语义和功能。HTML5元素由开始标签、内容和结束标签组成，例如：这是一个段落。是开始标签这是一个段落。是内容是结束标签二、HTML5元素分类HTML5元素可以根据其功能和语义进行分类，主要分为以下几类：根元素::定义HTML文档的根元素。文档元数据::定义文档的头部信息，例如标题、样式表、
  • 鸿蒙HarmonyOS开发实战：网络组件API使用规范总结 冲浪王子_浪浪 HarmonyOSOpenHarmony鸿蒙开发鸿蒙华为前端harmonyos移动开发开发语言策略模式
    网络相关类组件模块介绍efAxiosParams提供eftool封装axios请求所需的参数efAxios二次封装axios的产物,提供统一请求响应拦截等efClientApi提供针对于统一post,get,delete,put等请求封装网络组件使用API前言1.efAxiosParams类参数详解/***是否整体传输加密与关键字加密isAllEncrypt互斥二者只能有其一为true*/stat
  • Qt——Qt控件之输入窗口-QTextEdit文本编辑框控件的使用总结（例程：文本编辑输入） Winter_world QT开发实战qt开发语言QTextEdit控件Qt文本编辑控件的使用
    【系列专栏】：博主结合工作实践输出的，解决实际问题的专栏，朋友们看过来！《项目案例分享》《极客DIY开源分享》《嵌入式通用开发实战》《C++语言开发基础总结》《从0到1学习嵌入式Linux开发》《QT开发实战》《Android开发实战》《实用硬件方案设计》《结构建模设计》《数据库开发总结》《JAVA入门基础》《JavaWeb开发实战》长期持续带来更多案例与技术文章分享；欢迎商业项目咨询，10年+软
  • React + TypeScript 复杂布局开发实战 i建模 前端开发前端框架react
    React+TypeScript复杂布局开发实战一、项目架构设计（基于最新技术栈）1.1技术选型与工程创建#使用Vite5.x+React19+TypeScript5.4npxcreate-vite@latestpower-designer-ui--templatereact-tscdpower-designer-ui&&npminstall#添加核心组件库npminstall@ant-desig
  • react 实现自定义拖拽hook 丶酸酸 reacthooksreact.jsjavascript前端
    前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移
  • Appium自动化测试框架 码农黛兮_46 软件测试appium自动化测试工具
    Appium自动化测试框架1、Appium简介1.1Appium概念Appium是一个开源的移动端自动化测试工具，适用于移动端原生APP、移动WebAPP或混合APP的自动化测试； Appium继承了Selenium(Web端自动化测试工具)，应用WebDriver(JSONwireprotocol)技术，借助操作系统自带的测试框架来驱动Android和IOS应用。特点：Appium是一个开源、跨
  • Python与DeepSeek的深度互联：从开发加速到全栈赋能的实战指南 夏末之花 python开发语言
    引言：为什么Python开发者需要拥抱DeepSeek？在AI重构编程范式的2025年，DeepSeek凭借其轻量化、高效推理与垂直领域优化，成为开发者提升生产力的利器。本文将从本地部署到云端API调用，从IDE集成到全栈开发实战，全方位解析Python与DeepSeek的深度互联方案，助你实现“开发效率跃迁”。一、本地开发环境：零成本构建AI编程助手1.1极简配置：PyCharm+DeepSee
  • DeepSeek革命性整合：零代码实现办公自动化全流程（Excel/PPT/Word+AI开发实战）——小白也能玩转的AI生产力核弹 Leaton Lee excelpowerpointworddeepseekpython
    关键词：DeepSeek办公自动化、AI生成PPT、Excel智能分析、Word合同助手、Python实战前言：当DeepSeek遇见经典办公三件套，效率爆炸的化学反应该怎么做？你是否还在为这些场景抓狂？凌晨2点对着空白PPT抓耳挠腮在Excel海量数据中迷失方向反复修改合同条款到怀疑人生今天我要揭秘的DeepSeek+经典办公工具组合技，将彻底颠覆你的工作方式！通过本文，你将掌握：✅5分钟生成专
  • 软件测试工程师学习笔记2 - 入门篇 拾肆0423 软件测试工程师学习笔记学习单元测试功能测试集成测试测试工具
    软件测试工程师学习笔记-2入门必读2.测试设计1）目标2）知识点1.等价类划分--解决穷举2.边界值分析法--解决边界问题3.判定表法--解决多条件依赖关系问题入门必读基础入门目标五天结束，能独立完成功能测试过程。2.测试设计40%占比1）目标能对穷举场景设计测试点能对限定边界规则设计测试点能对多条件依赖关系进行设计测试点能对项目业务进行设计测试点2）知识点测试方法及对应场景1.等价类划分–解决穷
  • MyBatis 和 MyBatis-Plus 入门指南：新手必读 Mr_Paizong Javajavamybatis
    MyBatis和MyBatis-Plus入门指南：新手必读在Java开发中，持久层的设计和实现是非常重要的一环。MyBatis和MyBatis-Plus是两个广泛使用的数据库访问框架，它们可以帮助我们更高效地与数据库进行交互。本篇博客将详细介绍这两个框架的基本使用方法，并附有代码注释，帮助新手更好地理解和实践。一、什么是MyBatis和MyBatis-Plus？1.1MyBatisMyBatis是
  • 【Swift 算法实战】利用 KMP 算法高效求解最短回文串 网罗开发 Swiftvue.jsleetcode算法
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 鸿蒙开发实战：状态管理框架代理-getTarget接口详解 我很英俊 小名男男 鸿蒙开发OpenHarmonyHarmonyOSharmonyos华为开发语言前端鸿蒙移动开发鸿蒙系统
    鸿蒙开发往期必看：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）“一杯冰美式的时间”了解鸿蒙HarmonyOSNext应用开发路径！概述状态管理框架会对Class、Date、Map、Set、Array类型的原始对象添加代理，用于观测属性变化与API调用。这一层代理会使得变量类型改变，在类型判断、NAP
  • SVG DOM及DOM操作介绍 - HTML5教程技巧 PmtxPhp html5前端htmlH5
    SVG（ScalableVectorGraphics）是一种用于描述二维矢量图形的XML标记语言，它可以实现高质量的图形渲染效果。在HTML5中，SVG成为了一种重要的图形标准，可以通过JavaScript的DOM（DocumentObjectModel）来对SVG文档进行操作和控制。本文将介绍SVGDOM及其相关的DOM操作，以帮助您深入了解和使用SVG图形。SVGDOM简介SVGDOM是一种用
  • Python网络爬虫项目开发实战：如何解决验证码处理 好知识传播者 Python实例开发实战python爬虫开发语言验证码处理网络爬虫
    注意：本文的下载教程，与以下文章的思路有相同点，也有不同点，最终目标只是让读者从多维度去熟练掌握本知识点。下载教程：Python网络爬虫项目开发实战_验证码处理_编程案例解析实例详解课程教程.pdf一、验证码处理的简介在Python网络爬虫项目开发实战中，验证码处理是一个常见的挑战，因为许多网站为了防止自动化脚本滥用和保护用户账户安全，会采用验证码机制来验证请求的合法性。以下是验证码处理的简介，包
  • 基于DeepSeek开发实战：抖音无水印视频下载爬虫 Developer-YC DeekSeek大模型解读与实战教学音视频爬虫视频python
    引言嘿，小伙伴们！今天我要跟大家吐槽一下，那些让人抓狂的抖音短视频提取瞬间！你是不是也遇到过，明明看到一个超赞的舞蹈视频，想学着跳一跳，或者，有时候看到一个搞笑段子，想分享给朋友却发现，哎？点开分享发现视频无法下载或作者关闭了下载功能？简直急死人了！真是让人无语啊！这些抖音短视频的提取困难，简直就是我们追求快乐和分享乐趣路上的绊脚石！一、需求分析与技术选型1.1核心需求通过抖音分享链接实现：自动解
  • 将混合专家（Mixture of Experts, MoE）路由机制引入时序预测方向的思路的拆解和优化建议 放空儿 笔记深度学习时间序列预测idea讨论
    看前必读：本笔记主要是由idea给到deepseek进行的总结，示例代码已经调试成功，其中也提到了多种优化建议，觉得有提升或者可以讲好故事都可以在评论区或飞书讨论！飞书链接：Docshttps://h1sy0ntasum.feishu.cn/wiki/R39Mw1DQSiBUaNksgpocz22hnHd?from=from_copylink现有方法与MoE的对比分析传统分解方法（如季节-趋势分解
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他