「已注销」
「已注销」

WebGL - 概述和 canvas 基础示例

1、webgl概述

1、概述

博客 webgl 示例大部分基于《 webg l编程指南》一书而来，所以你也可以直接去看这本书，如果书中有些代码运行失败的话，再来看这个博客的 webgl 系列，或许对你有些帮助

是一项用来在网页上绘制和渲染辅助三维图形，并允许用户交互的技术，它结合js和h5能更容易和直接的在互联网上展示产品和示例。

开发者不需要具备C或者C++编程语言，仅仅需要会简单的HTML和JS脚本知识就可以上手。

webgl基于浏览器不是基于操作系统，因此不需要安装插件和库，就可以运行webgl程序。

2、起源

webgl起源与OpenGL ES 2.0，OpenGL 2.0版本支持了可编程着色器，该特性被OpenGL ES 2.0继承，并成为webgl的核心。

因此webgl有三种所语言开发，HTML、JavaScript、GLSL ES。GLSL ES内嵌在JavaScript中。

3、基础示例

使用canvas绘制三维图形，没有webgl之前，只能使用canvas二维图形，因此需要了解一下canvas的绘图机制。

如果不了解可以先去学习一下 http://wangdoc.com/webapi/canvas.html

4、使用canvas绘制一个矩形

默认情况下，canvas是透明的，示例所有代码可以从码云 Gitee上获取，如果你没有的话可以先申请一个，由于国内github访问速度较慢，建议优先使用Gitee

代码仓库地址: https://gitee.com/ithanmang/webgl-notes


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用 canvas 绘制一个矩形title>
    <link rel="stylesheet" href="../css/common.css">
head>
<body>
<canvas id="example" width="512" height="512">canvas>
body>
<script>
	
    // 获取canvasDOM元素
    var canvas = document.getElementById('example');
	
    // 获取2D绘图上下文对象
    var ctx = canvas.getContext('2d');
    console.log(ctx);
	
    // 获取canvas的宽高
    var w = ctx.canvas.width;
    var h = ctx.canvas.height;
	
    // 填充颜色值
    ctx.fillStyle = 'rgba(255, 0, 255, 0.5)';
    
    // 绘制矩形
    ctx.fillRect(w /2 - 200, h / 2 - 100, 400, 200);

script>
html>

示例浏览地址： https://ithanmang.gitee.io/webgl-notes/

你可能感兴趣的:(webgl)

  • WebGL开发：ThreeJS从入门到精通 莲华君 前端权威教程合集WebGL系统化学习前端WebGLThreeJSBabylonJS
    前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！无论你是前端开发者、图形学爱好者，还是希望将3D技术融入Web应用的工程师，这本书都将带你从零开始，逐步掌握ThreeJS的核心概念，并最终实现大型数字孪生项目。让我们一起踏上这段充满挑战与乐趣的旅程吧！目录：第一部分：ThreeJS基础入门第一章：ThreeJS概述与基础概念1.1ThreeJS是什么？介绍Thre
  • 自学微信小程序的第七天 breaking_lxt 微信小程序小程序
    DAY71、canvas组件用于自定义绘制图形，该组件支撑2D和WebGl的绘图。表38：canvas组件的常用属性属性类型说明typestring指定canvas组件的类型，支持2D和WebDLcanvas-idstringCanvas组件的唯一标识符，若指定了type属性则无需再指定该属性disable-scrollboolean当在canvas组件中移动时且有绑定手势事件时，禁止屏幕滚动及下
  • 家居行业全渠道零售技术解决方案架构指南 wjoang 零售架构科技产品运营
    家居行业全渠道零售技术解决方案架构指南行业数字化转型挑战体验断层线上渠道商品认知度不足，退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL模型轻量化处理defoptimize_model(obj_file):apply_decimation
  • 家居行业全渠道零售技术解决方案架构指南 CSTechAIExpert 零售架构科技产品运营
    家居行业全渠道零售技术解决方案架构指南行业数字化转型挑战体验断层线上渠道商品认知度不足，退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL模型轻量化处理defoptimize_model(obj_file):apply_decimation
  • 家居行业全渠道零售技术解决方案架构指南 cstech_deep 零售架构科技产品运营
    家居行业全渠道零售技术解决方案架构指南行业数字化转型挑战体验断层线上渠道商品认知度不足，退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL模型轻量化处理defoptimize_model(obj_file):apply_decimation
  • 如何在简历中巧妙展现你的兴趣爱好 贵州数擎科技有限公司 面试跳槽
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙、数字孪生引擎在简历中展
  • 使用 Three.js 转换 GLSL 粒子效果着色器 贵州数擎科技有限公司 javascript着色器开发语言
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们
  • ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第036篇入门文章文章目录构造函数常用属性示例使用统一变量使用宏定义使用扩展使
  • 提升职场沟通能力的七大秘诀 贵州数擎科技有限公司 面试跳槽简历
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙、数字孪生引擎在职场中，
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • three.js性能优化 火辣辣- 学习总结学习笔记three.js性能优化
    本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候，虽然three.js做了优化，但是在使用不恰当的代码，也会产生性能损耗。帧率越低，给人感觉就越卡。这是我在开发中自己百度总结的，有不对的可以联系我啊2019-08-22更新———————1、disppose()方法得重要性每当你创建一个three.js中的实例时，都会
  • 如何使用Three.js制作3D月球与星空效果 软件工程师文艺 前端javascript3dhtml
    目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素，比如中文3D文字和互动功能。Three.js是一个强大的JavaScript库，它简化了WebGL的使用，使得在网页上进行3D图形渲染变得更加容易。我们将逐步分析代码，帮助大家理
  • WebGL 导入 OBJ 文件全解析 一只小灿灿 #WebGLwebgl前端
    一、引言WebGL（WebGraphicsLibrary）是一种基于OpenGLES2.0的3D绘图标准，它允许网页开发者在不使用插件的情况下，直接在浏览器中实现高性能的3D图形渲染。OBJ文件格式则是一种广泛使用的3D模型文件格式，它以文本形式存储3D模型的几何信息，包括顶点、法线、纹理坐标和面等。在WebGL中导入OBJ文件可以让开发者方便地在网页中展示和交互3D模型，为网页带来更加丰富的视觉
  • python创建画布语句_canvas元素创建画布 weixin_39847945 python创建画布语句
    Phaser桌面和手机游戏HTML5框架Phaser是一个流行的2D开源游戏框架，可以用来开发桌面或手机浏览器HTML5游戏，适合侧视或顶视风格：Phaser同时支持Canvas和WebGL渲染引擎，预置了完备的精灵动画、输入管理、瓦片地图、补间动画、资源加载器、物理系统、粒子系统等特性，几乎能够满足你开发一个2D游戏的任何...文章马拉喀什2017-11-021163浏览量HTML5学习手笔四：
  • 【虚幻引擎UE】UE4.23到UE5.5的核心功能变化 灵境引路人 虚幻ue4ue5
    简单总结从UE4.23到UE5.5，虚幻引擎的重大变化：1.WebGL/HTML5平台支持和像素流UE4.23-UE4.25：移除官方HTML5支持，改为社区插件维护。但通过第三方插件（如WebAssembly+WebGPU）可在浏览器运行部分项目。UE5.1：对像素流的支持度提升，发布前端git地址：https://github.com/EpicGames/PixelStreamingInfra
  • 使用 Three.js 实现雪花特效 贵州数擎科技有限公司 javascript开发语言ecmascript
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术演示地址：下雪特效开源项目：智简未来、晓智元宇宙、数字
  • unity Video Player视频播放 莫仕 unity音视频游戏引擎
    发布Webgl时，视频加载方式需要使用URL,StreamingAssets相对路径（去掉file://）usingSystem.Collections;usingSystem.IO;usingUnityEngine;usingUnityEngine.Events;usingUnityEngine.EventSystems;usingUnityEngine.UI;usingUnityEngine.
  • Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示 仙魁XAN ThreeJSjavascriptwebglthreejs代码案例汽车
    Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示目录Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三、GLTF加载器（GLTFLoader）四、材质(Material)五、轨道控制器（OrbitControls）六、注意事项七、第二个入门案例之汽车模型八、案例代码下载:第二个入门案例之汽车模型
  • 不同数据库与 WebGL 集成 一只小灿灿 #WebGL数据库webgl
    一、引言在当今数字化时代，数据可视化是一个关键需求，而WebGL（WebGraphicsLibrary）为在网页上实现高性能3D图形渲染提供了强大的工具。然而，WebGL本身无法直接与数据库进行交互，为了将数据库中的数据以3D图形的形式展示在网页上，就需要借助后端服务器来实现WebGL与不同数据库的集成。本文将详细介绍如何使用常见的数据库，如SQLite、MySQL、Redis和MongoDB，与
  • Three.js + GIS：打造三维地理信息系统的教程 全栈探索者chen threeJSjavascript开发语言ecmascript学习three.js前端3d
    Three.js+GIS：打造三维地理信息系统的教程Three.js是构建WebGL3D应用的强大工具，而结合GIS（地理信息系统）后，可以实现炫酷的三维地理可视化效果。本教程将从基础入手，教你如何用Three.js打造一个简单的三维GIS应用。一、项目规划1.目标功能我们希望实现以下功能：加载三维地图：加载全球地图或指定区域。添加三维数据：在地图上展示建筑、标注等3D数据。交互功能：用户可以缩放
  • HTML5 WebGL技术应用 天涯学馆 大前端&移动端全栈架构前端html5html
    目录WebGL基础知识WebGL库WebGL学习资料大型WebGL应用WebGL基础知识前端开发基础：熟悉HTML、CSS和JavaScript。数学基础：了解向量、矩阵运算、线性代数和基本几何概念。图形学基础：掌握基本的计算机图形学原理，如光照、纹理、变换、投影等。WebGLAPI的基本使用，包括创建画布、着色器、程序、缓冲区等。了解WebGL的渲染过程和管道，包括顶点处理、三角形剪裁、光照、纹
  • html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发... miao君 html5webglstl
    4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
  • ThreeJS入门（233）：THREE.DirectionalLightHelper 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第233篇入门文章文章目录特性构造函数方法`update()`使用示例注意事项
  • Phaser引擎开发：Phaser基础入门_Phaser引擎概述 chenlz2007 游戏开发2html5游戏音视频前端html
    Phaser引擎概述什么是Phaser引擎Phaser是一个免费的、开源的、基于Web的2D游戏开发引擎，使用JavaScript和HTML5Canvas或WebGL技术。Phaser的目的是让游戏开发者能够轻松地创建高性能的2D游戏，适用于桌面和移动平台。Phaser支持多种游戏开发需求，包括精灵管理、物理引擎、动画、输入处理、音频和视频处理等。Phaser的历史Phaser由RichardDa
  • Vue项目中使用高德地图 糖糖老师436 前端程序员vue.js前端javascript
    ue项目中使用高德地图在一些简单的大屏类展示应用/网页中，经常会用到地图相关的展示场景，除了一些特殊的三维场景需要用Gis/BIM或者WebGL，一些简单的业务就可以直接使用高德地图或者百度地图来完成。本文主要讲述在Vue项目中高德地图JavaScriptAPI的引用方式以及一些简单的API的使用。演示项目使用vuecli4.0脚手架搭建项目。1.引用在高德地图发布2.0版本之前，通常只能以两种通
  • JavaScript系列（46）-- WebGL图形编程详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptwebgl开发语言
    JavaScriptWebGL图形编程详解今天，让我们深入探讨JavaScript的WebGL图形编程。WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在浏览器中渲染高性能的2D和3D图形。WebGL基础概念小知识：WebGL直接与GPU通信，使用GLSL着色器语言编写顶点和片段着色器。它提供了底层的图形API，让我们能够充分利用硬件加速进行图形渲染。基本实现//1.W
  • Babylon.js WebGL与性能优化 天涯学馆 WebGL3D图形图像技术javascriptwebgl3dBabylon.jsThreejs
    目录WebGL基础与Babylon.js底层理解性能监控与优化技巧WebGL基础与Babylon.js底层理解WebGL（WebGraphicsLibrary）是JavaScriptAPI，用于在网页上进行硬件加速的3D图形渲染。它是OpenGL的一个子集，由Web浏览器支持，无需插件。WebGL通过JavaScript与HTML5元素结合，使得开发者能够在浏览器中创建复杂的3D场景。Babylo
  • Pex 项目使用教程 任翊昆Mary
    Pex项目使用教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex1.项目的目录结构及介绍Pex项目的目录结构如下：pex-gl/├──assets/├──lib/├
  • PEX 开源项目教程 束静研Kody
    PEX开源项目教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex项目介绍PEX（PolyethyleneExchange）是一个基于高密度聚乙烯（HDPE）的管道和
  • three.js+WebGL踩坑经验合集总目录 iloveas2014 webglthree.js
    (1):THREE.Line无故消失的元凶(2):3D场景被相机裁切后，被裁切的部分依然可以被鼠标碰撞检测得到（射线检测）目录更新中...
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他