Muzilh
Muzilh

一篇文章读懂canvas

一.canvas简介

 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。

二.基本用法

要使用元素，必须设置其width和height属性，指定可以绘图的区域大小，出现开始和结束标签中的内容是后背信息，如果浏览器不支持元素，就会显示这些信息

 A darwing of something

如果不给设置widht、height属性时，则默认 width为300、height为150,单位都是px。也可以使用css属性来设置宽高，但是如宽高属性和初始比例不一致，他会出现扭曲。所以，建议永远不要使用css属性来设置的宽高。

要在这块画布上绘图，需要取得绘图上下文，需要调用getContext（）方法并传入上下文的名字，传入‘2d’

var drawing = document.getElementById('tutorial');
// 确定浏览器支持元素
if(drawing.getContext){
   var context = drawing.getContext('2d');
//更到代码
}

三.绘制矩形

矩形是一种可以直接在2D上下文绘制的形状，有关的方法为：fillRect(),strokeRect(),clearRect().

这三个方法都可以接受4个参数：矩形的x坐标，矩形的y坐标，矩形的宽度和矩形的高度

1.fillRect(),方法在画布上绘制矩形，填充的颜色通过fillStyle属性指定

2.strokeRect()方法在画布上会描边矩形，描边颜色通过syrokeStyle属性指定

描边线条的宽度由lineWidth属性控制，该属性可以使任意整数，另外，通过lineCap属性可以控制线条末端的形状是平头，圆头还是方头('butt','round','square') ， 通过lineJoin属性可以控制线条相交的方式是圆交，斜交还是斜接（'round','bevel','miter'）;

var lineCaps = ["butt", "round", "square"];

for (var i = 0; i < 3; i++){
   ctx.beginPath();
   ctx.moveTo(20 + 30 * i, 30);
   ctx.lineTo(20 + 30 * i, 100);
   ctx.lineWidth = 20;
   ctx.lineCap = lineCaps[i];
   ctx.stroke();
}

ctx.beginPath();
ctx.moveTo(0, 30);
ctx.lineTo(300, 30);

ctx.moveTo(0, 100);
ctx.lineTo(300, 100)

ctx.strokeStyle = "red";
ctx.lineWidth = 1;
ctx.stroke();

function draw(){
    var canvas = document.getElementById('tutorial');
    if (!canvas.getContext) return;
    var ctx = canvas.getContext("2d");

    var lineJoin = ['round', 'bevel', 'miter'];
    ctx.lineWidth = 20;

    for (var i = 0; i < lineJoin.length; i++){
        ctx.lineJoin = lineJoin[i];
        ctx.beginPath();
        ctx.moveTo(50, 50 + i * 50);
        ctx.lineTo(100, 100 + i * 50);
        ctx.lineTo(150, 50 + i * 50);
        ctx.lineTo(200, 100 + i * 50);
        ctx.lineTo(250, 50 + i * 50);
        ctx.stroke();
    }

}
draw();

3.clearRect(x, y, widh, height)

清除指定的矩形区域，然后这块区域会变的完全透明。

你可能感兴趣的:(js,canvas)

  • DAC数模转换器（DAC特性、DAC工作原理、DAC输出实验配置步骤、DAC输出三角波实验、DAC输出正弦波实验配置步骤、PWM + RC滤波器、PWM DAC技术实现原理） 孤芳剑影 STM32嵌入式硬件
    参考http://t.csdnimg.cn/GjsbR一、DAC简介注意STM32H7只有一个DAC，但有两个独立的通道，跟F4的略不同，F4是两个DAC。◆如果仅使用STM32H7的一个通道，即PA4或者PA5引脚，另一个引脚没有做任何配置，这个引脚上会有波形效应。◆STM32H7的DAC支持出厂校准和用户校准模式。特别注意一点，校准是建立在用户使能了输出缓冲的情况下才有效。◆STM32H7的D
  • TypeScript 与后端开发Node.js m0_74825223 面试学习路线阿里巴巴typescriptnode.jsjavascript
    文章目录一、搭建TypeScript+Node.js项目（一）初始化项目并安装相关依赖1、创建项目目录并初始化2、安装必要的依赖包（二）配置TypeScript编译选项（如模块解析方式适合后端）二、编写服务器代码（一）定义路由类型（使用Express等框架）（二）处理请求和响应的类型（包括中间件的类型）1、请求类型处理2、响应类型处理3、中间件类型处理三、数据库交互（一）使用Type-Safe的数
  • 微信小程序开发中，wxss和wxml写完后页面不显示，可能的原因包括： IT_linux 微信小程序小程序
    1.代码错误：有时候代码中存在错误，但编译器不会报错，导致页面不显示。这种情况下，可以通过注释掉一部分代码，一段一段地查找问题所在1。2.路径问题：检查app.json中页面引入的路径是否正确2。3.JS文件为空：确保当前wxml文件对应的js文件不为空，即使没有具体的处理逻辑，也不能没有js代码2。4.数据量大或页面元素多：如果数据量很大或页面标签特别多，可能会导致页面加载缓慢或预览困难。这种情
  • 一个py文件搞定mysql查询+Json转换+表数据提取+根据数据条件生成excel文件+打包运行一条龙 小木可菜鸟测试一枚 mysqljsonexcel
    importosimportargparseimportpymssqlimportjsonimportpandasaspdfromdatetimeimportdatetimefrompandas.io.formats.excelimportExcelFormatterimportopenpyxl#投注类型映射字典BET_MAPPING={1:'WIN',2:'PLA',3:'QIN',4:'QPL
  • Weex中使用vue.js 前端_学习之路 跨平台开发vue.js前端javascript
    在WeexSDKv0.10.0以及后续的版本中，集成了v2版本的Vue.js。Vue是一套构建用户界面的渐进式框架，截止于作者发文，Weex官方没有对Vue3提供支持。内置构建版本Vue.js有两种构建版本:运行时+编译器与只包含运行时。它们之间的区别在于编译器是否需要能够在运行时编译template选项。由于运行时构建版本比完整版本的构建版本轻约30%（Vue官方估算），为了更好的性能和更小的代
  • Jenkins SSH 认证失败问题 (`com.jcraft.jsch.JSchException: Auth fail`) jenkinsdocker
    问题背景在Jenkins与目标服务器之间通过SSH进行自动化部署时，遇到以下错误：com.jcraft.jsch.JSchException:Authfail核心原因分析原因分类具体表现底层机制说明密钥格式不兼容-----BEGINOPENSSHPRIVATEKEY-----头部的密钥Jenkins使用的JSch库仅支持旧版PEM格式（-----BEGINRSAPRIVATEKEY-----）凭据
  • uniapp学习心得：跨平台开发 sdfcr uni-appjavascripthtml5cssvue.js
    一.介绍UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以用于快速构建同时运行在多个平台（包括iOS、Android、Web等）的应用程序。相比于传统的原生开发和其他跨平台框架，选择学习UniApp具有许多优势。为什么选择学习UniApp？跨平台性：UniApp可以将同一套代码运行在多个平台上，极大地提高了开发效率，减少了重复开发的工作量。Vue.js生态：UniApp基于Vue.j
  • 初识uniApp 家里有只小肥猫 uni-app
    详细思考一下uniApp这个跨平台开发框架。首先，我对uniApp还不是很了解，所以需要从基本概念开始，逐步深入。什么是uniApp？我记得uniApp是基于Vue.js的，可能是一个用来开发多个平台的应用的框架。用户可能想了解它是什么，它的特点是什么，适合什么样的项目。uniApp的特点和优势跨平台开发：一次编写，多端运行，可能包括H5、微信小程序、支付宝小程序、App等。基于Vue.js：这意
  • 十一、Spring Boot：使用JWT实现用户认证深度解析 伯牙碎琴 #Spring框架springboot后端java
    SpringBootJWT（JSONWebToken）：无状态认证在现代Web开发中，无状态认证是一种重要的安全机制，它允许服务器在不存储会话信息的情况下验证用户身份。JSONWebToken（JWT）是一种常用的无状态认证技术，它通过一个紧凑的URL安全令牌来传递用户身份信息。SpringBoot与JWT的结合可以为应用提供强大的安全保护。本文将详细介绍如何在SpringBoot中集成JWT实现
  • bitcoinjs学习笔记4—p2pkh、p2sh、p2wpkh地址生成 EM-FF bitcoinjs比特币学习笔记区块链
    BitcoinJS学习笔记4—P2PKH、P2SH、P2WPKH地址生成大纲1.概述目标:学习如何使用BitcoinJS生成三种常见的比特币地址类型：P2PKH（Pay-to-Public-Key-Hash）P2SH（Pay-to-Script-Hash）P2WPKH（Pay-to-Witness-Public-Key-Hash）工具:BitcoinJS库、比特币测试网（Testnet）或回归测试
  • 大白话解释认证JWT是什么 有什么用 怎么用 心心祥蓉 JWT
    JWT是什么？JWT（JSONWebToken）就像一张“加密的电子通行证”，用来证明你是谁、能干什么。它由三段字符串拼接而成（比如xxx.yyy.zzz），每段对应不同的信息：头（Header）：说明加密算法类型，比如“用HS256算法签名”。身体（Payload）：存用户身份信息（如用户ID、角色）、有效期等，类似快递单上的收件人和地址。签名（Signature）：用密钥对前两段内容加密生成的
  • 使用 nodejs 和 ElasticSearch 快速搭建全文检索 dbLenis 数据库java编程语言大数据linux
    点击蓝色“有关SQL”关注我哟加个“星标”，天天与10000人一起快乐成长上次群友问我，Python怎么学，我说四个小时足够了，你们不信。这次，我用2个小时，仅仅用Google，快速搭建了一个nodejs+Elasticsearch的小Demo.足可见，在有搜索的年代，快速上手一门技术，已经不是什么难事。1安装1.1下载地址https://nodejs.org/en/download提供windo
  • Vue 系列之：基础知识 程序员SKY VUEvue.js
    什么是MVVMMVVM（Model-View-ViewModel）一种软件设计模式，旨在将应用程序的数据模型（Model）与视图层（View）分离，并通过ViewModel来实现它们之间的通信。降低了代码的耦合度。Model代表数据模型，是应用程序中用于处理数据的部分。在Vue.js中，Model通常指的是组件的data函数返回的对象，或者Vue实例的data属性。View是用户界面，是用户与应用
  • 前端架构 —— 脚手架的开发流程 mask-li 前端
    一、脚手架开发流程详解开发流程创建npm项目创建脚手架入口文件，最上方添加：#!/usr/bin/envnode配置package.json，添加bin属性编写脚手架代码将脚手架发布到npm使用流程安装脚手架npminstall-gyour-own-cli使用脚手架your-own-cli二、脚手架开发难点解析分包：将复杂的系统拆分成若干个模块命令注册：vuecreatevueaddvueinvo
  • Nodejs基础使用Elasticsearch(二) 小黑前端攻城狮 elasticsearchnode.jsvue.jsjavascript
    ／*链接到elasticsearch数据库*／varelasticsearch=require('elasticsearch');varclient=newelasticsearch.Client({host:'192.168.1.107:9200',log:'error'});1.统计索引数据：client.count({index:['telegram_message','telegram_u
  • 学习dify第二天-web下篇 一直走下去-明 next.jsdify源码学习学习前端react.js前端框架
    学习dify第二天-web下篇引言web目录结构配置入口文件分析下怎么封装的请求最后总结：参考阅读：React基础用next.js写个页面跳转的应用seo搜索引擎优化引言react：ReactFoundations:AboutReactandNext.js|Next.js如果不会next.js可以先看看这个，不看其实也没关系，学下思路也可以。next_web小demoweb目录结构*mocks*:
  • 在nodejs中使用ElasticSearch（一）安装，使用 konglong127 nodejselasticsearch大数据搜索引擎
    使用docker安装ElasticSearch和Kibana1）创建相应的data文件夹和子文件夹用来持久化ElasticSearch和kibana数据2）提前创建好elasticsearch配置文件data/elasticsearch/config/elasticsearch.yml文件#========================ElasticsearchConfiguration====
  • 在nodejs中使用ElasticSearch（二）核心概念，应用 konglong127 nodejselasticsearch大数据搜索引擎
    核心概念1、索引（index）索引在Elasticsearch7之后，相当于关系型数据库中的表，之前相当于关系型数据库中的数据库。#创建索引PUT/my_index#获取指定索引GET/my_index#获取所有索引GET/_cat/indices?v#模糊匹配索引POST*index*/_search#删除索引DELETE/my_index#创建索引，同时指定索引结构#number_of_sha
  • 深入理解 JSP：从基础知识到实战技巧的全面解析 CarlowZJ java开发语言
    JSP（JavaServerPages）是一种基于Java的服务器端技术，用于开发动态Web应用。它通过将Java代码嵌入到HTML页面中，简化了Web开发的复杂性。JSP是JavaWeb开发的重要组成部分，与Servlet、JavaBean等技术紧密集成，广泛应用于企业级Web应用开发。本文将从基础知识、核心特性、生命周期、与Servlet的关系、框架支持、最佳实践等方面对JSP进行详细解析，帮
  • JDK活化石复活：setStream()抢救指南，看完想给Applet开追悼会 筱涵哥 Java基础入门java
    一、时空错乱现场：当我试图用Applet传2024年的数据1.1来自侏罗纪的SOS"把这个2003年的数据采集Applet改造成能对接新系统！"——看着要传输的JSON数据，我仿佛听到硬盘在哀嚎："臣妾做不到啊！"1.2现代程序员的降维打击//试图传输JSON数据时try{InputStreamjsonStream=newByteArrayInputStream("{\"data\":1}".ge
  • React - 兄弟互传 - 消息订阅 - 发布机制 来一碗刘肉面 Reactreact.js前端javascript
    pubsub-js是一个轻量级的JavaScript库，用于实现发布-订阅（Pub/Sub）模式。该模式使得组件间的通信变得简单和高效，特别适用于React中的兄弟组件之间通信。通过pubsub-js，一个组件可以发布消息，其他组件可以订阅这些消息以获得更新。1.安装pubsub-jsnpminstallpubsub-js//或者yarnaddpubsub-js2.基本概念发布（Publish）:
  • 在nodejs中使用ElasticSearch（三）通过ES语义检索,实现RAG konglong127 nodejselasticsearch搜索引擎node.js全文检索后端
    RAG（Retrieval-AugmentedGeneration）是一种结合了信息检索和生成模型的技术，旨在提高生成模型的知识获取和生成能力。它通过在生成的过程中引入外部知识库或文档（如数据库、搜索引擎或文档存储），帮助生成更为准确和丰富的答案。RAG在自然语言处理（NLP）领域，特别是在对话生成、问答系统和文本摘要等任务中，具有非常重要的应用。它的核心思想是，生成模型不仅依赖于模型内部的知识，
  • MySQL数据库（触发器，视图，函数） 可儿可爱 数据库mysqldatabase
    触发器视图函数分配用户和权限以及远程登录索引三大范式1.触发器Trigger触发器：数据库中的一个对象，相当于JS中的监听器，触发器可以监听增删改三个动作比如说我想监听一张表，只要我增删改了这张表中的数据，我就可以触发这个触发器，去往另外一张表中记录一下日志。语法：DELIMITER$$CREATETRIGGER`mytestdb`.`myTriger`BEFORE/AFTERINSERT/UPD
  • 如何解析配置文件 啊念着倒嘛干 pythonpythonjson
    如何解析配置文件什么是配置文件？在计算机科学领域，配置文件（英语：configurationfile）是一种计算机文件，可以为一些计算机程序配置参数和初始设置。一个项目中，为什么要设置一个配置文件呢？方便修改参数设置和逻辑代码分离（解耦）（高内聚，低耦合）常见的配置文件格式：aaa.inixxx.xmlxxxxx.jsonxxfada.yaml什么是json文本、字符串、有固定的格式，格式长得像p
  • javaScript-系统知识点【 常见问题及其解决办法】 大麦大麦 2025前端面经javascript开发语言ecmascript前端面试
    会造成内存泄漏的情况（中级）setTimeout的第⼀个参数使⽤字符串⽽非函数的话，会引发内存泄漏。//setTimeout的错误使用setTimeout('666',100)//setTimeout的正确用法setTimeout(()=>{console.log('666')},1000)前端常见内存泄漏及解决方案如何捕获JS程序的异常？两种方式trycatchwindow.onerror//手
  • Flutter鸿蒙项目—如何添加对华为鸿蒙系统的支持 不入流HarmonyOS开发 鸿蒙HarmonyOSOpenHarmonyflutterharmonyos华为OpenHarmony鸿蒙应用开发鸿蒙开发鸿蒙
    1.DevEcoStudio4.0Release版鸿蒙环境安装打开IDE，按照引导，安装环境即可，注意，nodejs选择v16.20。Mac下，在.bash_profile配置如下环境变量exportPATH=/Users/用户名/Documents/DevEcoProjects/dev/bin:$PATHexportNODE_HOME=/Users/用户名/nodejsexportPATH=$N
  • RabbitMQ复习 SJLoveIT rabbitmq分布式
    消息中间件的作用：（1）异步处理（2）应用解耦（3）流量削峰消息中间件的缺点：引入了新的东西，也就增加了新的故障点。比如消息中间件挂了，影响系统的可用性。两种框架：JMS和AMQP最大的区别是JMS是是javaapi,对跨平台的支持较差，但在纯java技术栈内首选。AMQP是跨平台的，序列化方式选json，不管你是java，php，C/C++,python,都能处理RabbitMQ实现的事AMQP
  • API，URL，Token，XML，JSON是干嘛的 Frank牛蛙 数据结构xmljson
    API，URL，Token，XML，JSON是干嘛的API的作用API（ApplicationProgrammingInterface，应用程序编程接口）是一组定义和协议，用于构建和交互软件应用程序。API允许不同的软件系统之间进行通信，它定义了软件组件应该如何交互。具体到网络服务中，API通常是指一组HTTP请求和响应的规则，通过这些规则，开发者可以从外部访问某个服务的数据或功能。例如，Yaho
  • Flutter&JSON ClaNNEd@ FlutteriOS应用构建flutterjson
    JSON和序列化-Flutter中文网移动应用程序通常需要与Web服务器通信或存储结构化数据，而JSON是最常用的数据交换格式之一。而在Flutter开发中，我们主要会用到两种JSON序列化方式：手动序列化代码生成自动序列化1.哪种JSON序列化方法适合我？1.1小项目：手动序列化特点优点：使用Dart内置的dart:convert库，无需额外依赖。对于简单JSON或模型较少的小项目非常方便。缺点
  • 使用 PM2 部署和管理 Node.js 应用 JJCTO袁龙 Node.jsnode.js
    使用PM2部署和管理Node.js应用在现代Web开发中，Node.js已经成为了后端开发的主流选择之一。无论是构建RESTfulAPI，还是实时通讯应用，Node.js都能以优异的性能和丰富的生态体系满足我们的需求。然而，当应用越来越复杂，如何高效地部署和管理Node.js应用就显得尤为重要。在这篇博文中，我们将探讨如何使用PM2来部署和管理Node.js应用，同时提供一些示例代码以便更好地理解
  • 插入表主键冲突做更新 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篇博文