tqzuy
tqzuy

JS基础

HTML5的<canvas>元素提供了一组JavaScript API，让我们可以动态地创建图形和图像。图形是在一个特定的上下文中创建的，而上下文对象目前有两种。第一种是2D上下文，可以执行原始的绘图操作，比如：

1）设置填充、描边颜色和模式；

2）绘制矩形；

3）绘制路径；

4）绘制文本；

5）创建渐变和模式。

第二种是3D上下文，即WebGL上下文。WebGL是从OpenGLES2.0移植到浏览器中的，而OpenGLES2.0是游戏开发人员在创建计算机图形图像时经常使用的一种语言。WebGL支持比2D上下文更丰富和更强大的图形图像处理能力，比如：

1）用GLSL编写的顶点和片段着色器；

2）支持类型化数组，即能够将数组中的数据限定为某种特定的数组类型；

3）创建和操作纹理。

目前，主流浏览器的较新版本大都已经支持<canvas>标签。同样地，这些版本的浏览器基本上也都支持2D上下文。

但位于WebGL而言，目前还只有Firefox4+和Chrome支持它。

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>使用Canvas绘图</title>  
  6.     <style>  
  7.         canvas{  
  8.             border: 1px solid dodgerblue;  
  9.         }  
  10.     </style>  
  11. </head>  
  12. <body>  
  13. <canvas id="drawing1" width="200" height="200">您的浏览器不支持canvas。</canvas>  
  14. <canvas id="drawing2" width="200" height="200">您的浏览器不支持canvas。</canvas>  
  15. <canvas id="drawing3" width="200" height="200">您的浏览器不支持canvas。</canvas>  
  16. <canvas id="drawing4" width="200" height="200">您的浏览器不支持canvas。</canvas>  
  17. <canvas id="drawing5" width="200" height="200">您的浏览器不支持canvas。</canvas>  
  18. <canvas id="drawing6" width="600" height="200">您的浏览器不支持canvas。</canvas>  
  19. <img src="result.png" id="result" hidden/>  
  20. <script src="l15.js"></script>  
  21. </body>  
  22. </html>  
[javascript]  view plain  copy
  1. /** 
  2.  * 使用Canvas绘图 
  3.  */  
  4.   
  5. /** 
  6.  * 15.1 基本用法 
  7.  */  
  8.     //绘制图形  
  9. var drawing1=document.getElementById("drawing1");  
  10. //确定浏览器支持<canvas>元素  
  11. if(drawing1.getContext){  
  12.     var context1=drawing1.getContext("2d");  
  13.     var imageElem=document.getElementById("result");  
  14.     context1.drawImage(imageElem,10,10,180,180);  
  15. }  
  16.   
  17. /** 
  18.  *15.2 2D上下文 
  19.  */  
  20. //15.2.1 填充和描边  
  21. //15.2.2 绘制矩形  
  22. var drawing2=document.getElementById("drawing2");  
  23. if(drawing2.getContext){  
  24.     var context2=drawing2.getContext("2d");  
  25.     //绘制矩形  
  26.     context2.fillStyle="#ff0000";  
  27.     context2.fillRect(10,10,50,50);  
  28.     //绘制半透明的蓝色矩形  
  29.     context2.fillStyle="rgba(0,0,255,0.5)";  
  30.     context2.fillRect(50,50,50,50);  
  31.     //绘制红色描边矩形  
  32.     context2.strokeStyle="#ff0000";  
  33.     context2.strokeRect(130,10,50,50);  
  34.     //绘制半透明的蓝色描边矩形  
  35.     context2.strokeStyle="rgba(0,0,255,0.5)";  
  36.     context2.strokeRect(130,70,50,50);  
  37.     //描边线条的属性有lineWidth、lineCap、lineJoin  
  38.     context2.lineWidth=2;  
  39.     //在两个矩形重叠的地方清除一个小矩形  
  40.     context2.clearRect(50,50,10,10);  
  41. }  
  42. //15.2.3 绘制路径  
  43. //15.2.4 绘制文本  
  44. //15.2.5 变换  
  45. //绘制一个时钟表盘：  
  46. var drawing3=document.getElementById("drawing3");  
  47. if(drawing3.getContext){  
  48.     var context3=drawing3.getContext("2d");  
  49.     //开始路径  
  50.     context3.beginPath();  
  51.     //绘制外圆  
  52.     context3.arc(100,100,99,0,2*Math.PI,false);  
  53.     //绘制内圆  
  54.     context3.moveTo(194,100);  
  55.     context3.arc(100,100,94,0,2*Math.PI,false);  
  56.     //绘制文本  
  57.     context3.font="bold 14px Arial";  
  58.     context3.textAlign="center";  
  59.     context3.textBaseline="middle";  
  60.     context3.fillText("12",100,20);  
  61.     context3.fillText("3",180,100);  
  62.     context3.fillText("6",100,180);  
  63.     context3.fillText("9",20,100);  
  64.     //变换原点  
  65.     context3.translate(100,100);  
  66.     //旋转表针  
  67.     context3.rotate(1);  
  68.     //绘制分针  
  69.     context3.moveTo(0,0);  
  70.     context3.lineTo(0,-85);  
  71.     //绘制时针  
  72.     context3.moveTo(0,0);  
  73.     context3.lineTo(-65,0);  
  74.     //描边路径  
  75.     context3.stroke();  
  76. }  
  77. //15.2.6 绘制图像  
  78. //15.2.7 阴影  
  79. var context4=document.getElementById("drawing4").getContext("2d");  
  80. //设置阴影  
  81. context4.shadowOffsetX=5;  
  82. context4.shadowOffsetY=5;  
  83. context4.shadowBlur=4;  
  84. context4.shadowColor="rgba(0,0,0,0.5)";  
  85. //绘制红色矩形  
  86. context4.fillStyle="#ff0000";  
  87. context4.fillRect(10,10,50,50);  
  88. //绘制蓝色矩形  
  89. context4.fillStyle="rgba(0,0,255,1)";  
  90. context4.fillRect(30,30,50,50);  
  91. //15.2.8 渐变  
  92. var context5=document.getElementById("drawing5").getContext("2d");  
  93. var gradient=context5.createLinearGradient(30,30,70,70);  
  94. gradient.addColorStop(0,"white");  
  95. gradient.addColorStop(1,"black");  
  96. //绘制红色矩形  
  97. context5.fillStyle="#ff0000";  
  98. context5.fillRect(10,10,50,50);  
  99. //绘制渐变矩形  
  100. context5.fillStyle=gradient;  
  101. context5.fillRect(30,30,50,50);  
  102. //15.2.9 模式  
  103. var context6=document.getElementById("drawing6").getContext("2d");  
  104. var imageEle=document.getElementById("result");  
  105. var pattern=context6.createPattern(imageEle,"repeat");  
  106. //绘制矩形  
  107. context6.fillStyle=pattern;  
  108. context6.fillRect(0,0,560,150);  
  109. //15.2.10 使用图像数据  
  110. //getImageData()、putImageData()  
  111. //15.2.11 合成  
  112. //globalAlpha、globalCompositionOperation  
  113.   
  114. /** 
  115.  * 15.3 WebGL 
  116.  */  
  117. //目前只适合实验性地学习，不适合真正开发和应用。 

你可能感兴趣的:(JS基础)

  • Js面试题 蛋蛋大少爷
    JS基础1.documentload和documentready的区别答：1.load是当页面所有资源全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数问题：如果图片资源较多，加载时间较长，onload后等待执行的函数需要等待较长时间，所以一些效果可能受到影响2.$(document).ready()是当DOM文档树加载完成后执行一个函数（不包含图片，css等）所以
  • web学习笔记11-node.js基础 晴天.js web-学习笔记前端学习node.js
    一、ES6ECMAscript->ES是JS的标准规范ES6是JS的第六套标准规范1，块级作用域let声明的变量，会进入暂时性的死区，提升后暂时不允许访问，只有赋值以后才允许访问let声明的变量不允许重复声明块级作用域：大括号之间的语句块，例如if、else。块级作用域下，let和const声明的局部变量或者常量，不允许被块级作用域以外访问let和const即使声明在全局作用域下，也不是全局变量或
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript开发语言ecmascript
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
  • javaweb2:javascript+正则表达式 rookie123222 javawebjavascript开发语言ecmascript
    一：js基础1.变量类型数值类型number函数类型functionjs是弱类型语言，变量类型可变化vari;i=12;alert(typeof(i));i="abc";alert(typeof(i));2.特殊值undefined：未定义，所有js变量未赋值的时候，默认undefinednull:空值NAN：notanumber非数字非数值，比如数字*字符串结果是NAN3.关系比较==做简单字面
  • 初识Node.js 玄冥洛璃 Node.jsnode.js
    大家好久不见，今天我来介绍一下Node.js，对Node.js的安装和对其模块的简要讲解。Node.js目录Node.js什么是Node.js安装Node.jsNode运行方式Node.js基础命令查缺补漏模块化原生模块fs模块require指令module对象小结什么是Node.jsNode.js不是语言，也不是类似springboot之类的框架。他是一个单线程的，运行JS的一个平台。它能解析和
  • JS基础 836a4e8394dc
    第一部分变量及基础数据类型一、引入js文件及变量1、外部引入js：body最后一行上输入：，内嵌式：在内输入：js代码2、注释：单行注释：//内容多行注释：/*内容*/快捷键：ctrl+/3、输入输出：prompt(msg,defaultText);msg可选。要在对话框中显示的纯文本。defaultText可选。默认的输入文本。使用window.alert()弹出警告框。例：alert("你输入
  • 【HarmonyOS NEXT应用开发】案例103：基于JSVM创建引擎执行JS代码并销毁 青少年编程作品集 javascriptmicrosoft开发语言华为云harmonyos华为华为od
    场景描述通过JSVM，可以在应用运行期间直接执行一段动态加载的JS代码。也可以选择将一些对性能、底层系统调用有较高要求的核心功能用C/C++实现并将C++方法注册到JS侧，在JS代码中直接调用，提高应用的执行效率。功能描述通过createJsCore方法来创建一个新的JS基础运行时环境，并通过该方法获得一个虚拟机ID，通过evalUateJS方法使用虚拟机ID对应的运行环境来运行JS代码，在JS代
  • TypeScript+Vue 神小夜 前端vuetypescript
    Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义webpack配置。只需在根目录下新建vue.config.js配置文件，这个文件会被@vue/cli-service自动加载。vue.config.js基础配置模版：constpath=requ
  • 08-JS基础-BOM相关 xiaohan_zhang
    BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器BOM对象：Window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器。Location代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面History代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录由于
  • 【Three.js基础学习】19.Custom models with Blender 蚕食我的耐心 three.js基础学习学习blender
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言blender模型资源:【blender】一个汉堡包-CSDN博客一、代码import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoa
  • 笔记：node.js基础 一只小bug。 node.js
    1.初识node.jsNode.js是一个基于chromeV8引擎的javaScript运行环境。浏览器中js的运行环境=chromeV8引擎+webAPI（BOM、DOM、ajax等）。Node.js中js的运行环境=V8引擎+内置API（fs、path、http、js内置对象等）。终端快捷键：tab（补全路径）、esc（清空当前已输入的命令）、clear（清空终端）。2.fs文件模块系统fs模
  • three.js 实现 3D地图 优雅永不过时· 3djavascript低代码npm智慧城市前端threejs
    three.js实现仿照echarts3d地图。由于three.js目前比较依赖写代码，而一个美的地图需要大量的three.js组合，我建议先做three.js基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。https://z2586300277.github.io/three-editor/dist/#/codeMirror?example_path=threeEditor&exam
  • JS基础第一天 JustinLaw
    前端三大关键Html----网页骨架CSS----网页外貌JS----网页动作JavaScriptbrowser的唯一脚本语言，通常运行在browser里的编程语言node.js服务端编程,用可以作后端编程语言JS组成ECMAScript规则:规定js基础语法eg:变量,分支语句,循环,对象等WebAPIs(可操作的实体对象)DOM:操作文档,整个HTML就是一个文档documentBOM:操作浏
  • 前端笔记+面试 huahua1112520 前端笔记面试
    一：JS基础部分原型链和原型每个对象都有_proto_属性，并且指向它的原型对象每个构造函数都有它的prototype原型对象prototype原型对象里的constructor指向它的构造函数new一个构造函数会形成它的实例对象深拷贝与浅拷贝涉及堆栈内存、引用类型的区别如何深拷贝：递归拷贝&&利用JSON函数深拷贝JSON.parse(JSON.stringify({对象}))堆栈内存堆内存：接
  • 【鸿蒙基础系列】鸿蒙基础组件 Aic山鱼 鸿蒙系列harmonyos华为
    作者简介：一名大三在校生，喜欢编程个人主页：Aic山鱼WeChat：z7010cyy系列专栏：️前端-JS基础专栏✨前端-Vue框架专栏✨✨Aic山鱼前端-有趣特效专栏❤️‍❤️‍❤️‍鸿蒙OS专栏（更新中）铭句：将所有微不足道的瞬间编织起来，你将得到绝伦壮丽的宇宙！目录引言鸿蒙基础组件概述ArkTS与TypeScript/JavaScript的区别组件基础1.组件结构3.Component修饰符
  • hr跟我说从第二个问题就可以停止面试了 lozhyf 面试职场和发展开发语言面试
    #24届软开秋招面试经验大赏#但是他还是跟我聊了一个多小时很有耐心，哎，而且当场根据我不会或者答得不好的问题教我es6新特性解释下事件循环看事件循环的代码解释一下输出顺序写js循环算法总结多巩固js基础这个是js游戏岗，我是25届的作者：阿北Char
  • Node.js基础---使用Express写接口 爱健身的小刘同学 node.jsnode.jsexpress
    1.创建基本的服务器2.创建API路由模块//aoiRouter.js路由模块constexpress=require('express')constapiRouter=express.Router()module.exports=apiRouter//------------------------------------------//app.js导入并注册路由模块constapiRouter
  • 【Node.js从基础到高级运用】一、了解Node.js基础概念 Vip_wk node.jsjavascript
    Node.js入门：基础概念解析欢迎来到Node.js的世界！如果你是一名开发者，不论是初出茅庐还是有着丰富的前端经验，了解Node.js都是一个令人兴奋的旅程。在这篇博客文章中，我们将深入探讨Node.js的基础概念，帮助你建立起对这个强大平台的初步理解。什么是Node.js？Node.js是一个开源、跨平台的JavaScript运行环境，它允许开发者使用JavaScript来编写服务器端代码。
  • Node.js基础---模块化 爱健身的小刘同学 node.jsnode.js
    基本概念模块化模块化是指解决一个复杂问题时，自上向下逐层把系统划分成若干模块的过程，对于整个系统来说，模块是可组合，分解和更换的单元遵守固定规则，把大文件拆分成独立并互相依赖的多个小模块好处：1.提高代码的复用性2.提高代码的可维护性3.实现按需加载Node.js中的模块化根据来源不同分为3大类：1.内置模块（由官方提供，例如fs、path、http等）2.自定义模块（用户创建的每个.js文件，都
  • Node.js基础---Express路由 爱健身的小刘同学 node.jsnode.jsexpress
    1.路由的概念1.什么是路由广义上来讲，路由就是映射关系2.Express中的路由在Express中，路由指的是客户端的请求与服务器处理函数之间的映射关系Express中的路由分三部分：请求的类型、请求的URL地址，处理函数。如下：app.METHOD(PATH,HANDLER)3.Express中路由的例子//匹配GET请求,且请求URL为/app.get('/',function(req,re
  • js基础小结（2） dev晴天
    js操作css的属性语法：document.getElementById("id").style.属性="值"属性:就是css中属性css属性有"-"例如:backgroud-color若有"-"只需要将"-"删除,后面第一个字母变大写即可。//给标签添加css样式通过js操作//只需要获得标签然后再通过元素的style属性进行设置就行注意:只要是window对象的属性和方法,可以把window省
  • 2024年 前端JavaScript入门到精通 第二天 笔记 PieroPc 前端javascript笔记
    2.1赋值运算符2.2自增运算符2.3比较运算符2.4逻辑运算符以及优先级2.5JS基础Day2-23-if单分支语句以及判断成绩案例2.6JS基础Day2-24-if双分支语句以及判断润年案例2.7JS基础Day2-25-i侈分支语句以及上午总结2.8JS基础Day2-26-三元运算符以及求最大值案例2.9JS基础Day2-27-数字补0案例2.10JS基础Day2-28-switch分支语句2
  • js基础篇 婷宝_知萌 前端javascript开发语言
    javascript1.1javascript是什么？是运行在浏览器【客户端】的编程语言1.2js的组成ECMAScript(基础语法)WebAPIs(DOMBOM)1.3js的书写位置内部，外部，行内【代码写在标签内部】//内部alter("你好！！")//外部引入//外部引入的script中间不需要写代码，否则会被忽略//行内样式注意：书写的位置尽量写到文档末尾前面补充：注释的方式单行注释：符
  • 个人简历补充 Xiaobaiforgod 个人简历补充全栈前端后端开发算法计算机
    个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue基础学习总结js基础学习总结CSS基础学习总结HTML基础学习总结后端（基础知识/开发能力/总结输出能力）：2
  • js基础（2） 象更 javascript开发语言ecmascript
    对象object也是js的一种数据类型其静态特征可以用基本数据类型表示动态行为可以用函数表示语法：增删改查查：对象.属性改:对象.属性=值增：对象.新属性名=新值删：delete对象.属性名查的另一种写法：对象名['属性名']应用场景，如图goods-name解析错误，变为字符串对象的方法letobj={name:'wwx',song:function(){函数体}}方法调用：对象名.方法名obj
  • js基础（1） 象更 javascript开发语言ecmascript
    操作数组数组.push()将一个或多个元素添加到数组末尾，返回数组新长度数组.unshift()将一个或多个元素添加到数组末尾，返回数组新长度数组.pop()删除最后一个元素，返回该元素的值更灵活的删除方法，删除指定元素数组.splice(起始位置，删除几个元素)起始位置从0开始渲染柱形图~/*写代码时始终要考虑权重问题！*/@font-face{font-family:'icomoon';src
  • 2022-04-15 js基础第二天-变量、数据类型 朝来试看青枝上
    js是一种运行在客户端的脚本编程语言；可以实现人机交互效果，提供逻辑思维能力；由ECMAScript（规定语法）和WEBAPIs组成的（DOM+BOM）三种引入js的方法1.内部，用script标签包括，必须写在所有的html标签之后，也就是/body的上面这是因为浏览器是从上到下逐行解析，如果遇到了script标签，就会阻塞文档解析原因1：如果javscript期望修改下方的HTML，那么它可能
  • JavaWeb 小小李学java web
    目录1.初识Web前端2.HTML、CSS3.基础标签4.CSS样式5.CSS引入方式6.颜色表示形式7.CSS选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发：19.YApi20.前端工程化21.Vue组件库Element22.打包部署23.Maven24.Sprin
  • Node.js基础---path路径模块 爱健身的小刘同学 node.jsnode.js
    前面讲到了fs模块，今天讲讲path路径模块什么是path模块是node.js官方提供用来处理路径的模块例如：parh.join（）方法用来将多个路径片段拼接成一个完整的路径path.basename（）方法用来从路径字符串中将文件名解析出来__dirname当前目录我们引入路径的时候有三种方法可以选择第一种相对路径弊端:如果在其他路径打开就会报错第二种绝对路径弊端:太繁琐不利于复用移植性差第三种
  • day29 js基础5 跟我念一遍
    //获取可视区的宽度和高度//获取宽高的时候，要看有没有DTD的说明，如果有，使用documentElement，如果没有，使用bodyvarclientWidth=document.documentElement.clientWidthvarclientHeight=document.documentElement.clientHeight1、吸顶条//可以直接获取到div的宽度和高度，而且是不
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他