移动端事件笔记

　　移动端主要的事件有：touchstart、touchmove、touchend、touchcancel、gesturestart、gesturechange、gestureend

　　前四者为触摸事件，后者为手势事件，其中需要注意的是touchstart -> touchmove -> touchend -> click的顺序。并且触发了touchmove事件就不会触发click事件

　　触摸事件的event提供了如下属性：

移动端事件笔记

　　对于手势事件，还提供了event.scale 和 event.rotation两个特别有用的属性。

　　具体的使用在下面代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

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

    <title>Mobile touch event</title>

    <style>

        html,body,#canvas{

            width: 100%;

            height: 100%;            

            padding: 0;

            margin: 0;

        }        

        #canvas{

            position: relative;

            background-color: #ccc;

        }

        .spirit{

            position: absolute;

            background-color: #f30;

            display: block;

        }

    </style>

</head>

<body>

    <div id="canvas"></div>

    <script>

    var canvas = document.getElementById('canvas'),spirit,startScale,startRotation;



    var touchstartFun = function(e){

        e.preventDefault();

        if(!spirit && e.touches.length >1){

            var sPoint = e.touches[0];

            var ePoint = e.touches[1];            

            spirit     = document.createElement('div') ;

            spirit.className    = 'spirit';

            spirit.style.left   = Math.min(sPoint.pageX,ePoint.pageX) + 'px';

            spirit.style.top    = Math.min(sPoint.pageY,ePoint.pageY) + 'px';

            spirit.style.width  = Math.abs(sPoint.pageX - ePoint.pageX) + 'px';

            spirit.style.height = Math.abs(sPoint.pageY - ePoint.pageY) + 'px';

            canvas.appendChild(spirit);



        }

    };



    var gesturestartFun = function(e){

        e.preventDefault();

    };



    var gesturechangestureendFun = function(e){

        e.preventDefault();

        if(startRotation == null || startScale == null){

            startScale    = 0;

            startRotation = 0;            

        }else{

            spirit.style.webkitTransform = 'scale('+ (e.scale + startScale) +') rotate('+ (e.rotation + startRotation) +'deg)'

        }

    };



    var gestureendFun = function(e){

        e.preventDefault();

        canvas.removeChild(spirit);

        spirit        = null;

        startScale    = null;

        startRotation = null;

    };



    //必须填false，不填写默认应该也是false，但是手机端必须填false！

    canvas.addEventListener('touchstart',touchstartFun,false);

    canvas.addEventListener('gesturestart',gesturestartFun,false);

    canvas.addEventListener('gesturechange',gesturechangestureendFun,false);

    canvas.addEventListener('gestureend',gestureendFun,false);

    

    var orientationchangestureendFun = function(){

        switch(window.orientation) {

    　　case 0: 

            alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);

            break;

    　　case -90: 

            alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height);

            break;

    　　case 90:   

            alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height);

            break;

    　　case 180:   

        　　alert("风景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height);

        　　break;

    };

    };



    //window.addEventListener('orientationchange',orientationchangestureendFun,false);

    window.onorientationchange = orientationchangestureendFun;

    </script>

</body>

</html>

 

你可能感兴趣的:(移动端)

  • PostgreSQL： GIN 索引详解 码到π退休 数据库postgresqlgin数据库
    博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分
  • Unity光线追踪移动端降级适配技术指南 Clank的游戏栈 unity游戏引擎
    一、移动端光追的技术挑战与适配思路1.硬件限制与性能瓶颈算力限制：移动端GPU的并行计算能力仅为桌面端的1/10-1/2010带宽压力：光线追踪需要频繁访问几何数据，移动端显存带宽不足发热控制：连续高负载运算易触发设备温控降频2.降级适配核心策略优化维度高配方案低配方案光线数量每像素4-8条每像素1-2条反射/折射深度3-4次反弹1次反弹采样精度时间抗锯齿(TAA)双线性插值数据结构BVH动态构建
  • Python爬虫入门教程三：requests-html处理动态网页 NUAA丶无痕 Python爬虫
    环境python:3.7.4python库:requests-htmlIDE:pycharm2019.3版本爬取网址:https://weibo.cn/pub/教程本次教程爬取的网页是微博移动端的界面，打开网页会显示如下图所示其中除了两个明星每次加载会不一样以外，其他网页的内容是固定的，也就是说利用xpath只能提取网页的其他内容，但是不能提取显示的明星相关的内容下面附上完整代码，但先不要复制运行
  • 深度分离卷积模块：轻量化网络的革命性设计 点我头像干啥 Ai网络
    引言：卷积神经网络的计算瓶颈在计算机视觉领域，卷积神经网络(CNN)已经成为了事实上的标准架构。从AlexNet到ResNet，再到EfficientNet，CNN架构不断演进，在图像分类、目标检测和语义分割等任务上取得了令人瞩目的成绩。然而，随着模型性能的提升，网络的计算复杂度和参数量也呈指数级增长，这给移动端和嵌入式设备的部署带来了巨大挑战。传统的标准卷积操作在提取特征时，同时考虑了空间相关性
  • 轻量化模型 樱桃瓜娃子02
    轻量化模型是一种能在移动端使用的网络模型。MobileNet特点：1、DepthwiseConvolution（大大减少运算量和参数数量）2、增加超参数α,β\alpha,\betaα,β传统卷积神经网络，内存需求大、运算量大导致无法在移动设备以及嵌入式设备上运行。
  • android新架构,Android项目新架构（2）——Clean Architecture 太球 android新架构
    前言由于CSDN在移动端的UI界面不太友好，现在把博客迁到简书。原来CSDN博客地址：http://blog.csdn.net/iigeoxiaoyangCleanArchitecture架构模式很早之前就提出了，FernandoCejas在Github上实现了Android下的CleanArchitecture项目。本文主要根据这个项目源码以及我们项目中的实践说说对这个架构的理解。一CleanA
  • 畅享Mac桌面版TikTok！ 星鹿XINGLOO macos安卓macwebwebappiphone
    TikTok作为全球最受欢迎的短视频平台之一，为用户提供了丰富的内容和互动体验。虽然TikTok的移动端应用非常流行，但许多用户也希望在Mac电脑等大屏设备上体验这一平台带来的娱乐和互动。通过网页版在Mac上使用TikTok最直接的方法是通过TikTok的官方网站访问平台。在Mac电脑上，您只需要使用Safari、Chrome等主流浏览器，就可以直接登录并浏览TikTok的视频内容。访问TikTo
  • iOS--iframe滚动穿透问题 前端_学习之路 H5ios前端
    在移动端的项目中，需要实现有效阅读标记的需求，此功能在实现iframe嵌入PDF预览时，需要在下滑到底部时显示标记按钮，但是在iOS中，因为滚动穿透的问题，在PDF区域触底后无法触发外层的滚动事件，后经过查询得知，这是因为iOS的滚动机制和iframe的滚动容器特性导致的。下面是几种解决该问题的方法：方法一：使用webkit-overflow-scrolling属性在iframe中添加webkit
  • 【随笔】一些随笔 zyz_Kilig 测试专栏功能测试
    提示：仅供参考文章目录业务方向一.作为测试工程师，如何快速理解业务？1.理指标体系2.看需求文档3.看测试用例4.看别人的问题单二、你们公司的测试流程是什么？三、问题单（bug）包含哪些内容？四、bug生命周期五、在测试过程中遇到的难题？六、印象深刻的bug？技术方向一.get和post？二、HTTP和HTTPs区别？三、WEB和移动端APP测试的区别？四、如何进行接口测试？五、接口自动化脚本中，
  • 后端架构模式之－BFF（Backend-For-Frontend） txzq BFFBFF架构模式
    Backend-for-Frontend（BFF）的概念与意义1.什么是Backend-for-Frontend（BFF）？Backend-for-Frontend（简称BFF）是一种后端架构模式，它为特定的前端应用（Web、移动端、桌面端等）提供专门的后端服务，作为前端与通用后端（或微服务）之间的中间层。在传统架构中，前端通常直接与一个通用的后端API（如RESTful或GraphQLAPI）交
  • NFC 智能门锁全栈解决方案：移动端、服务器、Web 管理平台 34号树洞 物联网NFC近场通讯智能门锁物联网
    目录一、系统整体架构二、移动端APP开发2.1开发环境与基础准备2.2主要功能模块2.3示例代码（Android/Kotlin简化示例）三、后台服务开发3.1环境准备3.2主要功能3.3示例代码（Node.js+Express简化示例）四、Web管理平台开发4.1开发环境准备4.2主要功能模块4.3示例代码（基于Vue.js的前端示例）五、系统优化建议六、总结下面提供一个完整的全链路开发教程，涵盖
  • Windows 10 系统下配置Flutter开发环境，保姆级教程冢铖2023-02-17 09:56广东 仙女很美哦 httpudphttpswebsocket网络安全网络协议tcp/ip
    Windows10系统下配置Flutter开发环境在Windows平台下开发移动端应用，需要配置Flutter开发环境。以下是详细的教程，按照这个步骤一步一步往下走，保证可以配置一个完整的Flutter移动端开发环境。第一步：为Flutter设定镜像配置由于Flutter默认的资源包、更新包等都在国外，在国内网络环境访问会有“墙”的阻碍，需要把目标地址指向国内的镜像，因此需要配置两个环境变量，具体
  • 音视频基础能力之 Android 音频篇 （三）：高性能音频采集 声知视界 音频音视频android
    涉及硬件的音视频能力，比如采集、渲染、硬件编码、硬件解码，通常是与客户端操作系统强相关的，就算是跨平台的多媒体框架也必须使用平台原生语言的模块来支持这些功能本系列文章将详细讲述移动端音视频的采集、渲染、硬件编码、硬件解码这些涉及硬件的能力该如何实现。本文为该系列文章的第3篇，也是有关音频采集的最后一篇，将详细讲述在Android平台如何实现高性能音频采集。往期精彩内容，可参考：音视频基础能力之An
  • 2小时完成1天工作量？有了这款Axure移动端元件库，设计如此简单 招风的黑耳 设计素材Axureaxure移动端元件库
    高保真原型设计已成为验证创意、优化体验的关键环节。Axure作为专业原型设计工具，凭借其强大的交互能力广受青睐。下面推荐的这款Axure移动端高保真动态交互元件库，凭借500+精心设计的组件与模板，可以满足你产品原型设计的需要，各类模版页面为你提供设计参考。该元件库分为界面模板和基础组件两大模块：界面模板涵盖电商、社交、金融、教育等主流场景，提供首页、详情页、支付流程等完整页面原型，减少重复设计。
  • HandyJSON原理 Unlimitedz app开发swift开发语言ios
    HandyJSON的优势JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,应用广泛.在App的使用过程中,服务端给移动端发送的大部分都是JSON数据,移动端需要解析数据才能做进一步的处理.在解析JSON数据这一块,目前Swift中流行的框架基本上是SwiftyJSON,ObjectMapper,JSONNeverDie,HandyJSON这么几种.我们应该如何
  • 前端 Web 与原生应用端 WebView 通信交互 - HarmonyOS Next survivorsfyh HarmonyOS前端harmonyos华为javascript
    基于鸿蒙HarmonyOSNext与前端Vue通信交互相关小结;DevEcoStudioNEXTDeveloperPreview2Vuejs两端相互拟定好协议后,通过前端页面的点击事件,将所需的数据传输给原生移动端组件方法中,处理后将消息回传至前端.根据官方文档的案例尝试,但没成功...后经过几经尝试后两端握手成功...(官方文档略显粗糙,好一番折腾)一.应用端基于importweb_webvie
  • 模型部署全流程：SavedModel、TFLite、TF.js、ONNX 的导出与实战 AI筑梦师 计算机视觉人工智能学习框架javascriptneo4j开发语言计算机视觉tensorflow持续部署人工智能
    模型部署全流程：SavedModel、TFLite、TF.js、ONNX的导出与实战TensorFlow的最大优势之一，就是拥有“端到端部署闭环”。从训练到导出，用户可根据目标平台灵活选择格式，部署到：服务端（TFServing/TensorRT）移动端（TensorFlowLite）浏览器端（TensorFlow.js）多框架跨平台（ONNX）本章我们将覆盖四大部署格式，逐一讲清其导出方式、平台
  • 【VUE】后台管理中使用富文本编辑器 短暂又灿烂的 javascript前端
    前言vue后台管理编辑器以下代码均可直接复制，只需要更改一些引入的路径教学文档以及官方文档都有进行备注一.介绍使用的插件介绍wangEditor浏览器兼容性兼容主流PC浏览器，IE11+不支持移动端和ipad插件教学文档教学文档上图看效果二.使用使用npm安装npminstallwangeditor--savecomponents下创建editoritem.vue，将编辑器封装成组件，方便调用管理
  • 学习新技术总是浅尝辄止？用 AI 打破瓶颈，真正掌握技能！ 网罗开发 人工智能AI大模型学习人工智能
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • uniapp [全端兼容] - 详细实现下拉菜单筛选效果功能，提供各种条件筛选场景单选、多选、日期时间、自定义插槽、排序上下箭头等（详细示例源代码，全平台兼容支持小程序、H5网站、app、nvue） 王二红 +UniAppuni-app下拉筛选菜单插件组件仿美团电商平台条件筛选效果uniapp官方筛选下拉菜单下拉层级筛选功能新手详细示例代码教程下拉筛选面板条件筛选功能
    前言如果您需要同类型，更美观且简洁的组件，请访问这篇文章。在uni-app（h5网页/小程序/安卓苹果app/nvue等）项目开发中，手机移动端下拉条件筛选菜单功能，下拉式筛选菜单面板，支持插槽自定义内容、单选列表、多选列表、多级联动、复杂级联列表、排序上下小三角等通用示例，带动画过渡效果，可根据需求自定义样式和修改展开收起动画、弹框样式等，uniappv2/v3均可使用，复制示例代码运行即可。如
  • PostgreSQL：GiST索引实现千万级IP库0.01毫秒检索 伏羲栈 数据库postgresqltcp/ip数据库
    博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分
  • 产品经理必备知识之网页设计系列（二）-如何设计出一个优秀的界面 文宇肃然 产品运营系列课程快速学习实战应用界面设计产品设计产品经理网页设计
    前言第一部分参见产品经理必备知识之网页设计系列（一）-创建出色用户体验https://blog.csdn.net/wenyusuran/article/details/108199875第三部分参见产品经理必备知识之网页设计系列（三）-移动端适配&无障碍设计及测试https://wenyusuran.blog.csdn.net/article/details/108199947设计师和开发人员在构
  • vant官网-vant ui 首页-移动端Vue组件库 embelfe_segge 面试学习路线阿里巴巴android前端后端
    Vant是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。鉴于百度搜索不到vant官方网址，分享一下vant组件库官网地址，方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2：npmivant-S#Vue3项目，安装V
  • HTML+CSS案例展示(CSS3D效果旋转相册) hacalili htmlcss前端css3
    参考来源：黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili效果展示：总结：transform：translate(x,y)rotate(180deg)scale()...顺序对最后的效果有影响，需要根据需求安排位移和其他属性的顺序；实现暂停动画效果：animation-play-state:paused;经常和鼠标经过等其
  • Axure常用交互效果二——拖动效果 结构化知识课堂 Axure应用交互设计axure
    亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！在很多移动端应用中经常会涉及到界面拖动操作，那么产品经理是怎么做出来的？这节课我们就来展示操作，这里会涉及到的知识点有：移动、动态面板。滑动分为左右拖动和上下拖动，案例中我们分别做了菜单的横向拖动和内页的上下拖动，下边我们以横向菜单的左右拖动为例，进行讲解，更多内容请观看作者视频内容。课程主题：拖动效果效果描述：左右拖动，上下拖动应用场景：横
  • 常用的API设计都有哪些风格？优劣势？ PhilipJ0303 java面试API设计接口
    API设计是软件开发中非常重要的一部分，良好的API设计可以提高系统的可维护性、扩展性和易用性。常见的API设计风格主要有以下几种：1.RESTfulAPI3.gRPC4.SOAP（SimpleObjectAccessProtocol）5.WebSocket6.RPC（RemoteProcedureCall）7.Webhook总结风格适用场景优点缺点RESTfulWeb、移动端、简单CRUD操作简
  • asp.net mvc mysql 开源项目_【开源项目SugarSite】ASP.NET MVC+ Layui+ SqlSugar+RestSharp项目讲解... weixin_39805732 asp.netmvcmysql开源项目
    SugarSite一个前端支持移动端的企业网站，目前只支持了简单功能，后续还会加上论坛等。源码GIT地址：技术介绍Layui个人而言不喜欢引用一堆东西，越简洁越好，layui正好能够满足我的这种需求，它是一款轻量级UI，JS部分都是采用模块化设计(AMD)，对移动端支持比较不错。唯一不足是目前支持的组件有些少，需要有一定前端扩展能力的人才可以顺心使用。用法：例如我想用form.js和uploda.
  • 移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 Ailsa-show
    移动端网页布局注意事项及解决1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上，输入框默认有内部阴影，但无法使用box-shadow来清除，如果不需要阴影，可以这样关闭：input,textarea{border
  • DeepSeek 模型未来怎么走？技术创新、行业落地全解析！ 网罗开发 AI大模型人工智能人工智能职场和发展
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • python+flask计算机毕业设计基于Android平台的景区移动端旅游软件系统（程序+开题+论文） Node.js彤彤 程序 pythonflask课程设计
    本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容研究背景随着移动互联网技术的飞速发展，智能手机已成为人们日常生活中不可或缺的一部分，特别是在旅游领域，移动端应用以其便捷性、实时性和个性化服务的特点，极大地改变了人们的旅游体验方式。当前，旅游市场日益繁荣，游客对于旅游信息获取、行程规划、景点导航、票务预订及个性化服务的需
  • 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其他