KineticJS教程(1-2)

KineticJS教程(1-2)

作者：ysm @ iysm.net

邮箱：[email protected]

注：参考 http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/ 完成此文。

1.基本结构

KineticJS首先是要绑定到HTML页面上的一个DOM容器元素上，比如最常用的<div>标签。KineticJS在此容器中创建一个称之为舞台（stage）的结构，这个舞台由一个不可见的后台层和一个不可见的缓冲层组成，提供了高性能的路径和像素检测能力。舞台上再包含若干（至少一层）用户层（layer），每个层上又包含有若干canvas元素，比如各种图形、图像、元素组（组可以包含其他的图形和其他的组）等。用户还可以给这些层上的图形、元素组、层本身以及舞台本身添加事件监听方法，以响应鼠标、键盘等事件。浏览器最终显示的就是这些用户层的叠加效果。

原始图像来源：http://www.kineticjs.com/how-it-works.php

2.第一个画面

现在我们开始用Kinetic制作我们的第一个画面。

Kinetic绘图的基本的流程可以如下图所示：
KineticJS教程(1-2)

 

首先是创建一个HTML5页面，在<head>里添加对Kinetic库的引用：

 

<script src=“./kinetic.js”></script>

 

在<body>中添加一个用于绑定到Kinetic用于创建舞台的容器，比如说可以是个<div>：

 

<div id=“container”></div>

 

我们的Kinetic图像就将在这个容器中完成绘制。

 

在本例中，我们打算创建一个600×400的舞台，并在中心位置画一个红色矩形框。

 

同样是在<head>中添加脚本：

 

 

<script>

 

//在页面加载时进行绘图

 

window.onload = function() {

 

//创建Kinetic舞台，绑定我们添加的<div>容器

 

var stage = new Kinetic.Stage({

 

container : “container”, //<div>的id

 

width : 600, //创建的舞台宽度

 

height : 400 //创建的舞台高度

 

});

 

//创建Kinetic用户层

 

var layer = new Kinetic.Layer();

 

 

//创建一个Kinetic矩形对象

 

var rect = new Kinetic.Rect({

 

x : 200, //矩形左上角x坐标

 

y : 150, //矩形左上角y坐标

 

width : 200, //矩形的宽度

 

height : 100, //矩形的高度

 

fill : “red”, //矩形的填充色

 

stroke : “black”, //矩形边缘线的颜色

 

strokeWidth : 4 //矩形边缘线的宽度

 

});

 

 

//向用户层中添加上面的矩形

 

layer.add(rect);

 

//将上面的用户层添加到舞台上

 

stage.add(layer);

 

stage.draw();

 

 

};

 

</script>

 

 

用浏览器打开页面就能看到如下的图像了：



KineticJS教程(1-2)

你可能感兴趣的:(js教程)

  • Mosh的Node.js教程（四） Kurtice
    作者：大志前端链接：https://juejin.cn/post/6844903470797946887来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前言本系列文章是根据Mosh大佬的视频教程全方位Node开发-Mosh整理而成，个人觉得视频非常不错，所以计划边学习边整理成文章方便后期回顾。该视频教程是英文的，但是有中文字幕，感谢marking1212提供的中文字幕
  • 【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面 努力挣钱的小鑫 Web3d前端javascript学习
    课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问，可以下载国内大佬的镜像跑起来就行threejs-code-publicnpmi下载依赖后启动npmrunstart启动就可以啦！官方编辑器直接点击，后续拿来做测试使用。创建第一个threejs3
  • nvm 安装nodejs教程【详细】 编程抗氧化 #NodeJsnode.jsnvm版本管理javascript镜像
    目录一、安装nvm二、配置镜像三、安装nodejs安装查看正在用的nodejs版本切换版本一、安装nvm双击安装包：无脑下一步即可，当然你可以自定义你自己的安装目录。安装完后，打开环境变量，你会发现nvm为我们自动配置好了环境变量。二、配置镜像在nvm安装目录下setting文件中加入如下代码：node_mirror:https://npmmirror.com/mirrors/node/npm_m
  • 028-安全开发-JS应用&原生开发&JQuery库&Ajax技术&前端后端&安全验证处理 wusuowei2986 javascript前端安全
    028-安全开发-JS应用&原生开发&JQuery库&Ajax技术&前端后端&安全验证处理#知识点：1、JS应用-原生态开发&第三库开发2、JS功能-文件上传&登录验证&商品购买演示案例：➢JS原生开发-文件上传-变量&对象&函数&事件➢JS导入库开发-登录验证-JQuery库&Ajax技术➢JS导入库开发-逻辑购买-JQuery库&Ajax技术#参考1、原生JS教程https://www.w3s
  • vue使用mpegts.js教程 跳跳的小古风 javascriptvue.js前端
    vue使用mpegts.js教程最简单好用的H265网页播放器-mpegts.js简介特征受限性使用步骤安装引入HTML中添加视频标签video知识扩展在容器里创建播放器最简单好用的H265网页播放器-mpegts.jsH265是新一代视频编码规范，与H264相比压缩比更高，同样的码率下视频质量更高，或者说同样质量的视频占用的带宽和存储更少简介mpegts.js是在HTML5上直接播放MPEG-T
  • 基于JavaScript开发无限滚动加载功能 xiaoerbuyu1233 javascriptokhttp开发语言
    基于JavaScript开发无限滚动加载功能-js教程-PHP中文网基于JavaScript开发无限滚动加载功能无限滚动加载是一种常见的网页加载方式，可以在用户滚动到页面底部时自动加载新内容，避免了用户频繁点击“下一页”按钮或者刷新页面的麻烦。在本文中，我们将讨论如何使用JavaScript来实现无限滚动加载功能，并提供相关的代码示例。一、基本原理实现无限滚动加载的基本原理是通过监听页面滚动事件，
  • hammer.js教程1 码农下的天桥 前端
    移动开发框架剖析(一)Hammer专业的手势控制一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。本章主要讲解下使用，因为官方的API都是英文的，中文资料也相
  • vue.js资源汇总，vue.js教程大全 千泓 vue.jsvuevue-jsvue-js教程vue-js资源汇总
    一.资源教程综合类vuejs英文资料Vue中文资料总汇Vue.js的一些资源索引vue资料入门类vue快速入门Vue.js中文系列视频教程onLaravist英文教程LearningVue1.0:StepByStep社区sf-vue标签知乎-vue标签Vue.js专业中文社区vue-issues二.文档APIVue.js-APIroutervue-router文档三.组件1.官方组件Loaderh
  • Vue学习笔记——前端模块化 小910888
    视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。本节目录：为什么需要模块化前端模块化为什么需要模块化JavaScript原始功能js文件太多，可能造成变量冲突。加载的顺序不同，可能造成覆盖匿名函数的解决方案使用闭包，把函数括起来(function(){varna
  • vscode中对Node.js进行debug 浅浅而谈
    本篇文章给大家介绍一下vscode中对Node.js进行debug调试的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。推荐学习：《vscode教程》、《nodejs教程》在vscode中对Node.js进行debug1、先记住哪个是启动文件2、点击这个再点击这个3、点击这个4、点击这个5、vscode会自动帮你创建出launch.json的debug配置文件其中四个属性是最
  • Ubuntu22.04安装Node.js教程 Jully_xiaoman 实习记录node.jsvim编辑器
    Node.js安装记录1.安装教程：Step1:在官网下载node.js的安装包文件：我下载的是LinuxBinaries(x64)。Step2:下载好后我是按照官网的教程进行了安装和环境配置；官网对于不同版本的安装包分别给出了不同的安装教程；官网教程1.打开终端输入以下命令，注意VERSION和DISTRO要换成你下载的安装包版本，直接从安装包文件名获取就可以了；VERSION=v10.15.0
  • Vue学习笔记——vue-router 小910888
    视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。==箭头函数==：一种定义函数的方式//1.定义函数的方式：functionconstaaa=function(){}//2.对象字面量中定义函数constobj={bbb:function(){},bbb(){}
  • Three.JS教程1环境搭建、场景与相机 编程圈子 #Three.JS专栏javascript数码相机开发语言
    Three.JS教程1环境搭建、场景与相机一、Three.JS简介二、环境搭建1.开发准备2.安装three.js3.新建文件`index.html``main.js`4.关于附加组件5.启动三、创建场景1.场景的概念2.相机的概念3.相机的几个相关概念（1）视点（Position）（2）注视点（LookAt）（3）视口（Viewport）（4）投影矩阵（ProjectionMatrix）4.Th
  • 关于node.js一些模块的记录「FS模块」 爱貌貌Manners
    目录Node.JS教程FS模块Path模块FS模块Path模块Node.jspath模块提供了一些用于处理文件路径的小工具，我们可以通过以下方式引入该模块：varpath=require("path")__dirname__dirname表示当前路径的绝对路径一、方法1.path.normalize(p)path.normalize(p)规范化路径，注意'..'和'.'。//格式化路径consol
  • Nodejs教程01：Nodejs简介 weixin_33997389 javascript前端后端ViewUI
    Nodejs简介简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效。Nodejs的应用场景由于Nodejs目前还不够成熟，因此一般不会用作独立开发，它的主要用途如下中间层通常在开发应用时，出于安全考虑，后端的主服务器都不会直接暴露给客户端，两
  • 最好的Angular和AngularJS教程 cumifi2519 pythonjava编程语言vuejavascriptViewUI
    AngularJS(versions1.x)isaJavaScript-basedopensourceFramework.ItiscrossplatformandusedtodevelopSinglePageWebApplications(SPWAs).AngularJSimplementstheMVCpatterntoseparatethelogic,presentation,anddataco
  • Nextjs实战 Z_Xshan javascript前端react.js
    一、安装Next.js是一个全栈式的React框架。它用途广泛，可以让你创建任意规模的React应用——可以是静态博客，也可以是复杂的动态应用。要创建一个新的Next.js项目，请在你的终端运行：npxcreate-next-app@latest如果你是Next.js的新手，请查看Next.js教程。Next.js由Vercel维护。你可以将Next.js应用部署到Node.js或serverle
  • AngularJS 冰逸.itbignyi AnjularJS前端angular.js前端javascript
    AngularJS教程AngularJS通过新的属性和表达式扩展了HTML。AngularJS可以构建一个单一页面应用程序。AngularJS学习起来非常简单。名字:Hello{{name}}笔记1、ng-app=""定义angularJS的使用范围；2、ng-init="变量=值;变量='值'"初始化变量的值，有多个变量时，中间用分号隔开；3、ng-model="变量"定义变量名；4、ng-bi
  • Node.js教程-fs模块 旺仔学IT node.js
    fs模块概述fs是filesystem的缩写。其为Node.js的核心模块之一，用于对文件系统进行操作。它提供了丰富的函数，可对文件进行读取、写入、复制和删除操作，同时也支持对目录进行创建、遍历和修改等操作。文件操作文件写入操作文件写入即将数据保存至文件中，fs模块提供了多种方法实现：方法说明write异步写入writeSync异步写入writeFile异步写入writeFileSync同步写入a
  • Node.js教程-net模块 旺仔学IT node.js
    net模块是Node.js官方提供的用于底层网络通信的模块，包含了创建服务器/客户端的方法。net模块主要包含了两部分：net.Server用于创建TCP服务，内部通过socket来实现与客户端的通信net.Socket是TCP或Socket的抽象，实现了一个全双工流接口net.Servernet.Server用于创建TCP或本地服务器net.server([options][,connectio
  • Node.js教程-express框架 旺仔学IT node.jsexpress
    概述Express是基于Node.js平台(建立在Node.js内置的http模块上)，快速、开放、极简的Web开发框架。中文官网http://www.expressjs.com.cn/。Github地址：https://github.com/orgs/expressjs。Express核心特性：可设置中间件来响应HTTP请求定义了路由表用于执行不同的HTTP请求可通过向模板传递参数来动态渲染HT
  • Node.js教程-模块化 旺仔学IT node.js
    什么是模块化模块化指为了解决一个复杂问题，自顶向下把系统逐层划分为若干个模块的过程。对于整个系统来说，模块是可以组合、分解和更换的单元。代码进行模块化的好处：提高了代码的复用性增强了代码的可维护性可以实现按需加载模块化规范模块化规范就是对代码进行模块化的拆分和组合时需遵从的规则。如：引用模块的语法在模块中向外暴露的语法格式模块化规范的好处：开发人员遵从同样的模块化编写代码，降低了沟通的成本，极大的
  • Node.js教程-Buffer对象 旺仔学IT node.js
    概述Buffer对象是Node用于在网络或文件系统操作等场景中处理二进制数据流。用于表示固定长度的字节序列。一个Buffer类似于一个整数数组，它对应了V8堆之外的一块原始内存。Buffer在Node是一个全局变量，无需通过require关键字来导入其模块。在V6.0前创建Buffer对象直接使用new关键字来创建实例，但其对内存的权限操作比较大，可直接捕获一些敏感信息，所以在V6.0之后，官方建
  • Node.js教程-package.json文件 旺仔学IT node.js
    简介在Node.js中，package.json是管理其依赖的配置文件。定义了项目所需的各种模块，以及项目的配置信息(如：项目名称、版本、作者信息、许可证等)。package.json文件其实就是一个JSON对象，其位于项目的根目录下。npminstall命令会根据这个配置文件自动下载所需的模块。配置说明属性说明name项目名称。长度不能大于214个字符，不能以.或_开头，不能包含大写字母vers
  • Node.js教程-mysql模块 旺仔学IT node.jsmysql
    概述在Node.js中，mysql模块是实现MySQL协议的JavaScript客户端工具。Node.js程序通过与MySQL建立链接，然后可对数据进行增、删、改、查等操作。安装由于mysql模块不是Node.js内置模块，需手动安装npmimysql注意：若MySQL服务的版本高于8.0.4时，请安装mysql2模块，否则连接时会出现身份验证错误。使用连接数据库mysql.createConne
  • 聊聊vue3中的custom renderer特性（转载） 浅浅而谈
    本篇文章带大家一起来了解一下vue3的新特性customrenderer。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。image【相关推荐：《vue.js教程》】默认的目标渲染平台在vue3中允许用户自定义目标渲染平台，以往的版本中目标渲染被局限于浏览器dom平台，而现在可以把vue的开发模型扩展到其他平台。点击进入官网Tips:以往解决把vue的开发模型扩展到其他平台(Can
  • 关于Jsonp跨域原理详解及简单应用 也许会了
    浏览器的同源策略：同源策略(SameOriginPolicy)是一种约定，它是由Netscape提出的一个著名的安全策略，它限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。推荐：《js教程》同源的定义：如果两个页面的协议，端口（如果有指定）和主机都相同，则两个页面具有相同的源。我们也可以把它称为“协议/主机/端口tuple”，或简单地叫
  • NVM下载和安装NodeJS教程(环境变量配置) 前端小灰狼 JavaScript前端nvmnode.js
    前言:一个公司很多项目,可能每个项目node版本要求不一样,导致每次切换项目,你要重新下载node,非常麻烦,这个时候,就有了nvm,非常的方便实用,也是程序员必备.1.nvm是什么?nvm全英文也叫node.jsversionmanagement，是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版
  • Vis.js教程（三）：设置关系图的节点关系指向 日出西边 Vis.js前端Vis.js
    1、引言在Vis.js教程（一）基础关系图中，我们介绍了基础关系图的创建，以及关系图的简单样式修改。这一节我们介绍如何给关系图添加节点之间的关系指向。2、关系指向添加//createanarraywithedgesconstedges=newvis.DataSet([{from:1,to:2,arrows:"from"},{from:2,to:3,arrows:"to"},{from:2,to:4
  • Vis.js教程（四）：给关系图的节点设置Image背景 日出西边 Vis.js前端Vis.js
    1、引言在Vis.js教程三中我们介绍了如何给关系图设置关系指向以及关系标签。本节我们计划给关系图节点设置背景，拿菲尼克斯太阳队关系图的例子来说，如果给每一个球员节点都加上图片，这样看起来远远比名称更直观。2、添加节点背景图片//createanarraywithnodesconstnodes=newvis.DataSet([{id:1,shape:"circularImage",color:'#
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 html小球碰撞
    稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变
  • 《高性能HTML5》读后整理的Web性能优化内容 白糖_ html5
    读后感         先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。  
  • [JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop商城系统jshop电商系统
        在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。         在jshop中，对RequestContextHolder的
  • 算法之时间复杂度 周凡杨 java算法时间复杂度效率
          在 计算机科学 中， 算法 的时间复杂度是一个 函数 ，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是 渐近 的，它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法，
  • Java事务处理 g21121 java
    一、什么是Java事务 通常的观念认为，事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状
  • Linux awk命令详解 510888780 linux
    一.  AWK 说明   awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。    awk的处理文本和数据的方式：它逐行扫描文件，从第一行到
  • android permission 布衣凌宇 Permission
    <uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na
  • Oracle和谷歌Java Android官司将推迟 aijuans javaoracle
    北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来
  • linux shell 常用命令 antlove linuxshellcommand
    grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:
  • Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术Java解析xml文档dom技术XML配置数据库连接
        XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA
  • underscore.js 学习（二） bijian1013 JavaScriptunderscore
            Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素，设置了参数n，就
  • plSql介绍 bijian1013 oracle数据库plsql
    /* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select
  • 【Nginx一】Nginx安装与总体介绍 bit1129 nginx
    启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件  
  • spring mvc开发中浏览器兼容的奇怪问题 bitray jqueryAjaxspringMVC浏览器上传文件
        最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
  • Lua的io库函数列表 ronin47 lua io
    1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述 　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄 　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
  • java-26-左旋转字符串 bylijinnan java
    public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu
  • 《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
    vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！ 今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别
  • [轨道与计算]新的并行计算架构 comsci 并行计算
         我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？      
  • 重复执行某段代码 dai_lm android
    用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h
  • Java实现堆栈（list实现） datageek 数据结构——堆栈
    public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty
  • 四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DBbackup
    一：通过备份王等软件进行备份前台进不去？ 用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。 解决方法：学会修改网站配置文件，大多是由co
  • github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com githubgitwebhook
    转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！ 工具/原料 github 方法/步骤
  • ">的作用" target="_blank">JSP中的作用 蕃薯耀
    JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • linux下SAMBA服务安装与配置 hanqunfeng linux
    局域网使用的文件共享服务。 一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients
  • guava cache IXHONG cache
    缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。 　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
  • Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScriptjquerycss
    这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码：   (
  • 美国人的福利和中国人的储蓄 nannan408
       今天看了篇文章，震动很大，说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。    美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人
  • N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
    package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina
  • C语言算法之打渔晒网问题 qiufeihu c算法
    如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。 代码如下：   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0
  • XML中DOCTYPE字段的解析 wyzuomumu xml
    DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他