shuai1234
shuai1234

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开发小记)

  • 前端架构设计 weixin_34266504 前端测试javascriptViewUI
    最近在拜读一本《前端架构设计》的书，该书讲到前端架构师的用户是开发人员。所选择的工具、编写的代码、创建的流程，都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。一、HTML1）标签规范化div乱炖是指嵌套多层div元素。为了保持简洁，语义化的标签是首选，应用样式所依靠的是HTML5元素名称和它们的层级关系，在标记中没有类名，往往写出层级的后代选择器。2）模块化方法前端开发
  • 大白话html第五章HTML5 新增表单元素和属性 IT木昜 大白话htmlhtmlhtml5前端
    大白话html第五章HTML5新增表单元素和属性HTML5给表单带来了很多新的小伙伴，让我们收集用户信息变得更方便、更智能。新增表单元素：这个就像一个自带日历的小框框，用户可以直接在里面选择日期，不用手动输入。你的生日：：专门用来收集用户邮箱地址的，浏览器会自动检查用户输入的是不是一个合法的邮箱格式。你的邮箱：：当你需要用户输入网址的时候，用这个标签。浏览器会检查输入的是不是一个合法的网址。你的网
  • HTML+CSS学习笔记 潘越越 学习笔记
    目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni
  • vue 地图使用navigator_cordova+vue+webapp使用html5获取地理位置的方法 weixin_39759155 vue地图使用navigator
    1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法：navigator.geolocation.getCurrentPosition(success,error,options)参数：success:成功得到位置信息时的回调函数，使用Position对象作为唯一的参数。error:获取位置信息失败时的回调函数，使用PositionErro
  • Canvas绘制简易雨滴碰撞效果 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas绘制简易雨滴碰撞效果基本概念与作用说明示例一：基本的雨滴生成与移动HTML结构JavaScript逻辑示例二：添加碰撞检测更新JavaScript示例三：动态改变雨滴的速度和大小更新JavaScript示例四：添加用户交互更新JavaScript示例五：模拟风的影响更新JavaScript实际工作中的技巧在Web开发中，HTML5Canvas提供了一个强大且灵活的绘图环境，可以用来创建
  • HTML5地理定位 Geolocation API 珊瑚贝 编程开发
    使用getCurrentPosition方法来取得用户当前的地理位置信息，该方法的定义如下所示。voidgetCurrentPosition(onSuccess,onError,options);第一个参数为获取当前地理位置信息成功时所执行的回调函数；第二个参数为获取当前地理位置信息失败时所执行的回调函数；第三个参数为一些可选属性的列表。注意：其中第二、三个参数为可选属性。getCurrentPo
  • HTML5 Geolocation地理定位 清华小菜 笔记html5
    HTML5GeolocationAPI用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。使用getCurrentPosition()方法来获得用户的位置：菜鸟教程(runoob.com)点击按钮获取您当前坐标（可能需要比较长的时间获取）：点我varx=document.getElementById("demo");functiongetLocation
  • safari 调试移动端_使用Safari开发工具调试iPhone移动Web应用程序 weixin_26735419 debugjavapython
    safari调试移动端IwasdevelopingamobilewebapplicationforworkthatscansaQRcodetochecksomeoneinforahiringevent,andIwantedtomakesurethedatabeingdecodedfromtheQRcodewascorrect.Ialsowantedtomakesureoneofmykeyfunct
  • 基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript) html网页制作 网页设计前端javascripthtmldreamweaver网页设计web网页设计期末课程大作业
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • 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并没有
  • RN React Native 使用Flatlist出现的问题 好好学习99 经验分享reactnativereact.jsjavascript
    因为我们项目需要兼容app端，pcweb端以及移动web端，有些代码在移动端的时候没有问题，但是一旦在pc端，就会发现有bug，于是记录一下，pc端的bug原因1.出现闪屏，一直调用加载更多函数的原因其实闪屏与频繁调用加载函数是一起的，解决了调用加载函数的问题就能解决闪屏问题。flatlist组件有两个参数onEndReachedThreshold和onEndReached，前者用来判断何时调用e
  • 《从零到全栈：HTML5新增元素 & API》 CodeComposer html5前端htmljavascript
    HTML5是HTML4的升级版本，它不仅简化了HTML4的冗余代码，还引入了许多新特性，使得网页开发更加高效和灵活。本文将详细介绍HTML5的概念、新增元素、API以及一些实际应用案例。一、HTML5概念HTML5是HTML的第五个版本，它简化了文档类型声明，并引入了许多新特性，使得网页开发更加高效。以下是一个简单的HTML5文档结构：HTML5示例头部导航主体侧栏主体文章尾部语义化布局的优势文档
  • 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文档的根元素。文档元数据::定义文档的头部信息，例如标题、样式表、
  • 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是一个开源、跨
  • SVG DOM及DOM操作介绍 - HTML5教程技巧 PmtxPhp html5前端htmlH5
    SVG（ScalableVectorGraphics）是一种用于描述二维矢量图形的XML标记语言，它可以实现高质量的图形渲染效果。在HTML5中，SVG成为了一种重要的图形标准，可以通过JavaScript的DOM（DocumentObjectModel）来对SVG文档进行操作和控制。本文将介绍SVGDOM及其相关的DOM操作，以帮助您深入了解和使用SVG图形。SVGDOM简介SVGDOM是一种用
  • 【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter18-动画与 Canvas 图形 江湖人称菠萝包 【HTML&CSS&JS】相关javascript开发语言前端
    十八、动画与Canvas图形动画与Canvas图形图形和动画已经日益成为浏览器中现代Web应用程序的必备功能，但实现起来仍然比较困难。视觉上复杂的功能要求性能调优和硬件加速，不能拖慢浏览器。目前已经有一套日趋完善的API和工具可以用来开发此类功能。毋庸置疑，是HTML5最受欢迎的新特性。这个元素会占据一块页面区域，让JavaScript可以动态在上面绘制图片。最早是苹果公司提出并准备用在控制面板中
  • jQuery Mobile 工具栏详解 lsx202406 开发语言
    jQueryMobile工具栏详解引言jQueryMobile是一个基于jQuery的触摸优先的移动Web开发框架，它简化了移动Web应用的开发过程。工具栏（Toolbar）是jQueryMobile中一个重要的UI组件，它为用户提供了导航和操作的工具。本文将详细介绍jQueryMobile工具栏的用法、属性、样式以及与页面布局的结合。工具栏的基本用法在jQueryMobile中，工具栏可以通过标
  • 【Rust】——所有权：Stack（栈内存）vs Heap（堆内存）（重点） Y小夜 Rust（官方文档重点总结）rust开发语言后端
    个人专栏：算法设计与分析：算法设计与分析_IT闫的博客-CSDN博客Java基础：Java基础_IT闫的博客-CSDN博客c语言：c语言_IT闫的博客-CSDN博客MySQL：数据结构_IT闫的博客-CSDN博客数据结构：数据结构_IT闫的博客-CSDN博客C++：C++_IT闫的博客-CSDN博客C51单片机：C51单片机（STC89C516）_IT闫的博客-CSDN博客基于HTML5的网页设计
  • 【Rust】——使用Drop Trait 运行清理代码和Rc＜T＞ 引用计数智能指针 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录使用DropTrait运行清理代码通过std::mem::drop提早丢弃值
  • WebSocket相关 weixin_30535913 网络python前端ViewUI
    原文：http://www.cnblogs.com/jinjiangongzuoshi/p/5062092.html前言今天看了一些资料，记录一下心得。websocket是html5引入的一个新特性，传统的web应用是通过http协议来提供支持，如果要实时同步传输数据，需要轮询，效率低下websocket是类似socket通信，web端连接服务器后，握手成功，一直保持连接，可以理解为长连接，这时服
  • Vite构建Typescript简易原生前端项目 Alex程 前端typescript
    目录一、Vite简介什么是Vite？核心特点二、环境准备安装Node.js和npm安装Vite，创建项目三、项目结构和配置项目结构tsconfig.json配置文件package.json配置文件vite.config.ts配置文件创建文件常用配置四、编写代码1.HTML基本的HTML格式常用标签常用属性HTML5高级用法示例2.CSS基础概念选择器布局模型示例3.TypeScript详细内容示例
  • HTML5、CSS3面试题 Xu.Youth 大数据
    目录1、说一说H5新标签？2、CSS3的新特性？3、如何实现一个盒子水平垂直居中？4、你是怎么理解BFC的？5、说一说盒子模型？6、如何画一个三角形？7、说一些块级元素和行内元素8、简单聊一聊重排和回流？9、文本超出部分显示省略号？10、说一说清除浮动的方式？11、请你说一说css的选择器，以及优先级12、来说一说CSS3的过渡？13、简单聊一聊CSS3的2D、3D转换14、说一说CSS3的动画？
  • HTML5 面试题 weixin_51687565 html5
    1.HTML5新增了哪些重要特性？语义化标签：这些标签有助于提高页面的可读性和可维护性。多媒体支持：HTML5引入了和标签，可以直接嵌入音频和视频文件，无需依赖插件。本地存储：引入了localStorage和sessionStorage，允许在客户端存储数据，而不依赖于Cookies。离线应用：HTML5提供了applicationCache和ServiceWorkers，使得Web应用可以离线使
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他