那年我七岁
那年我七岁

我的webgl学习之路（一）

 我的webgl学习之路 （一）

 

做项目中偶然需要移动端3d展示，所以学习了threejs;但是有着各种限制，还有就是项目要达到好的效果肯定是需要后期处理等等，所以展开了我学习webgl之路，我刚开始毫无目的的看了很多关于webgl的博客，但是我总感觉有种没学懂的感觉，并且观看不同的资料我有着不同的感受与理解；所以我觉得，从头一步一步的来是很有必要的；综合我所有的感受，然后在从新复习一遍，尽量能从我这个新手的角度去学习，分析，讲解；请多多包涵；

 

学webgl需要的基础知识：HTML，javascript和数学知识；

 

简单介绍：

Canvas是html中的一个个标签，它表示的是一个画布，它定义了一个api可以绘制图形或者图片，可以通过JavaScript来操作这些api.其中canvas它有2d和3D；3d也就是webgl;

题外话：

我在群里听到有人在问canvas好还是webgl好；当时我就懵逼了；要么就是问canvas2d好还是webgl好，这个问题就好像问c++好还是java好，也许比喻并不恰当；canvas2d它是在cup中执行的，它是单一的线程方式，先进先出，如下图1.1而webgl它渲染是在gup中执行；它是简单的多通道执行方式，并且它们是一起执行，并行处理；如下图1.2；许多个数据排在一起统一执行，想象一下对于gup来说毫无压力；屏幕上的每个像素都代表一个简单的任务，那么处理复杂的效果对CPU来说却难以胜任；

 我的webgl学习之路（一）_第1张图片

 

我的webgl学习之路（一）_第2张图片

Gpu通道的多少取决于你的硬件gpu,gup是专门做图形渲染，如果用cup做这些工作，那么数据量太大，就成了耗时操作；等它一个一个的去计算执行不知道要等到猴年马月，特别是游戏，所以就有了GPU；而webgl的来源是OpenGL ，OpenGL是pc端的，为了小型设备于是有团队搞了OpenGL ES; 在前端日益强大的情况下又有大神搞了用js调用的webgl 内核；我就简单的介绍一下，具体就上百度查吧，比我介绍的更加详细；至于说canvas2d和webgl那个好那个快，webgl是操作gup,它是很快的，缺点是编写麻烦；那个好是相对的，对项目要求简单快捷，就画一个圆，一条线段，我当然用canvas2d,如果是复杂的3d效果我当然用webgl；而我的项目两种都被用到了；

 

介绍就到这里了，那么开始我们的学习之路：

 

我们先创建一个canvas，获取webgl的上下文，它里面封装了所有关于webgl的方法；初始化画板；

代码如下：

 

<body>
<canvas id="canvas" style="background-color: black">canvas>

<script>
    onload = function () {

        var canvas = document.getElementById("canvas");
        canvas.width = 500;
        canvas.height = 500;
     
        vargl =canvas.getContext("webgl");
        //指定清空canvas的颜色,也就背景颜色0
        gl.clearColor(0.0,0.0,0.0,1.0);
        //清空canvas,(清空的是颜色缓冲区)
        gl.clear(gl.COLOR_BUFFER_BIT);
    }
script>

body>


gl.clearColor(0.0,0.0,0.0,1.0);它里面的参数是以rgba模式来放的，需要注意的是它们是float类型，范围是0到1；因为这个范围更便于OpenGL的标准化，当然也就成了webgl的标准了

 转载请注明：转自那年我七岁博客 https://blog.csdn.net/qq_25909453/article/details/80155209

你可能感兴趣的:(webgl学习之路)

  • OrangePi5 RK3588本地部署基于Cesium的WebGL应用 vinlandtech webgl
    基于OranglePi5平台，本地部署WebGIS应用步骤：1、下载oranglepi5ubuntu22.04镜像，按用户手册进行烧写。链接：https://pan.baidu.com/s/1g-TO3DeIl1M1JfAPHbCyxg提取码：vlzt2、下载安装WebGL工具包。该软件包针对RK3588WebGL应用进行一定优化。链接：https://pan.baidu.com/s/1jP__h
  • CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • CesiumJS+SuperMap3D.js混用实现通视分析 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • 【监控告警】02-Promtheus的学习之路 Kearey. 监控告警微服务网关学习方法
    prometheus采用的是拉模式为主，推模式为辅的方式采集数据。Prometheus作为一个指标系统天生就不是精确的——由于指标本身就是稀疏采样的，事实上所有的图表和警报都是”估算”，我们也就不必太纠结于图表和警报的对应性，能够帮助我们发现问题解决问题就是一个好监控系统。当然，有时候我们也得证明这个警报确实没问题，那可以看一眼`ALERTS`指标。`ALERTS`是Prometheus在警报计算
  • 3 java学习之路从就近原则和this关键字开始 Daijunxi_cpu 学习javajvmide笔记经验分享开发语言
    求博文多多人看是我写的很烂吗？就近原则以上图举例就近原则，输出age但是成员变量和局部变量变量名age冲突了,就近原则就起效果了，离输出语句近的变量就被使用了。但是要是想用上面那个成员变量咋办？别怕，this会给出答案！！！使用了this关键字就会指向成员变量。就这样比较简单咱们上案例打字太麻烦了直接上视频！kk2024-09-1321-23-42录的视频，真的很烂给大家磕一个构造器kk2024-
  • 【图像压缩】奇异值分解SVD灰色图像压缩（可设置压缩比）【含Matlab源码 4358期】 Matlab武动乾坤 Matlab图像处理（进阶版）matlab
    ✅博主简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，Matlab项目合作可私信。个人主页：海神之光代码获取方式：海神之光Matlab王者学习之路—代码获取方式⛳️座右铭：行百里者，半于九十。更多Matlab仿真内容点击Matlab图像处理（进阶版）路径规划（Matlab）神经网络预测与分类（Matlab）优化求解（Matlab）语音处理（Matlab）信号处理（Matlab）车间调度
  • ThreeJS入门（001）：简介、下载安装、历史、应用场景、竞品 还是大剑师兰特 #ThreeJS综合教程200+webgl大剑师ThreeJS简介
    查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库，它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层，让开发者可以专注于设计和实现3D应用程序，而无需深入了解复杂的
  • Java学习之路：实践项目与进阶学习--创建一个图书管理系统 Dreams°123 java数据库开发语言springspringbootintellijideaintellij-idea
    前言：上一篇学习了入门级知识，留了一份作业，其实创建一个图书管理系统是一个很好的实践项目，可以帮助你掌握数据库操作、前端开发和基本的CRUD（创建、读取、更新、删除）操作，数据库存储书籍信息，以及一个基本的用户界面。项目结构后端:使用Java和SpringBoot实现RESTfulAPI。数据库:使用H2数据库进行书籍信息存储。（也可使用mysql数据库设计，详情可参考：《MySQL数据库课程设计
  • webgl——绘制一个旋转的彩色立方体（四） jiegiser# webglwebgl三维可视化
    文章目录前言一、整体代码以及实现效果二、绘制步骤1.构建顶点数据2.通过顶点索引构建立方体3.执行动画4.其他注意细节总结前言前面文章介绍了如何通过多点来绘制图形，通过建立缓冲区对象，将多个数据传入到缓冲区中；然后webgl进行读取缓冲区中的数据进行渲染。上个例子绘制“F”的坐标点不是很多；但是如果我们绘制一个立方体。如果还跟之前一样的绘制方式；立方体的每一个面由两个三角形组成，每个三角形有三个顶
  • 1130每日一省Day15(重启Day8) 活成自己的小太阳0329
    豆豆早上八点钟起床，跟家人微聊过后自己起床洗漱，依旧检测后回家。面包、牛奶、砂糖桔做了豆豆的早餐。爸爸妈妈忙于工作，豆豆今天又有点撒欢儿，看了短视频还在妈妈的允许下“吃了鸡”（才发现游戏原来这么长时间呀）。午餐豆豆只吃了半个饺子为此还被先生训斥，好在晚餐豆豆主动提出自己的需求，豆豆跟爸爸一起做出炒方便面，自己吃了一大盘还喝了粥，开心晚餐。晚饭后妈妈简单收拾餐桌做完收尾工作后开启业余学习之路。今天收
  • 一起走的学习之路(125) 小米雨路
    最大的难题不知道大家有没有这个感受，最近由于没有学习专栏了，每天要写什么，成为了一大难题。以往，都可以根据专栏的内容，确定今天文章的主题，然后再根据这个主题，来找实际的例子，一篇文章很快就有了大体的结构，但现在写什么成最大的难题。剖析原因认真分析了，从我们集中学习专栏结束到今天，我为什么写不出来的几个原因。一是，由于缺乏发现的能力，觉得身边好像很多话题都是以前我们写过的，只能重复不断的写，难以找到
  • Day38开启2020学习之路 佳佳_797e
    十点，十点，十点，才下班每每到了这个点要是晚上还在加班，下班晚，就很懊恼，懊恼时间去了哪，懊恼为什么到了这个点还没把今天的工作做完，懊恼又不能按时回家带娃，懊恼今天的运动打卡又没有时间完成了，懊恼上的日更又是匆忙凑字数了，懊恼晚上又得晚睡了…我改怎么办…
  • 博物馆实景复刻如何实现？需要哪些技术？ jimumeta 虚拟展厅vr虚拟现实虚拟展厅视创云展3D博物馆数字博物馆实景复刻
    实景复刻虚拟博物馆是指通过采集线下真实博物馆场景的信息，利用三维建模技术、Web3D技术等，对博物馆进行1:1像素级还原，构建一个高度逼真的线上虚拟博物馆，在网络上呈现给公众。视创云展依托其自研的WEBGL核心引擎和模型实时渲染展示技术，结合全景效果图，为博物馆的实景复刻提供了高效、逼真的解决方案。一、实景复刻博物馆的特点1、高度还原：能够精准复制博物馆的真实场景，包括建筑外观、内部布局、展品细节
  • 探索 Fabric.js：前端开发的轻量级图形编辑框架 滑辰煦Marc
    探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
  • 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
    全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
  • java后端未来学习之路 命z javajava后端学习
    最近找到了一篇文章，感觉是自己可以借鉴的，具体内容如下：首先，我个人比较推崇的学习方法是：先学java前端，也就是HTML，css，js，因为学习java以后肯定是往javaee方向发展的，学习完前端，在学习后端很多东西比计较容易理解！其中J2SE是关键，如果学好了javase部分，基础扎实了，后面进阶学习也比较轻松！补充说明一下：我觉得学习java比较合适的方法是先把所有的知识点过一遍，然后把所
  • 编程学习之路上的高墙与希望之光 一个代码猎人 笔记本学习
    编程学习之路上的高墙与希望之光在编程的世界里，挫折感就像一道道难以逾越的高墙，常常让人感到无所适从。许多人因为这些高墙而停下了脚步，但那些真正的编程高手却总能找到方法突破这些障碍。无论是初学者还是资深开发者，编程之路上都少不了跌倒、迷茫和探索。今天，我想和大家分享如何在Bug的迷宫中找到出口，如何在面对复杂算法时保持冷静，以及如何从挫折中汲取力量、继续前行。1.面对Bug时的心态调整接受挫折感是常
  • 邀您一起编写《架构演进之路》 猿脑2.0 架构演进之路架构大数据webglvueaijava后端
    邀您一起编写《架构演进之路》文章目录邀您一起编写《架构演进之路》前言一、笔者介绍二、写书起源1.B站讲课2.编辑邀约三、书籍申报信息1书籍目录2书籍简介3选题和特色四、谈一谈为什么要发起合力写书这件事1定位2目标3作用4当前坑位五、提示六、结束语前言本书技术栈涉及前后端、大数据、物联网、WebGL、AI，寻找一群有趣的人合力做一件有意思的事。一、笔者介绍5年开发，3年架构，在一家大型金融公司从事架
  • LeetCode学习之路（C++）——字符串（3） Alex_SCY Leetcodeleetcode
    Leetcode题解-字符串目录Leetcode题解-字符串242.两个字符串包含的字符是否完全相同409.计算一组字符集合可以组成的回文字符串的最大长度205.字符串同构647.回文子字符串个数9.判断一个整数是否是回文数696.统计二进制字符串中连续1和连续0数量相同的子字符串个数242.两个字符串包含的字符是否完全相同242.ValidAnagram(Easy)Leetcode/力扣思路：可
  • OpenGL学习之路(4.0) 实现抗锯齿效果 velue
    原因当我们放大图片的时候会发现图片上的像素点有很多锯齿形状，这样就会导致图片呈现的效果不佳，所以需要通过抗锯齿处理。方式抗锯齿的方式有两种，一种是混合(GLBlend)处理抗锯齿，一种是多重采样抗锯齿混合(GLBlend)处理抗锯齿需要注意的是，混合处理只能处理点和线段，多边形图形需要多重采样处理打开混合处理/**函数原型:voidglHint(GLenumtarget,GLenummod)参数说
  • react 中three.js 模型渲染 Mr_wuying reactjavascriptreact.js前端
    npminstallthreeimport*asTHREEfrom"three";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";constmountRef=useRef(null);useEffect(()=>{//创建渲染器constrenderer=newTHREE.WebGLRenderer();constw
  • 嵌入式学习之路 16（C语言基础学习——指针操作二维数组、指向函数的指针、指针的指针） 求学者1.0 学习c语言数据结构
    一、指针操作二维整型数组1、二维数组的本质在C语言中，二维数组本质上是由多个一维数组组成的。例如，inta[2][3]可以看作是包含两个长度为3的一维整数数组。2、指针与二维数组对于二维数组inta[2][3]，&a[0]的类型是int(*)[3]，因为C语言中不直接支持int[3]*这种类型，所以需要使用int(*)[3]来表示指向包含3个整数的一维数组的指针。定义指针int(*p)[3]=a;
  • 从挫败到精通：三步克服编程学习的难关 疾风终究没有归途 学习心态调整学习方法
    你是如何克服编程学习中的挫折感的？编程学习之路上，挫折感就像一道道难以逾越的高墙，让许多人望而却步。然而，真正的编程高手都曾在这条路上跌倒过、迷茫过，却最终找到了突破的方法。你是如何在Bug的迷宫中找到出口的？面对复杂的算法时，你用什么方法让自己保持冷静？让我们一起分享那些克服挫折的经验，为彼此的编程之路点亮希望之光！方向一：心态调整保持积极的心态：认识到挫折是成长的一部分，而不是失败的标志。每次
  • js学习之路（六）——this，箭头函数，对象操作 EOPG vue3javascript学习排序算法
    js学习之路（六）1.this指向2.改变this指向3.ES6定义变量4.04_变量的块级作用域5.ES6的箭头函数6.箭头函数的特性7.函数的参数默认值8.模板字符串9.点点点(...)运算符10.解构赋值11.对象的简写12.了解面向对象开发13.创建对象的四种方式14.构造函数的书写和使用15.构造函数是否合理17.prototype18.__proto__1.this指向/*this指向
  • 2021-01-10 祁连山人_3575
    伴着清晨的习习寒风，踩着2021年的第二场积雪，又去送儿子踏上新的学习之路。要问现在最辛苦的是谁，这排名前列的，甚至可以排在第一的，我想就是莘莘学子了。多少年来，一直在学习、落实、倡导、实施素质教育，提高学生综合素质，到现在的核心素养，专家学者不断的研究、调查、分析、总结，看报道听报告激发共鸣，但是在实际落实中，最基本最核心的还是学得清楚明白，考试成绩优异占主导地位。其实，素质素养与提高考试成绩本
  • WebGL入门（019）：WebGLSync 简介、使用方法、示例代码 还是大剑师兰特 #webGL开发教程webgl大剑师
    还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。No.内容链接1Openlayers【入门教程】-【源代码+示例300+】2Leaflet【入门教
  • 【学习笔记】用Mac自学虚幻4 左上方的天空&roc 虚幻4学习笔记ue4macos
    文章目录前言学习过程总结前言首先，我是大学自学的前端，之后实习做的是前端是Webgl可视化工作，从实习到转正再到离职大概一年时间，辞职以后我考虑了目前比较火的UE引擎，于是重新学习了一遍C++和数据结构后，开始自学UE。由于本人手里只有一台MacBookAir，本次学习全程用Mac来运行。提示：建议学习UE的新人去学一遍C++，并且了解一下STL源码，以及底层的数据结构。一、安装UE4进入UE官网
  • 【AR.js】初步认识与官方示例的使用 o0o_-_ ARarjavascript开发语言
    说在前面测试浏览器：MicrosoftEdge(PC版本97.0.1072.55)/Firefox(Android)github库：AR.jsAR系列文章：这里go版本：goversiongo1.17.3windows/amd64其他：本文的关注点在于官方用例。关于AR.js这里他们有三种实现：基于标记、基于特征点、以及基于地理位置；前面两种差不大多。优点：只要有支持webrtc以及webgl的浏
  • AR.js 开发与使用指南 Hello.Reader javascript前端arjavascript开发语言
    1.AR.js简介AR.js是基于Web技术的AR库，依赖于WebGL和WebRTC，可以在大多数现代浏览器上运行。它的主要优势在于不需要安装任何插件或应用程序，用户只需通过浏览器即可体验AR效果。AR.js提供了Marker-based（基于标记的）和Location-based（基于位置的）两种模式，适用于多种场景。2.环境搭建在开始开发之前，我们需要先搭建开发环境。以下是搭建AR.js开发环
  • 新版cesium下雨特效 BJ-Giser cesium前端javascriptcesium
    新版cesium下雨特效（webgl2.0）旧版代码letrain=newCesium.PostProcessStage({name:"czm_rain",fragmentShader:`uniformsampler2DcolorTexture;//输入的场景渲染照片varyingvec2v_textureCoordinates;uniformfloatvrain;floathash(floatx
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他