谭菲
谭菲

canvas动态时钟

利用canvas可以绘制一些复杂的效果动画，这里展示了如何绘制一个动态的时钟，主要运用canvas的坐标变换、坐标状态的保存和恢复。思路来自《HTML5基础开发教程》范立峰，感谢给我知识的学校图书馆和本书作者。

效果是这样的：

参考代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="utf-8">
 5     <title>clock</title>
 6     <script type="text/javascript">
 7 
 8         var slen = 70, mlen = 65, hlen = 45,    //指针长度
 9             swidth = 2, mwidth = 3, hwidth = 4, //指针宽度
10             s = 0, m = 0, h = 0;                //时分秒数
11 
12         function draw(){
13             var canvas = document.getElementById("canvas");
14             var context = canvas.getContext("2d");
15             
16             context.beginPath();
17             context.arc(200,150,4,0,Math.PI*2,true);    //画表盘中心
18             context.fill();   //画实心的
19             context.closePath();
20             
21             context.beginPath();  
22             context.arc(200,150,100,0,Math.PI*2,true);  //画表盘外围
23             context.stroke();  //画空心的
24             context.closePath();
25             
26             context.beginPath();                        //画刻度
27             context.translate(200,150);                 //平移到圆心
28             context.rotate(-Math.PI/2);                 //逆时针旋转至12点
29             context.save();
30             for (var i = 0 ; i < 60; i++) {
31                 if (i%5 == 0){
32                     context.fillRect(80,0,20,5); //整点刻度线
33                 }else{
34                     context.fillRect(90,0,10,2); //分钟刻度线
35                 }
36                 context.rotate(Math.PI/30);
37             }
38             context.closePath();
39 
40             setInterval(refresh,1000,context);  //每一秒刷新一次 IE不支持带参数
41         }
42 
43         function refresh(context){
44             //var canvas = document.getElementById("canvas");  //IE下方式
45             //var context = canvas.getContext("2d");
46             context.restore();
47             context.save();
48             context.rotate(s*Math.PI/30);     //擦秒针
49             context.clearRect(5,-1,slen+1,swidth+2);
50 
51             context.restore();
52             context.save();
53             context.rotate(m*Math.PI/30);     //擦分针
54             context.clearRect(5,-1,mlen+1,mwidth+2); 
55 
56             context.restore();
57             context.save();
58             context.rotate(h*Math.PI/6);      //擦时针
59             context.clearRect(5,-1,hlen+1,hwidth+2);
60 
61             var time = new Date();            //获取时间
62             s = time.getSeconds();
63             m = time.getMinutes();
64             h = time.getHours();
65 
66             context.restore();
67             context.save();
68             context.rotate(s*Math.PI/30);    //画秒针
69             context.fillRect(5,0,slen,swidth);
70 
71             context.restore();
72             context.save();
73             context.rotate(m*Math.PI/30);    //画分针
74             context.fillRect(5,0,mlen,mwidth);
75 
76             context.restore();
77             context.save();
78             context.rotate(h*Math.PI/6);     //画时针
79             context.fillRect(5,0,hlen,hwidth);
80 
81         }
82     </script>
83 <head>
84 <body onload="draw()">
85 <fieldset>
86     <legend>clock</legend>
87     <canvas id="canvas" width="400px" height="300px"></canvas>
88 </fieldset>
89 </body>
90 </html>

涉及到的canvas用法可参考我的《canvas绘画常用方法》http://www.cnblogs.com/feitan/p/5137325.html

需要补充提到的是save()和restore()两个方法。save()将当前坐标设置（而不是画布呈现的效果）保存到栈中，每调用restore()时，保存坐标状态的栈顶取出最后一次save()的状态，恢复到当前坐标状态上。代码中，总是以圆心为坐标起点，以x水平线指向12点位置的状态为原始状态，每重画指针时就把当前状态恢复到原始状态，并再save为了下次再使用。

你可能感兴趣的:(canvas动态时钟)

  • vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置 mirahs vue.js
    之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl
  • 零基础使用鸿蒙NDK开发最简步骤 piggy514 笔记
    懒得去读华为文档，又臭又长，估计读了后能用到5%就不错了。1、File>New>CreateProject>Application>TemplateMarket>NativeC++这个NativeC++工程不是说它是一个Native专用工程（即：不是说这个工程只能编译出动态库，然后放其它普通工程里用；一开始我是这么以为的），而是说它就是一个普通工程，只不过支持你在里边增删改c/cpp代码并在ets
  • uniapp，自绘仪表盘组件（基础篇） 智驾 uniapp项目实战uni-app仪表
    文章目录一、为什么需要自绘仪表盘？二、准备知识三、实现基础仪表盘1.组件模板结构2.核心绘制逻辑3.样式优化四、使用示例五、核心实现原理六、扩展方向七、常见问题一、为什么需要自绘仪表盘？在物联网、数据监控等场景中，仪表盘是常见的数据可视化组件。uniapp的组件市场虽然有许多现成方案，但自绘组件具有以下优势：完全掌控视觉效果无依赖零冗余高性能Canvas渲染轻松适配多端二、准备知识基础Canvas
  • 代码随想录训练营算法第三十四天|动态规划|62.不同路径、63. 不同路径 II、343. 整数拆分、96.不同的二叉搜索树。 weixin_64181248 算法
    62.不同路径62.不同路径-力扣（LeetCode）代码随想录还是不太熟悉怎么递推，用dp[i][j]代表走到第i行j列有多少路线，而i行j列可以通过[i-1][j]和[i][j-1]分别走一步得到。classSolution{public:intuniquePaths(intm,intn){vector>dp(m+1,vector(n+1,0));for(inti=1;i>&obstacleG
  • nginx 使用与编译 云满笔记 #opsnginxbuildmodulesconfcompile
    目录1.nginx使用与编译1.1.nginx版本1.2.常用命令1.3.常用脚本1.3.1.清空日志1.3.2.显示进程1.3.3.启动1.4.Nginx模块1.4.1.动态加载模块1.4.2.模块编译1.4.3.http_gzip_module和http_gzip_static_module1.5.源码编译nginx1.5.1.nginx的一些编译参数1.5.2.Debian自带的nginx1
  • 【敏捷】罗恩·杰弗里斯用户故事3C原则：用卡片、对话与确认构建敏捷需求的黄金三角 田辛 | 田豆芽 DevOps项目管理3C原则敏捷需求罗恩·杰弗里斯黄金三角
    在敏捷开发领域，用户故事常被视为“需求的最小单位”，但如何让这些故事真正成为团队协作的指南针？今天，我们以一杯咖啡的时间，深入探讨罗恩·杰弗里斯提出的用户故事3C原则——卡片（Card）、对话（Conversation）、确认（Confirmation）。这不仅是一套方法论，更是一把打开高效协作之门的钥匙。一、3C原则的本质：从“纸面需求”到“动态共识”卡片（Card）：需求的灵魂容器卡片不是简单
  • c语言程序设计---（动态内存分配）考研复试面试问答 眼镜蛇学习编程 c语言考研开发语言
    动态内存分配1、malloc函数2、calloc函数3、realloc函数4、常见的动态内存错误动态内存分配1、malloc函数C语言提供了一个动态内存开辟的函数：void*malloc(size_tsize);这个函数向内存申请一块连续可用的空间，并返回指向这块空间的指针。如果开辟成功，则返回一个指向开辟好空间的指针。如果开辟失败，则返回一个null指针。因此malloc函数的返回值一定要给做检
  • 动态规划详解(方格拿金币最大)【C语言】-第一篇 fuill 算法详解算法c语言动态规划
    我们先来看看题目吧有一个NxN的方格,每一个格子都有一些金币,只要站在格子里就能拿到里面的金币。你站在最左上角的格子里,每次可以从一个格子走到它右边或下边的格子里。请问如何走才能拿到最多的金币。输入格式第一行输入一个正整数n。以下n行描述该方格。金币数保证是不超过1000的正整数。输出格式最多能拿金币数量。样例输入3133222312样例输出11数据规模和约定nintt[1000][1000];i
  • STM32F407 定时器实例解析 盼海 stm32stm32单片机嵌入式硬件
    文章目录引言STM32F407定时器概述定时器配置实例1.时钟源和分频设置2.计数器和自动重载寄存器配置3.工作模式和输出比较配置4.启动定时器和中断配置寄存器方式HAL库方式STM32F407定时器实例解析引言STM32F407是一款功能强大的微控制器，广泛应用于工业控制、嵌入式系统和智能家居等领域。定时器作为其核心外设之一，不仅承担着精确计时与延迟控制的任务，还能通过生成PWM波形等功能，广泛
  • 记录：STM32F407 定时器时钟 tenacity0o stm32单片机嵌入式硬件
    (1）高级定时器timer1,timer8以及通用定时器timer9,timer10,timer11的时钟来源是APB2总线（2）通用定时器timer2~timer5，通用定时器timer12~timer14以及基本定时器timer6,timer7的时钟来源是APB1总线（3）当APB1和APB2分频数为1的时候，TIM1、TIM8~TIM11的时钟为APB2的时钟，TIM2~TIM7、TIM12
  • 如何管理需求边界 需求管理
    在项目管理中，需求边界的有效控制对于确保交付质量和进度至关重要。清晰界定需求目标、维护需求优先级、动态跟踪和沟通、设立变更审查机制是管控需求边界的四大关键点。其中，动态跟踪和沟通尤为重要，通过定期同步、及时反馈和跨团队协同，能够使团队及时发现需求偏差并迅速做出决策，让项目在复杂多变的环境中保持灵活与稳定。以此为基础，项目经理可在每个里程碑节点审视需求完成度和资源分配，有效避免范围蔓延和需求冲突。一
  • 指纹浏览器与代理IP的协同技术解析：从匿名性到防关联实现 Hotlogin 火云指纹浏览器指纹浏览器tcp/ip网络协议网络
    一、技术背景与核心需求指纹浏览器通过模拟独立浏览器环境（包括User-Agent、Canvas指纹、WebGL参数等）实现多账号防关联，而代理IP通过隐藏真实IP地址提供网络匿名性。两者结合可解决以下技术痛点：双重身份隔离：单一指纹修改无法完全规避IP关联风险；动态环境模拟：代理IP支持地理位置切换，增强指纹浏览器模拟真实用户行为的能力；反检测能力提升：对抗网站基于IP黑名单或指纹追踪的风控策略。
  • STM32F407定时器基础知识 石雕冰 stm32嵌入式硬件单片机
    基本定时器（TIM6TIM7）通用计时器（TIM2~TIM5TIM9~TIM14）高级控制定时器（TIM1TIM8）定时器之间彼此独立，不共享任何资源。一、基本定时器1.组成（1）时钟源时钟源频率=APB1总线时钟频率×倍频器系数APB1预分频器系数=1->倍频器系数=1APB1预分频器系数≥2->倍频器系数=2APB1总线频率42MHz（2）控制器控制定时器复位、使能、计数、触发DAC转换。DA
  • STM32F103的APB1和APB2时钟总线外设 dlhto stm32stm32
    APB1操作速度限于36MHz，APB2操作于全速(最高72MHz)。APB2负责ADC，串口1,SPI1，高级TIMI/O，EXTI和AFIO。APB1负责DAC，USB，I2C，CAN，串口2345，SPI23,普通TIM
  • AI大模型：教育行业的革新引擎 AI360labs_atyun 人工智能AIdeepseek
    凌晨两点，高中生小林对着数学卷子抓耳挠腮。她轻触桌面的全息投影，AI助手“DeepSeek-R1”立刻扫描题目：“这道几何题需要先构建辅助线，还记得昨天练习的相似三角形判定法吗？”随即调出3D动态演示，讲解着自己的解题思路。指导小林轻松愉快的完成了复杂的作业。我们再试想一下：深夜两点，某重点中学教师仍在伏案批改作业‌这在以前可能是教师职业的常态，但是随着AI的普及。借助DeepSeek大模型，教师
  • Java线程池怎么调整线程大小最合适 兮动人 #JUCjava开发语言怎么调整线程大小最合适
    文章目录怎么调整线程大小最合适？案例1：CPU密集型任务（计算素数）案例2：IO密集型任务（模拟网络请求）怎么调整线程大小最合适？核心线程数、最大线程数是不是越大越好？线程池的核心线程数（corePoolSize）和最大线程数（maximumPoolSize）的设定需根据任务类型和系统资源动态调整，盲目调大可能引发性能问题甚至系统崩溃。1.CPU密集型任务：线程数过多会引发频繁的上下文切换，消耗C
  • 详解Spring事务失效的八种常见场景 玦尘❀ spring数据库java
    1.事务方法访问修饰符非public，导致事务失效：当事务方法的访问修饰符为非public时，SpringAOP无法正确地代理该方法，从而导致事务失效。这是因为Spring使用动态代理来实现声明式事务管理，而动态代理只能代理公共方法。下面是一个示例代码，演示了当事务方法的访问修饰符为非public时，事务失效的情况：@Service@TransactionalpublicclassUserServ
  • AI概率学预测足球大小球让球数据分析 sanx18 人工智能数据分析数据挖掘
    在足球数据分析中，AI概率学预测主要涉及大小球和让球盘口的分析。以下是关键点：1.大小球分析大小球指机构设定的进球数预期，投注者预测实际进球数是否超过或低于该值。AI应用：历史数据：AI通过分析球队的历史进球、失球等数据，预测未来比赛进球数。机器学习：使用回归模型、神经网络等预测进球数，考虑球队实力、比赛风格、天气等因素。实时数据：结合实时比赛数据动态调整预测。2.让球分析让球是机构为平衡双方实力
  • AI界“打工人”革命！开源神器OWL如何让普通人零门槛拥有Manus级生产力？ 遇见小码 AI棱镜实验室人工智能开源github低代码AIGC
    当动辄上万元的Manus邀请码成为科技圈“奢侈品”时，一群开发者仅用0天复刻出功能媲美的开源方案——OWL项目，并一举拿下GAIA基准测试开源框架第一（58.18分）OWL是什么？OWL（OptimizedWorkforceLearning）是由CAMEL-AI团队打造的多智能体协作框架。它通过AI智能体动态分工协作，像人类团队一样完成复杂任务：无需编码：输入需求即可自动拆解步骤全能助手：能操作浏
  • 谈谈List,Set,Map的区别 蓝莓浆糊饼干 面试：java部分java
    List、Set和Map是Java集合框架（JavaCollectionsFramework）中的三种主要接口，它们各自有不同的特点和用途。以下是它们的区别和使用场景的详细解释：1.List（列表）1.1特点有序集合：List是一个有序集合，元素的插入顺序和访问顺序一致。允许重复：List允许存储重复的元素。索引访问：可以通过索引（index）快速访问元素。典型实现：ArrayList：基于动态数
  • RNN 实战指南：用 PyTorch 从零实现文本分类 吴师兄大模型 PyTorchpytorchpython人工智能RNN循环神经网络文本分类开发语言
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 【C++设计模式】第二十三篇：观察者模式（Observer） JuicyActiveGilbert C++设计模式c++设计模式观察者模式
    注意：复现代码时，确保VS2022使用C++17/20标准以支持现代特性。事件驱动的订阅通知机制1.模式定义与用途核心思想观察者模式：定义一种一对多依赖关系，当一个对象（主题）状态改变时，所有依赖它的对象（观察者）自动收到通知并更新。-关键用途：1.解耦发布者与订阅者：主题无需知道观察者的具体实现。2.实时通知：支持动态添加或移除观察者。3.事件驱动架构：适用于GUI事件处理、数据监控、消息队列等
  • 【C++设计模式】第二十二篇：访问者模式（Visitor） JuicyActiveGilbert C++设计模式c++设计模式访问者模式
    注意：复现代码时，确保VS2022使用C++17/20标准以支持现代特性。数据结构与操作的解耦之道1.模式定义与用途核心思想访问者模式：将数据结构的操作与数据结构本身分离，通过访问者对象实现操作逻辑，支持在不修改类的前提下添加新功能。关键用途：1.动态扩展功能：新增操作无需修改原有类（如导出、序列化、统计）。2.解耦数据结构与操作：将分散的操作集中到访问者类中。3.支持复杂对象结构：适用于树形、图
  • mybatisPlus多数据源方案 平原人 springbootmybatis
    背景在微服务李娜一般一个服务只有一个数据源，但是在有的老项目或者一些特定场景需要多数据源链接不同的数据库，本文以mybatisPlus为基础给出解决方案多数据源场景分类情形一：项目启动就确定了情形一：一些sass系统里面动态确定的，比如说运行时建立的数据源，还有一些报表场景也是如此本文暂不讨论相关解决方案(本人都有使用过)：1.mybatisPlus官网提供的提供框架，使用是使用注解切换缺点很大，
  • C++程序设计语言笔记——引言：第一章 致读者 钺不言 C++笔记c++笔记经验分享
    第一版前言C++里最关键的概念是类。一个类就是一个用户定义类型。类提供了对数据的隐藏，数据的初始化保证，用户定义类型的隐式类型转换，动态类型识别，用户控制的存储管理，以及重载运算符的机制等。在类型检查和表述模块性方面，C++提供了比C好得多的功能。它还包含了许多并不直接与类相关的改进，包括符号常量、函数的在线替换、默认函数参数、重载函数名、自由存储管理运算符，以及引用类型等。C++保持了C高效处理
  • Linux 磁盘管理进阶：LVM 逻辑卷与磁盘配额 ρɾⅈꪀᥴꫀડ linux服务器centos
    Linux磁盘管理进阶：LVM逻辑卷与磁盘配额在Linux服务器管理中，普通分区方案可能会限制存储的灵活性。而LVM（逻辑卷管理）提供了一种动态调整存储空间的方式。此外，为了防止用户滥用磁盘资源，磁盘配额（Quota）也至关重要。本章将介绍LVM逻辑卷管理和磁盘配额配置。7.1LVM逻辑卷管理LVM（LogicalVolumeManager）允许动态管理存储空间，相比传统分区更具弹性，可随时扩展或
  • 区间信息操作神器：线段树原理详解 xiaoyu❅ #树上操作高级数据结构#区间信息操作算法数据结构java
    目录一、什么是线段树？二、线段树的核心特性三、线段树的实现原理1.存储结构2.索引计算3.区间划分示例（数组[1,3,5,7,9,11]）四、线段树操作详解1.构建线段树（Build）2.区间查询（Query）3.单点更新（Update）五、Java实现代码（区间和查询）六、线段树优化技巧1.延迟传播（LazyPropagation）2.动态开点七、线段树vs其他数据结构八、经典应用场景九、总结一
  • Ae 效果详解：分形 MediaTea
    Ae菜单：效果/生成/分形Generate/Fractal分形Fractal效果可生成曼德布罗特集和朱莉娅集的视觉效果，通常用于创作独特的抽象图案和动态纹理，广泛应用于背景生成和抽象视觉表现。本效果适用于8-bpc和16-bpc色深模式。◆◆◆效果属性说明当首次应用此效果时，所显示的图像为经典的曼德布罗特集合样本。其中黑色区域代表集合，集合之外的像素则根据其距离集合的远近被着色。点击“重置”Res
  • 第一章_第一节——半导体的基础知识 慎独yfs 模拟电子技术嵌入式硬件
    1.1本征半导体：纯情学霸的导电日常定义：纯情学生硅（Si）和锗（Ge），原本是“学霸绝缘体”（导电性极差），但一受热或光照就躁动不安，开始“早恋”——本征激发产生电子和空穴CP（载流子）冷知识：绝对零度：电子全体躺平，导电性堪比咸鱼（绝缘体）。温度升高：电子集体蹦迪，甩开共价键高呼“自由万岁！”空穴一脸懵逼：“我位置呢？”动态平衡：热激发（电子空穴对产生）和复合（电子空穴对消失）就像恋爱分手率，
  • 数据结构完全指南：C语言实现与核心原理剖析 南玖yy 数据结构c语言开发语言
    引言：程序设计的骨架艺术在计算机科学的殿堂中，数据结构犹如建筑设计的钢筋骨架，决定着程序的运行效率与资源消耗。本文将以C语言为载体，深入解析七大核心数据结构，通过原理剖析、代码实现和复杂度分析三重视角，带您构建完整的数据结构知识体系。第一章：线性结构的基石1.1数组：内存的连续之美//动态数组实现typedefstruct{int*data;size_tcapacity;size_tsize;}D
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 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
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他