html5 DeviceOrientation来实现手机网站上的摇一摇功能

原文地址：http://www.cootm.com/?p=706

从网上转载看到的，感觉不错，就转过来了，特此感谢 cnblogs 的 幸福2胖纸的码农生活，直接转载了，不要介意！呵呵

以下是转载内容。

———————————————————

介绍之前做两个声明：

1、以下代码可以直接运行，当然你别忘了引用jQuery才行，我可提醒了，别到时候跑不起来骂我就成；

2、下面的实现思想参照了网上的一些文章，自己做了以下整理，对代码加入了一些注释说明，本人并非原创。

 

  1 <html lang="zh-CN">

  2 <head>

  3 <meta charset="utf-8" />

  4 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />

  5 <meta name="format-detection" content="telephone=no" />

  6 <title>摇一摇</title>

  7 <script src="js/jquery-1.9.1.min.js"></script>

  8 <script>

  9 // DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。

 10 // 这个特性包括两个事件：

 11 // 1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据（手机所处的角度、方位和朝向等）。

 12 // 2、deviceMotion：封装了运动传感器的事件，可以获取手机运动状态下的运动加速度等数据。

 13 // 使用这两个事件，可以很能够实现重力感应、指南针等有趣的功能。

 14 

 15 // 现在在很多Native应用中有一个非常常见而时尚的功能 —— 摇一摇，摇一摇找人、摇一摇看新闻、摇一摇找金币。。。

 16 // 也许在android或者ios的客户端上对这个功能你已经很了解了，但是现在，我将告诉你如何在手机网页上实现摇一摇的功能。

 17 

 18 // OK，那我们现在就开始吧，嘿嘿~

 19 // 先来让我们了解一下设备运动事件 —— DeviceMotionEvent:返回设备关于加速度和旋转的相关信息，其中加速度的数据包含以下三个方向：

 20 // x：横向贯穿手机屏幕；

 21 // y：纵向贯穿手机屏幕；

 22 // z：垂直手机屏幕。

 23 // 鉴于有些设备没有排除重力的影响，所以该事件会返回两个属性：

 24 // 1、accelerationIncludingGravity(含重力的加速度)

 25 // 2、acceleration(排除重力影响的加速度)

 26 

 27 // 作为码农，上代码才是最直接的，come on，代码走起！

 28 

 29 // 首先在页面上要监听运动传感事件 

 30 function init(){

 31 　　if (window.DeviceMotionEvent) {

 32 　　　　// 移动浏览器支持运动传感事件

 33 　　　　window.addEventListener('devicemotion', deviceMotionHandler, false);

 34 　　　　$("#yaoyiyaoyes").show();

 35 　　} else{

 36 　　　　// 移动浏览器不支持运动传感事件

 37 　　　　$("#yaoyiyaono").show();

 38 　　} 

 39 }

 40 

 41 // 那么，我们如何计算用户是否是在摇动手机呢？可以从以下几点进行考虑：

 42 // 1、其实用户在摇动手机的时候始终都是以一个方向为主进行摇动的；

 43 // 2、用户在摇动手机的时候在x、y、z三个方向都会有相应的想速度的变化；

 44 // 3、不能把用户正常的手机运动行为当做摇一摇（手机放在兜里，走路的时候也会有加速度的变化）。

 45 // 从以上三点考虑，针对三个方向上的加速度进行计算，间隔测量他们，考察他们在固定时间段里的变化率，而且需要确定一个阀值来触发摇一摇之后的操作。

 46 

 47 // 首先，定义一个摇动的阀值

 48 var SHAKE_THRESHOLD = 3000;

 49 // 定义一个变量保存上次更新的时间

 50 var last_update = 0;

 51 // 紧接着定义x、y、z记录三个轴的数据以及上一次出发的时间

 52 var x;

 53 var y;

 54 var z;

 55 var last_x;

 56 var last_y;

 57 var last_z;

 58 

 59 // 为了增加这个例子的一点无聊趣味性，增加一个计数器

 60 var count = 0;

 61 

 62 function deviceMotionHandler(eventData) {

 63 　　// 获取含重力的加速度

 64 　　var acceleration = eventData.accelerationIncludingGravity; 

 65 

 66 　　// 获取当前时间

 67 　　var curTime = new Date().getTime(); 

 68 　　var diffTime = curTime -last_update;

 69 　　// 固定时间段

 70 　　if (diffTime > 100) {

 71 　　　　last_update = curTime; 

 72 

 73 　　　　x = acceleration.x; 

 74 　　　　y = acceleration.y; 

 75 　　　　z = acceleration.z; 

 76 

 77 　　　　var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000; 

 78 

 79 　　　　if (speed > SHAKE_THRESHOLD) { 

 80 　　　　　　// TODO:在此处可以实现摇一摇之后所要进行的数据逻辑操作

 81 　　　　　　count++;

 82 　　　　　　$("#yaoyiyaoyes").hide();

 83 　　　　　　$("#yaoyiyaoresult").show();

 84 　　　　　　$("#yaoyiyaoresult").html("摇你妹!第" + count + "个了！");

 85 　　　　}

 86 

 87 　　　　last_x = x; 

 88 　　　　last_y = y; 

 89 　　　　last_z = z; 

 90 　　} 

 91 } 

 92 </script>

 93 </head>

 94 

 95 <body>

 96 <div id="yaoyiyaono" style="font-size:20px;margin:10px;line-height:35px;display:none;">

 97 　　兄弟，如果您看到了我，说明您现在还不能摇，不是说您没有资格用我，而是：</br>

 98 　　1、如果您使用PC机的浏览器，那可就不对了，我只爱手机浏览器；</br>

 99 　　2、如果您是Android手机，那不好意思告诉你，android自带的浏览器抛弃了我，您可以用UCWeb、chrome等第三方浏览器；</br>

100 　　3、如果您都不属于以上两种情况，那我只有告诉您：您改换手机啦！！！</br>

101 </div>

102 <div id="yaoyiyaoyes" style="font-size:20px;margin:10px;line-height:50px;display:none;">

103 　　兄弟，摇一个吧，说不定有一个清纯的妹子等着你呢!

104 </div>

105 <div id="yaoyiyaoresult" style="font-size:20px;margin:10px;line-height:50px;display:none;"></div>

106 <script>

107 $(document).ready(function(){

108 init();

109 });

110 </script>

111 </body>

112 </html>
做了两个浏览地址，大家可以看看，第二个是华扬联众根据这个为蒙牛写的。
http://www.cootm.com/jobs/yaoyao.html  这个是上面代码的原型
http://www.cootm.com/jobs/index.html  这个是蒙牛的广告

你可能感兴趣的:(ORIENTATION)

  • halcon图像矫正 威威当爸了 Halconhalcon
    图像矫正**55表示最大文字的高度text_line_orientation(RegionTrans,InputImage,55,rad(-30),rad(30),OrientationAngle)rotate_image(InputImage,ImageRotate,-OrientationAngle/rad(180)*180,'constant')xld矫正,发现这个不是很灵.get_imag
  • android:configChanges 属性注意事项 翻转不起作用的问题 weixin_33774615 移动开发python
    2019独角兽企业重金招聘Python工程师标准>>>转屏时，配置了android:configChanges="keyboardHidden|orientation"还是会调用oncreate,原来是因为没有配置screensize属性导致。如此这般，还是不起作用啊，原来5.1的还要添加上权限，如下:经历如此折腾，终于好了参考:http://blog.csdn.net/huiguixian/ar
  • 关于android:configChanges的属性 speedcoder android开发layoutandroid
    今天遇到一个BUG，在GHOME中切换语言后，GH退出了，通过代码分析是因为没有设置android:configChanges="layoutDirection"导致的在MANIFESTs中加了这一句以后就好了。另外附上其他属性的说明。一般在AndroidManifest.xml文件中都没有使用到android:configChanges="keyboardHidden|orientation"配
  • H5判断当前移动端是横屏还是竖屏的方法汇总 迷途小码农零零发 前端常见javascript前端vue.jsreact.js
    在H5页面中，可以通过以下几种方法判断当前设备是横屏还是竖屏：方法一：使用window.orientationwindow.orientation属性返回当前设备的旋转角度。常见的值有：0或180表示竖屏90或-90表示横屏functionisLandscape(){returnwindow.orientation===90||window.orientation===-90;}if(isLand
  • 【已解决】java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation badme AndroidJavajavaandroid
    一、开发现场：开发中使用activity作为二级界面弹出，且设置了透明主题二，崩溃日志：Causedby:java.lang.IllegalStateException:Onlyfullscreenopaqueactivitiescanrequestorientationatandroid.app.Activity.onCreate(Activity.java:986)atcom.xx.xxx.x
  • 零基础学鸿蒙编程-UI控件_DirectionalLayout 蓝不蓝编程
    什么是DirectionalLayoutDirectionalLayout又称方向布局,是鸿蒙开发中几个常用的布局之一,使用频率较高,而且非常简单.布局内的控件依次排列,支持横向或纵向排列.基础样例1.纵向排列效果图代码代码说明:设置ohos:orientation为vertical,展示方向变成纵向DirectionalLayout里面包括了三个显示文本的Text.2.横向排列效果图代码代码说明
  • uniapp实现手机横屏（方法二） 前端fighter uni-app智能手机前端
    在manifest.json文件中，将"deviceOrientation"属性设置为"auto"，这样整个应用程序将支持横屏显示。在需要横屏显示的页面的标签中，添加onShow生命周期函数，并在函数中调用uni.setScreenOrientation({orientation:'landscape'})方法，将页面设置为横屏显示。exportdefault{onShow(){uni.setSc
  • HarmonyOS 横屏调试与真机横屏运行 瑞晟技术服务中心-耿瑞 harmonyos华为鸿蒙
    我们有些程序需要横屏才能执行出效果我们在预览器上点击如下图指向出就进入一个横屏调试了但我们真机运行依旧是竖着的我们如下图找到module.json5在abilities下面第一个对象最下面加上"orientation":"landscape"然后我们再真机运行就横屏了
  • Android Studio六大基本布局的概览和每个布局的关键特性以及实例分析 特创数字科技 日常分享androidstudioandroidide
    1.线性布局(LinearLayout)描述：线性布局是一种按指定方向（水平或垂直）排列其子视图的布局容器。通过android:orientation属性可设置为horizontal或vertical。关键属性：android:orientation:指定布局方向。android:layout_weight:子视图权重，用于分配剩余空间。示例：2.相对布局(RelativeLayout)描述：相对
  • 关于手机横竖屏 fragment里的view空指针 大虾啊啊啊
    手机横竖屏时，fragment里的实例如recyclerview对象为null，后台返回数据时回调导致空指针异常。解决办法：1.转屏触发了重绘，在Manifast里面给当前Activity添加如下属性试试：android:configChanges="orientation|screenSize"2.不论是旋转屏幕还是关闭Activity,都应该在Fragment#onDestroy()或者Fra
  • 审核被拒，未添加Gallery模块，HTML5+ Runtime Gallery module is not added whenpackaging 空我我
    微信图片_20230418105315.png这是ios审核驳回给的截图，后来查询了相关问题之后，发现官方的解释是:HBuilderX3.6.11+版本将Camera&Gallery、Barcode、Orientation、Record等模块从引擎内置调整为独立模块，解决iOS平台隐私合规检测可能报包含麦克风、相机/相册、运动等权限的问题。云端打包默认不再包含以上模块，如需要请手动在manifes
  • [UI5 常用控件] 06.Splitter，ResponsiveSplitter SAP峰※ UI5SAPUI5SAP
    文章目录前言1.Splitter1.1属性2.ResponsiveSplitter前言本章节记录常用控件Splitter,ResponsiveSplitter。主要功能是分割画面布局。其路径分别是：sap.ui.layout.Splittersap.ui.layout.ResponsiveSplitter1.Splitter1.1属性orientation：Horizontal，Vertical（
  • WPF布局面板 A_nanda wpfWPF布局面板
    StackPanelStackPanel是一种常用的布局控件，可以支持水平或垂直排列,但不会换行。当子元素添加到StackPanel中时，它们将按照添加的顺序依次排列。默认情况下，StackPanel的排列方向是垂直的，即子元素将从上到下依次排列。可以使用Orientation属性更改排列方向。可以设置两种排列方式：横排（Horizontal）和竖排（Vertical，默认）。水平排列时，每个元素
  • 鸿蒙学习-ListContainer 学渣中的战斗渣
    ListContainer是用来呈现连续、多行数据的组件，包含一系列相同类型的列表项。自有XML属性rebound_effect：开启/关闭回弹效果，boolean类型shader_color：着色器颜色，color类型orientation：列表项排列方向horizontal：表示水平方向列表。vertical：表示垂直方向列表。ListContainer的常用接口设置响应点击事件。listCo
  • css Media媒体查询常用属性 JoJo-Zhang css媒体chrome
    使用@media规则声明媒体查询，主要用于控制在不同的设备上显示不同的效果媒体类型：screen适用于电脑屏幕、平板电脑、智能手机等print适用于打印预览特性width可视区域的宽度orientation视窗的旋转方向（横屏landscape，默认竖屏模式）。运算符：and并且,或者@mediascreenand(min-width:600px)and(max-width:1024px),(or
  • Android之布局 勇敢的_心_
    LinearLayout-线性布局线性布局，最常用的布局之一，所有包含在线性布局里的控件在线性方向上依次排列。注意：线性布局不会换行，当组件一个挨着一个地排列到头之后，剩下的组件将不会被显示出来。1.方向在线性布局里面的控件，是按照线性的顺序进行排列的，方向有两种：横向和纵向。属性和属性值:android:orientation="horizontal"//水平android:orientatio
  • WPF中的工具栏ToolBar控件 周杰伦fans WPF笔记wpf
    ToolBar（工具栏）是WPF中的一个控件，用于在界面上创建一个水平或垂直的工具栏，以便放置和组织多个按钮或其他控件。ToolBar通常用于提供快速访问常用功能的方式，类似于传统桌面应用程序的工具栏。下面是ToolBar控件的一些主要特点和用法：方向和布局：ToolBar可以根据需要设置为水平（默认）或垂直布局。你可以使用ToolBar的Orientation属性来指定工具栏的方向。工具栏按钮：
  • 【学习笔记】Unity基础（十）【Unity界面之Scene窗口工具栏】 |Ringleader| unity学习笔记unity
    目录一总览二Scene视图导航2.1Orientation场景视角2.2场景视角的移动、旋转和缩放2.3场景对象聚焦三对象可见性与场景可见性3.1对象可见性控件3.2场景可见性控件3.3IsolateselectedGameObjects四Overlays五PositionGameObjects5.1TransformTools5.2ToolSettings（PositionandRotation
  • setRequestedOrientation配置为横屏闪退不生效问题 花草123 Android系统Android入门androidjava
    我们都知道Android横屏有两种配置方式：一种是在AndroidManifest.xml上写android:screenOrientation="landscape"另一种是在activity的java文件上写setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);本来2种是等价的，今天遇到了写setRequested
  • 《原则》读书笔记 ShadowAZK
    读书笔记——《原则》-RayDalio前言：《原则》这本书其实早在数年前就想拜读，借恒星Orientation读书笔记的机会将书中内容进行了精读，如各大书评网站的评分和原著超三百万次的下载量所示，此书以前所未有的方式展示了一位成功人士通过自己和他人的经历和经验总结成为一条条原则，循序渐进地教会读者如何剖析自我、理解他人、应对困难、实现目标等；然而本书最精彩的部分是让你发现了另一条看待自身和理解世界
  • splitContainer的属性、事件、方法 DotNeter-Hpf .NETFrameworkc#winform
    属性名操作博主翻译orientation两个值：Vertical和Horizontal前者拆分器左右分，后者拆分器上下分SplitterDistance设置为size的一半(左右分就设置size的宽度，上下分设置size的高度)确定拆分器与上边缘或左边缘的距离FixedPanel两个值：Panel1和Panel1调整大小期间，某个面板大小固定不变
  • gazebo 使用spaw_sdf_model命令不显示模型 pangweijian ROS自动驾驶人工智能机器学习
    $rosservicecall/gazebo/spawn_sdf_model"model_name:'aaa'model_xml:'./model.sdf'robot_namespace:'1'initial_pose: position:{x:0.0,y:0.0,z:0.0} orientation:{x:0.0,y:0.0,z:0.0,w:0.0}reference_frame:''" suc
  • LinearLayout的常用属性和布局技巧 lcannal Androidgiteeandroid
    LinearLayout中常用属性1.LinearLayout的根标签在创建LinearLayout布局时，首先需要使用``标签作为根标签来定义一个LinearLayout布局容器。该标签用于包裹所有的子视图。2.android:orientation属性LinearLayout的`android:orientation`属性用于指定布局的排列方向。可选值为"horizontal"（水平方向）和"
  • ionic对横竖屏的切换 菠菜盼娣
    当表格的列数比较多，一屏展示不全时，需要进行横竖屏的切换。cordova-plugin-screen-orientation2.0.21安装插件cordovapluginaddcordova-plugin-screen-orientation2添加屏幕配置3注意项orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有：default，landscape(横屏)，por
  • Dicom Tag： Image Position，Image Orientation和Patient Position 北方骑马的萝卜 Dicom图像处理dicom医学图像
    文章目录ImagePosition，ImageOrientation和PatientPositionImagePosition(0020,0032):ImageOrientation(0020,0037):PatientPosition(0018,5100)：ImagePosition，ImageOrientation和PatientPosition在DICOM图像中，ImagePosition和
  • Vue移动端rotate强制横屏 lMoonRed 前端vue.js
    强制横屏#screen{position:fixed;width:100%;height:100%;padding:0;margin:0;background-color:rgb(228,180,180);overflow:hidden}@mediascreenand(orientation:portrait){/*竖屏*/#main{position:absolute;width:100vh;h
  • YOLOv7检测视频报错解决-module ‘cv2.cv2‘ has no attribute ‘CAP_PROP_ORIENTATION_META‘ erin_wu 报错解决YOLOpython开发语言
    项目地址：https://github.com/ultralytics/yolov5/releases报错信息：module‘cv2.cv2’hasnoattribute‘CAP_PROP_ORIENTATION_META’解决方法：跳转到dataloader.py文件夹，把原始的值改成48#self.orientation=int(self.cap.get(cv2.CAP_PROP_ORIENT
  • 响应式布局 2021/2/2 PBitW 重学前端2csscss详解viewport详解响应式布局经验分享
    文章目录一、了解viewport设置meta（viewport）二、通过实例看响应式媒体查询媒体类型stylelink@import(和link结合)@mediacss3min-device-pixel-ratio属性解决高清的图片适配问题：解决方法多设备支持（，分隔）设备方向（orientation属性）查询条件逻辑与（and）逻辑或（，）不应用（not）only引入顺序一、了解viewport
  • 移动端图片上传旋转、压缩的解决方案 林鑫_ javascript图片上传exif图片旋转canvas
    前言在手机上通过网页input标签拍照上传图片，有一些手机会出现图片旋转了90度的问题，包括iPhone和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。原文作者：林鑫，博客：https://github.com/lin-xin/blog/Orientation这个参数并不是所有图片都有的，不过手机拍出
  • Only fullscreen opaque activities can request orientation 碎焱
    问题Android8.0手机，在使用全屏且透明的theme，作为Activity的主题的同时，使用screenOrientation固定了Activity的方向。在这种情况下，会抛出以下异常：1java.lang.RuntimeException:UnabletostartactivityComponentInfo{xxActivity}:java.lang.IllegalStateExcepti
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他