涂根华
涂根华

javascript And KISSY左右控制按钮

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.  <head> 
    4. 
   
   
   
   
  4.   <title> New Document </title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html;charset=GBK" /> 
    6. 
   
   
   
   
  6.   <base target='_blank'/> 
    7. 
   
   
   
   
  7.   <style> 
    8. 
   
   
   
   
  8.   body,div,ul,li{margin:0;padding:0;} 
    9. 
   
   
   
   
  9.   ul,li{list-style:none;} 
    10. 
   
   
   
   
  10.   img,a{display:block;} 
    11. 
   
   
   
   
  11.   img{border:none;} 
    12. 
   
   
   
   
  12.   .switch{overflow:hidden;width:300px;height:66px;border:1px solid #ccc;margin:50px auto 0;} 
    13. 
   
   
   
   
  13.   .prev,.next{float:left;width:50px;margin-top:20px;color:red;cursor:pointer;} 
    14. 
   
   
   
   
  14.   .scroll{width:198px;height:64px;overflow:hidden;float:left;border:1px solid #ccc;} 
    15. 
   
   
   
   
  15.   .list{display:block;height:64px;} 
    16. 
   
   
   
   
  16.   .list li{float:left;overflow:hidden;width:64px;height:64px;padding:0 1px;} 
    17. 
   
   
   
   
  17.   </style> 
    18. 
   
   
   
   
  18.   <script src="http://a.tbcdn.cn/??s/kissy/1.2.0/kissy-min.js"></script> 
    19. 
   
   
   
   
  19.  </head> 
    20. 
   
   
   
   
  20.  
    21. 
   
   
   
   
  21.  <body> 
    22. 
   
   
   
   
  22.     <div class='switch'> 
    23. 
   
   
   
   
  23.         <span class='prev'>上一页</span> 
    24. 
   
   
   
   
  24.         <div class='scroll'> 
    25. 
   
   
   
   
  25.             <ul class='list' id='list'> 
    26. 
   
   
   
   
  26.                 <li><a href="#" title=''><img src='10.jpg' width='64' height='64'/></a></li> 
    27. 
   
   
   
   
  27.                 <li><a href="#" title=''><img src='20.jpg' width='64' height='64'/></a></li> 
    28. 
   
   
   
   
  28.                 <li><a href="#" title=''><img src='30.jpg' width='64' height='64'/></a></li> 
    29. 
   
   
   
   
  29.             </ul> 
    30. 
   
   
   
   
  30.         </div> 
    31. 
   
   
   
   
  31.         <span class='next'>下一页</span> 
    32. 
   
   
   
   
  32.     </div> 
    33. 
   
   
   
   
  33.     <script> 
    34. 
   
   
   
   
  34.     /** 
    35. 
   
   
   
   
  35.     * javascript左右控制按钮 
    36. 
   
   
   
   
  36.     * @param 
    37. 
   
   
   
   
  37.     */ 
    38. 
   
   
   
   
  38.         var switchable = (function(){ 
    39. 
   
   
   
   
  39.             var S = KISSY,D = S.DOM,E = S.Event; 
    40. 
   
   
   
   
  40.             var max = 0,itemWidth = 0,items = D.query('#list li'), 
    41. 
   
   
   
   
  41.                 list = D.get('.list'),prev = D.get('.prev'),next = D.get('.next'), 
    42. 
   
   
   
   
  42.                 timer = null,flag = false,count=0,action = 'add'; 
    43. 
   
   
   
   
  43.             for(var i=0;i<items.length;i++){ 
    44. 
   
   
   
   
  44.                 itemWidth = items[i].offsetWidth; 
    45. 
   
   
   
   
  45.                 max +=itemWidth; 
    46. 
   
   
   
   
  46.             } 
    47. 
   
   
   
   
  47.             var r = max *2; /* 给外层宽度的2倍 为动画做好准备 */ 
    48. 
   
   
   
   
  48.             D.css('.list','width',r); 
    49. 
   
   
   
   
  49.             list.innerHTML +=list.innerHTML; /* 同理 html结构增加一倍 */ 
    50. 
   
   
   
   
  50.             var obj = { 
    51. 
   
   
   
   
  51.                 prev : function(){ 
    52. 
   
   
   
   
  52.                     if(!flag){ 
    53. 
   
   
   
   
  53.                         action = "minus"; //只是为了增加一个标志 和flag一样 
    54. 
   
   
   
   
  54.                         var that = this; 
    55. 
   
   
   
   
  55.                         timer = setInterval(function(){ 
    56. 
   
   
   
   
  56.                             that.move(); 
    57. 
   
   
   
   
  57.                         },10) 
    58. 
   
   
   
   
  58.                     } 
    59. 
   
   
   
   
  59.                 }, 
    60. 
   
   
   
   
  60.                 next : function(){ 
    61. 
   
   
   
   
  61.                     if(!flag){ 
    62. 
   
   
   
   
  62.                         action = 'add'; 
    63. 
   
   
   
   
  63.                         var that = this; 
    64. 
   
   
   
   
  64.                         timer = setInterval(function(){ 
    65. 
   
   
   
   
  65.                             that.move(); 
    66. 
   
   
   
   
  66.                         },10) 
    67. 
   
   
   
   
  67.                     } 
    68. 
   
   
   
   
  68.                 }, 
    69. 
   
   
   
   
  69.                 move : function(){ 
    70. 
   
   
   
   
  70.                     var list_nd = KISSY.all('.scroll'); 
    71. 
   
   
   
   
  71.                     if(count < itemWidth){ 
    72. 
   
   
   
   
  72.                         var n = list_nd.scrollLeft(); 
    73. 
   
   
   
   
  73.                         if(action=='add'){ 
    74. 
   
   
   
   
  74.                             if(n>=max){ 
    75. 
   
   
   
   
  75.                                 list_nd.scrollLeft(0); 
    76. 
   
   
   
   
  76.                                 n = list_nd.scrollLeft(); 
    77. 
   
   
   
   
  77.                                 list_nd.scrollLeft(n+2); 
    78. 
   
   
   
   
  78.                             }else{ 
    79. 
   
   
   
   
  79.                                 list_nd.scrollLeft(n+2); 
    80. 
   
   
   
   
  80.                             } 
    81. 
   
   
   
   
  81.                         }else{ 
    82. 
   
   
   
   
  82.                             if(n<=0){ 
    83. 
   
   
   
   
  83.                                 list_nd.scrollLeft(max); 
    84. 
   
   
   
   
  84.                                 n = list_nd.scrollLeft(); 
    85. 
   
   
   
   
  85.                                 list_nd.scrollLeft(n-2); 
    86. 
   
   
   
   
  86.                             }else{ 
    87. 
   
   
   
   
  87.                                 list_nd.scrollLeft(n-2); 
    88. 
   
   
   
   
  88.                             } 
    89. 
   
   
   
   
  89.                         } 
    90. 
   
   
   
   
  90.                         count = count + 2; 
    91. 
   
   
   
   
  91.                     }else{ 
    92. 
   
   
   
   
  92.                         flag = false; 
    93. 
   
   
   
   
  93.                         clearInterval(timer); 
    94. 
   
   
   
   
  94.                         count = 0; 
    95. 
   
   
   
   
  95.                     } 
    96. 
   
   
   
   
  96.                 } 
    97. 
   
   
   
   
  97.             } 
    98. 
   
   
   
   
  98.             E.on(prev,'click',function(){ 
    99. 
   
   
   
   
  99.                 obj.prev(); 
    100. 
   
   
   
   
  100.             }); 
    101. 
   
   
   
   
  101.             E.on(next,'click',function(){ 
    102. 
   
   
   
   
  102.                 obj.next(); 
    103. 
   
   
   
   
  103.             }) 
    104. 
   
   
   
   
  104.         })() 
    105. 
   
   
   
   
  105.  
    106. 
   
   
   
   
  106.     </script> 
    107. 
   
   
   
   
  107.  </body> 
    108. 
   
   
   
   
  108. </html> 
    109.

 

你可能感兴趣的:(JavaScript,职场,kissy,休闲,and,左右控制按钮)

  • JavaScript 改变 HTML 图像 我自纵横2023 JaveScript教程javascripthtml开发语言ecmascript前端
    JavaScript改变HTML图像JavaScript改变HTML图像的核心是通过动态修改标签的src属性或调整CSS样式实现图像切换或视觉效果变化。以下是具体方法与场景解析：一、核心方法：修改src属性1.直接替换图像路径通过document.getElementById()获取图像元素，修改其src属性即可切换图片：functionchangeImage(){constimg=documen
  • 液压校平机：精密矫平技术的核心装备与应用解析 玛哈特-小易 人工智能大数据精密矫平机科技制造液压校平机液压矫平机
    一、液压矫平机的工作原理液压矫平机基于液压传动与材料弹塑性变形原理，通过多组矫平辊对金属板材施加交替交变的弯曲应力，逐步消除板材内部的残余应力，最终实现高精度矫平。其核心流程包括：液压驱动：由液压泵站提供动力，通过伺服阀组控制液压缸的推杆运动，驱动上压模对板材施压37。辊系作用：辊组按特定排列（如前5辊采用传统校平机比例，后5辊接近卷曲消除机设计），通过反复弯曲板材，利用“包辛格效应”将原始曲率差
  • 用 HTML、CSS 和 JavaScript 实现二进制猜数字游戏 天若有情673 htmlcssjavascript
    在Web开发的世界里，我们常常希望通过简单而有趣的项目来巩固和应用所学的知识。今天，我们就来介绍一个基于HTML、CSS和JavaScript实现的二进制猜数字游戏，这个游戏既可以作为新手入门的练手项目，也能帮助大家更好地理解二进制的原理。项目背景二进制猜数字游戏是一个经典的利用二进制原理设计的小游戏。游戏通过展示6张卡片，玩家只需告知数字是否在卡片上，就能让程序猜出玩家心中所想的1-63之间的数
  • Javascript 全局脚本编程和模块化编程的区别 lzfshub javascript开发语言ecmascript
    全局脚本编程和模块化编程在JavaScript中代表了两种不同的代码组织和执行方式。以下是它们之间的一些主要区别：全局脚本编程：全局作用域：变量和函数默认在全局作用域中创建，容易造成命名冲突。全局变量可以在页面的任何其他脚本中访问和修改。命名空间污染：由于所有变量和函数都暴露在全局作用域，容易导致命名空间污染。需要开发者手动管理命名空间，例如通过使用对象字面量或立即执行函数表达式（IIFE）来封装
  • 【前端扫盲】node.js npm nvm都是什么以及他们之间的关系 Tipriest_ 前端扫盲前端node.jsnpmnvm
    1.Node.js：JavaScript运行时环境定义：基于ChromeV8引擎的JavaScript运行平台，让JavaScript可以脱离浏览器在服务器端运行。作用：执行JavaScript代码（如运行Hexo博客生成器）。提供系统级API（如文件操作、网络通信等）。关键点：版本更新频繁，不同版本可能对项目兼容性产生重大影响（例如Node.js18+可能破坏旧插件）。2.npm(NodePac
  • DeepSeek：开启办公效率革命的智能助手 CodeJourney. 算法人工智能数据库
    在当今快节奏的办公环境中，提高效率成为职场人士的核心追求。DeepSeek作为一款强大的人工智能工具，正逐渐融入办公的各个环节，为文档撰写、数据分析、会议组织等工作带来前所未有的便利。本文深入剖析DeepSeek在办公场景中的全方位应用，结合实际案例阐述其功能优势，并探讨使用过程中的技巧与注意事项，旨在为广大办公人员提供全面且实用的指导，助力充分发挥DeepSeek的价值，提升办公效率与质量。一、
  • 前端模块化开发 加贝力口贝 web前端Vue.js前端javascriptvue.js
    文章目录一、模块化1、模块化简介1.1模块化产生的背景1.2模块化规范2、ES6模块化规范2.1导出模块2.2导入模块2.3运行程序3、使用Babel转码3.1安装3.2初始化项目3.3配置.babelrc3.4安装转码器3.5转码3.6运行程序4、更多的方式一、模块化1、模块化简介1.1模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。
  • MOSN（Modular Open Smart Network）-04-TLS 安全链路 老马啸西风 sofagolang云原生网络算法中间件
    前言大家好，我是老马。sofastack其实出来很久了，第一次应该是在2022年左右开始关注，但是一直没有深入研究。最近想学习一下SOFA对于生态的设计和思考。sofaboot系列SOFAStack-00-sofa技术栈概览MOSN（ModularOpenSmartNetwork）-00-简单聊一聊MOSN（ModularOpenSmartNetwork）-01-是一款主要使用Go语言开发的云原生
  • MOSN（Modular Open Smart Network-01-是一款主要使用 Go 语言开发的云原生网络代理平台 老马啸西风 sofagolang云原生网络开发语言中间件阿里云后端
    前言大家好，我是老马。sofastack其实出来很久了，第一次应该是在2022年左右开始关注，但是一直没有深入研究。最近想学习一下SOFA对于生态的设计和思考。sofaboot系列SOFAStack-00-sofa技术栈概览MOSN（ModularOpenSmartNetwork）-00-简单聊一聊MOSN（ModularOpenSmartNetwork）-01-是一款主要使用Go语言开发的云原生
  • LeetCode第109题_有序链表转换二叉搜索树 @蓝莓果粒茶 算法leetcode链表算法数据结构c++pythonc#
    LeetCode第109题：有序链表转换二叉搜索树题目描述给定一个单链表的头节点head，其中的元素按升序排序，将其转换为高度平衡的二叉搜索树。本题中，一个高度平衡二叉树是指一个二叉树每个节点的左右两个子树的高度差的绝对值不超过1。难度中等题目链接点击在LeetCode中查看题目示例示例1：输入：head=[-10,-3,0,5,9]输出：[0,-3,9,-10,null,5]解释：一个可能的答案
  • 分布式环境下的重复请求防护：非Redis锁替代方案全解析 敲键盘的小夜猫 应用场景javaredis分布式redis数据库
    目录引言方案一：前端防护策略方案二：后端协同控制方案三：流量控制与过滤滑动窗口限流布隆过滤器方案四：基于框架的实践方案多层防护策略与最佳实践总结引言在Web应用开发中，防止用户重复点击提交是一个常见却棘手的问题。重复提交不仅会导致数据重复、资源浪费，在交易、下单等场景中甚至可能造成严重的业务异常。通常情况下，我们会使用Redis分布式锁来解决这个问题，但当Redis不可用或由于架构限制无法使用时，
  • MOSN（Modular Open Smart Network）-03-流量劫持 老马啸西风 sofagolang云原生网络算法中间件
    前言大家好，我是老马。sofastack其实出来很久了，第一次应该是在2022年左右开始关注，但是一直没有深入研究。最近想学习一下SOFA对于生态的设计和思考。sofaboot系列SOFAStack-00-sofa技术栈概览MOSN（ModularOpenSmartNetwork）-00-简单聊一聊MOSN（ModularOpenSmartNetwork）-01-是一款主要使用Go语言开发的云原生
  • JavaScript 获取 URL 中参数值的详解 feidaoxiaoli777 javascript前端开发语言
    JavaScript获取URL中参数值的详解1.了解URL参数2.使用URLSearchParams获取参数值2.1什么是URLSearchParams？2.2示例代码2.3优缺点3.使用正则表达式获取参数值3.1示例代码3.2分析4.自定义解析函数4.1示例代码4.2分析5.小结与注意事项在开发Web应用时，我们经常需要从URL中提取参数值，比如获取用户的查询条件、跟踪统计信息等。本文将详细介绍
  • 宏集eXware物联网网关在水务管理系统上的应用 宏集科技工业物联网 宏集边缘网关物联网工业自动化物联网网关工业网关数据采集与传输水务管理系统
    一、前言水务管理系统涵盖了对城市水网、供水、排水、污水处理等多个环节的监控与管理。随着物联网（IoT）技术的快速发展，物联网网关逐渐成为水务管理系统中的关键组成部分。宏集物联网网关以其高效的数据采集、传输和管理功能，助力水务行业实现智能化、数字化转型，尤其在数据采集、远程监控、设备管理、数据传输等方面发挥着重要作用。二、应用痛点1.小型控制系统的数据采集小型水务系统通常预算有限，不需要复杂的SCA
  • 怎么查看计算机安装的安全软件？ JKIT沐枫 计算机网络网络安全学习方法windowslinuxharmonyos
    Windows系统通过控制面板：打开“控制面板”。选择“程序”>“程序和功能”。在列表中找到安全软件，如杀毒软件或防火墙。通过安全中心：打开“设置”>“更新和安全”>“Windows安全中心”。点击“病毒和威胁防护”，查看已安装的安全软件。通过任务管理器：按Ctrl+Shift+Esc打开任务管理器。在“启动”或“进程”选项卡中查找安全软件的相关进程。macOS系统通过应用程序文件夹：打开“应用程
  • 从零构建大语言模型全栈开发指南：第二部分：模型架构设计与实现-2.2.2文本生成逻辑：Top-k采样与温度控制 言析数智 从零开始构建大模型大语言模型Top-k采样温度控制
    点击关注不迷路点击关注不迷路点击关注不迷路文章大纲2.2.2文本生成逻辑：Top-k采样与温度控制1.文本生成的核心挑战与数学框架1.1自回归生成的基本流程2.`Top-k`采样原理与工程实现2.1数学定义与算法流程2.2PyTorch实现优化3.温度控制的数学本质与参数调优3.1温度系数对概率分布的影响3.2温度控制实现方案4.组合策略与高级优化4.1`Top-k与温度控制的协同应用`5.生成质
  • 辉视智慧会所：一键“唤”醒高端服务，乐享智慧生活新“声”级！ weixin_45819535 生活
    在科技与高端服务日益融合的今天，会所作为提供高品质休闲与服务的场所，正积极拥抱智慧化转型，以提供更加贴心、高效、个性化的服务体验。辉视智慧会所的广播对讲解决方案则是全新的沟通时代一个很好的案例。一、创新对讲，打造即时高效沟通平台辉视智慧会所的广播对讲系统，超越了传统会所服务呼叫的局限。它基于先进的安卓智能自助终端，集成了现代通讯技术与云端数据处理能力，为会所打造了一个即时、高效、个性化的沟通平台。
  • 22-javaScript基础(前端) 王宇辉 java知识体系javascript前端html
    感谢你的路过，希望学生的笔记能给你一点微不足道的参考Java基础思维导图，完整Java体系的链接目录标题一，概述1.1什么是JavaScript？1.2JavaScript的作用？1.3JavaScript的历史（了解）？二，JavaScript的用法2.1HTML页面中的JavaScript2.2外部的JavaScript2.3标签属性中的JavaScript三，JavaScript显示数据四，
  • 2025年01月13日字节（本地生活）前端面试 uperficialyu 前端面试实战前端面试
    目录自我介绍项目介绍（拷问）js事件循环浏览器如何解析html文件输入url到页面呈现的过程http与https，https为什么安全，证书是如何获取的？require引入与import的引入的区别vite打包工具相比webpack优势手写promise手写发布订阅模式3.js事件循环以下是对JavaScript事件循环的更深入解释：基本概念单线程执行模型：JavaScript是单线程的，即在同一
  • vue使用到的工具node npm cnpm pnpm yarn管理 半痴半醉半天真 vuenpmvue.js前端
    vue前端框架搭建项目使用到的工具1、node.jsnodejs是JavaScript的一个运行环境，使得我们在前端写的js代码能够在服务端运行。相较于传统的web开发，前端使用js开发，服务端还需要用其他语言来写。node.js官网下载地址：https://nodejs.org/en/download/，一路默认即可。最后通过cmd命令框输入：node-v查看即可2、npmnodepackage
  • Node.js 模块系统 lly202406 开发语言
    Node.js模块系统引言Node.js是一种基于ChromeV8引擎的JavaScript运行环境，它允许开发者使用JavaScript来编写服务器端代码。在Node.js中，模块系统是其核心特性之一，它使得代码组织、复用和测试变得简单高效。本文将深入探讨Node.js的模块系统，包括其工作原理、模块类型、加载机制以及最佳实践。模块系统概述Node.js的模块系统借鉴了CommonJS规范，该规
  • MySQL 用户权限与安全管理 weixin_724849599 mysql安全数据库
    MySQL用户权限与安全管理在数据库系统中，用户权限与安全管理是保障数据安全性、完整性和隐私性的核心机制。MySQL提供了丰富的权限管理功能，可以精细地控制用户对数据库、表以及其他数据库对象的访问权限，同时也支持各种安全管理策略来防范恶意攻击。本文将深入探讨MySQL用户权限的原理、常用管理命令、安全最佳实践以及如何在实际项目中部署这些策略。1.MySQL用户权限基础1.1用户与账户概念用户账户：
  • 微信小程序开发全攻略：从零到上线 专注代码十年 微信小程序小程序
    一、准备工作1.注册微信小程序账号访问微信公众平台官网，点击“注册”按钮。按照提示填写相关信息，包括邮箱、密码、验证码等，完成注册。注册完成后，登录微信公众平台，进入小程序管理后台。在后台中选择“设置”->“开发设置”，获取小程序的AppID，这是开发小程序的唯一标识。2.安装微信开发者工具访问微信开发者工具下载页面，根据操作系统选择对应的版本进行下载。安装完成后，打开开发者工具，使用微信扫码登录
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 qq39138814 html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • 数据库三级选择题（2） 烂白菜@ 计算机基础数据库
    C)分布式数据库的事务管理包括恢复控制和并发控制，恢复控制一般采用的策略是基于两阶段提交协议采用一定的计算方法定位数据的有Ⅳ．散列（哈希）索引下列提供逻辑独立性的是外模式/模式映像UML所有活动有关判断的部分要用菱形表示。可以用触发器或者用CHECK约束实现7D人机界面的设计可采用原型迭代法，首先进行初步设计，再进行用户界面细节设计，最后是原型设计与改进。B/S结构所以其对客户机配置要求不高，即使
  • EtherCAT总线控制伺服力矩控制功能块TorqueControl_FB（汇川H5U PLC+CODESYS） RXXW_Dor 10-运动控制PLC伺服驱动器自动控制力矩控制
    力矩控制的基本参数换算，可以参看下面这篇博客：力矩目标值fTorque计算（伺服力矩控制模式）_RXXW_Dor的博客-CSDN博客_伺服力矩控制在一些非标装配项目中，伺服需要工作在力矩模式以便完成机械零件的规定扭力装配工作。这篇博文主要介绍伺服扭力（力矩）目标值的计算和力矩控制相关的程序编写。用户通常设定的都是扭力值，我们需要根据机械结构。传动比计算出伺服的目标力矩值，以完成我们的力矩控制。这里
  • mysql中mapping标签的作用_Mybatis中Mapper标签总结大全 文清的男友
    一、标签分类定义SQL语句insertdeleteupdateselect配置关联关系collectionassociation配置java对象属性与查询结果集中列名的对应关系resultMap控制动态SQL拼接foreachifchoose格式化输出wheresettrim定义常量sql其他include二、标签总结1.基础SQL标签1.1查询select标签属性id唯一的名称，对应dao中ma
  • Apache Iceberg 解析，一文了解Iceberg定义、应用及未来发展 镜舟科技 apacheIcebergStarRocks元数据数据湖湖仓一体数据分析
    什么是Iceberg？ApacheIceberg是一种开源的表格式（TableFormat），专为超大规模数据分析场景设计，通过标准化数据存储规范与访问协议，解决了传统数据湖在元数据管理、事务控制、查询性能等方面的核心痛点。以下从六个维度全面解析其技术原理、应用场景与最佳实践。一、为什么需要新的表格式？传统数据湖面临的痛点数据治理与管理能力不足：传统数据湖在数据治理和管理方面存在明显短板，缺乏严格
  • 理解HTTP、HTTPS、TCP、UDP与OSI七层模型：网络访问的基础 Bro_cat JavaWeb开发http网络https
    在现代互联网中，HTTP（超文本传输协议）和HTTPS（安全超文本传输协议）是数据传输的核心协议，而TCP（传输控制协议）和UDP（用户数据报协议）则是实现这些协议的传输层协议。此外，OSI七层模型为网络通信提供了结构化的框架。今天我们将详细探讨这四个协议的特性、它们之间的关系，以及整个网络访问的原理，并介绍OSI七层模型。HTTP与HTTPS概述1.HTTP（超文本传输协议）定义：HTTP是一种
  • 网络安全基础：五类安全服务、八种安全机制与OSI七层模型的全面解析 网络小白不怕黑 网络安全网络安全OSI七层模型安全机制安全服务
    目录引言五类安全服务2.1认证服务2.2访问控制2.3数据保密性2.4数据完整性2.5不可否认性八种安全机制3.1加密机制3.2数字签名3.3访问控制机制3.4数据完整性机制3.5认证交换机制3.6流量填充机制3.7路由控制机制3.8公证机制OSI七层模型与网络安全4.1物理层4.2数据链路层4.3网络层4.4传输层4.5会话层4.6表示层4.7应用层五类安全服务、八种安全机制与OSI七层模型的联
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他