dcry
dcry

Canvas实现画图工具


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>task1title>
    <link rel="Shortcut Icon" href="index.ico">
    <link rel="stylesheet" href="buttons.css" type="text/css">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js">script>
    <script type="text/javascript" src="buttons.js">script>
head>
<style>
    body{
        padding: 0px;
        margin: 0px;
    }   
    #draw{
        height:600px;
        width:600px;
        margin: auto;
        margin-top: 10px;
    }
    #save{
        margin-top: 5px;
    }
    canvas{
        cursor: url("pen.ico"),auto;
    }
style>
<body style="background-color:#ccc">
    <div id="draw">
        <canvas id="mycanvas" height="500" width="600" style="background-color: #fff">canvas><br>
        <button id="reset" class="button button-action button-rounded">清空画板button>
        <button id="color_0" class="button button-caution button-box button-small" style="background-color: black">黑button>
        <button id="color_1" class="button button-primary button-box button-small">蓝button>
        <button id="color_2" class="button button-action button-box button-small">绿button>
        <button id="color_3" class="button button-caution button-box button-small">红button>
        <span class="button-dropdown" data-buttons="dropdown">
    <button class="button button-rounded">
      画笔粗细 <i class="fa fa-caret-down">i>
    button>
    <ul class="button-dropdown-list">
      <li id="wth_1"><a>1a>li>
      <li id="wth_2"><a>2a>li>
      <li id="wth_3"><a>3a>li>
    ul>
  span>
        <button id="eraser" class="button button-rounded">橡皮擦button>
        <a id="save" class="button button-block button-rounded button-highlight button-large">保存a>
    div>
body>
<script>
    window.onload = function() {
        var cvs = document.getElementById("mycanvas");
        var plt = document.getElementById("mycanvas").getContext("2d");
        var btn_1 = document.getElementById("reset");
        var black = document.getElementById("color_0");
        var blue = document.getElementById("color_1");
        var green = document.getElementById("color_2");
        var red = document.getElementById("color_3");
        var wth_1 = document.getElementById("wth_1");
        var wth_2 = document.getElementById("wth_2");
        var wth_3 = document.getElementById("wth_3");
        var eraser = document.getElementById("eraser");
        var save = document.getElementById("save");
        var is_eraser = false;
        //  plt.fillStyle = "#000";
        //  plt.strokeStyle = "#999"
        //  plt.lineWidth = 10;
        //  plt.lineJoin = "round";
        //  plt.fillRect(10,10,100,100);
        //  plt.strokeRect(10,10,100,100)

        //  plt.beginPath();
        //  plt.moveTo(10,10);
        //  plt.lineTo(10,100);
        //  plt.lineTo(100,100);
        //  plt.closePath();
        //  plt.stroke();

        cvs.onmouseover = function(ev) {
            ev.preventDefault();
        }

        cvs.onmousedown = function(ev) {
            //每次都从一个新起点开始，会默认结束上一个。写restore的话会闭合图像
            plt.beginPath();
            plt.moveTo(ev.pageX - cvs.offsetLeft, ev.pageY - cvs.offsetTop);
            cvs.onmousemove = function(ev) {
                plt.lineTo(ev.pageX - cvs.offsetLeft, ev.pageY - cvs.offsetTop);
                plt.stroke();
            }
        }

        document.onmouseup = function() {
            cvs.onmousemove = null;
        }

        btn_1.onclick = function() {
            plt.clearRect(0, 0, 600, 500);
        }

        black.onclick = function() {
            if(!is_eraser){
                plt.strokeStyle = "rgb(0,0,0)";         
            }
        }
        blue.onclick = function() {
            if(!is_eraser){
            plt.strokeStyle = "rgb(71,174,249)";
            }
        }
        green.onclick = function() {
            if(!is_eraser){
            plt.strokeStyle = "rgb(165,222,55)";
            }
        }
        red.onclick = function() {
            if(!is_eraser){
            plt.strokeStyle = "rgb(255,67,81)";
            }
        }

        wth_1.onclick = function() {
            if(!is_eraser){
            plt.lineWidth = 1;
            }
        }
        wth_2.onclick = function() {
            if(!is_eraser){
            plt.lineWidth = 3;
            }
        }
        wth_3.onclick = function() {
            if(!is_eraser){
            plt.lineWidth = 5;
            }
        }

        eraser.onclick = function(){
            if (!is_eraser) {
                plt.save();
                plt.strokeStyle = "rgb(255,255,255)";
                plt.lineWidth = 12;
                eraser.innerHTML = "点击取消";
                is_eraser = true;
                $(cvs).css("cursor", "url('eraser.ico'),auto");
            } else {
                plt.restore();
                eraser.innerHTML = "橡皮擦";
                is_eraser = false;
                $(cvs).css("cursor", "url('pen.ico'),auto");
            }
        }

        save.onclick = function(){
            //抄的，不理解为什么这样
            var image = cvs.toDataURL("image/png").replace("image/png", "image/octet-stream");
            window.location.href=image;
        }
    }
script>

html>

用的Buttons的css样式库，可以去http://www.bootcss.com/p/buttons/ 下载，js文件要自己去网页源文件下载。

效果图：
Canvas实现画图工具_第1张图片

你可能感兴趣的:(前端学习)

  • 前端学习——HTML W起名有点难 学习笔记前端学习html
    VSCode常用快捷键代码格式化：Shift+Alt+F向上或向下移动一行：Alt+Up或Alt+Down快速复制一行代码：Shift+Alt+Up或者Shift+Alt+Down快速替换：Ctrl+HHTML标签文本标签定义着重文字定义粗体文字定义斜体文字加重语气删除字无特定含义列表标签1、有序列表//type可以改变列表项目标签//1：用数字标号；A：用大写字母标号；a：用小写字母标号；i：小
  • 前端学习资料集合 mdnbnb 前端
    针对前端的学习，不同阶段采用的方式是不一样的。本文把前端的学习分为入门、实战、进阶三个阶段。下面分开来说一、入门阶段入门阶段的目标是学会前端的基本语法和知识，能够解决一些简单的问题。这个阶段不建议看书学习，效率太慢。这个阶段不追求知识广度，只要求能够快速上手就行。建议直接找一些介绍前端的基础知识的视频课程来看。推荐一个比较经典的课程。前端基础班就业班实战项目全套课程聊聊前端开发的基础知识4小时带你
  • 你好，我是冴羽，我写了一套《前端大佬成长之路》
    你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
  • 前端学习Day4 CSS基础笔记 Yukukiii 前端css学习
    目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
  • 2022年9月前端学习笔记 早日退休！ 前端学习html5前端
    目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.配置vue-router43.配置vuex45、深拷贝和浅拷贝1.浅拷贝2.深拷贝2022.09.021、同步与异步2、事件循环eventloop3、遇到的坑：vue中给点击事件@click使用三元
  • 【前端学习笔记】Vue3 咔叽布吉 前端学习前端学习笔记
    一、Vue3新变化Vue3相比于Vue2做了很多改进，不仅提升了性能，还引入了一些新的功能，使得开发更加高效、灵活。1.性能提升Vue3在性能方面做了大量的优化，尤其是在渲染和更新方面，主要通过以下几个方式提升：更快的虚拟DOM：Vue3的虚拟DOM实现进行了优化，减少了不必要的渲染和更新，提高了性能。TreeShaking：Vue3在构建时支持更好的TreeShaking（摇树优化），即只打包你
  • 【前端学习笔记】Vite 咔叽布吉 前端学习前端学习笔记
    1.ViteVite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开发过程中的瓶颈。Vite的核心思想是通过利用浏览器原生的模块系统（ESModules）以及对构建过程进行优化，从而大大提升开发和构建的效率。Vite详细解读Vite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开
  • github项目推荐：少儿图形化编程启蒙游戏 橙狮科技 github大前端typescriptjavascript前端框架
    介绍codeABC是一个少儿编程启蒙项目，包括6个编程主题，每个主题包括超过20个关卡，typescript编写，基于Phaser游t戏引擎（https://github.com/photonstorm/phaser）,不错的前端学习项目。纯web开发，可以发布为网页或APP。github仓库https://github.com/techtogood/CodeABC在线体验ffmagic.com/
  • web前端学习7-css动画过渡 修罗_ web前端新手必看16篇css3css
    学习7-css动画过渡css使用过渡p{/*初始属性*/width:100px;height:100px;background-color:#00FFFF;}p:hover{/*间接过渡法-鼠标经过区域会显示为以下属性*/width:200px;height:200px;background-color:#FF0000;transition-delay:1s;/*1秒后执行过渡*/transiti
  • 前端学习-事件委托（三十） marshalVS 学习
    目录前言课前思考for循环注册事件语法事件委托1.事件委托的好处是什么?2.事件委托是委托给了谁，父元素还是子元素3.如何找到真正触发的元素示例代码总结前言才子佳人，自是白衣卿相课前思考1.如果同时给多个元素注册事件，我们怎么做的?for循环注册事件语法constlis=document.querySelectorAll('ulli');for(leti=0;i​Document.highligh
  • 【前端学习路线】- 简 呀啊~~ 前端学习react.jsvue.js前端框架javascript
    前端学习路线1.前端开发概述1.1前端的定义与重要性1.2前端技术的演变历程1.3前端开发的核心技能要求2.前端框架总览2.1什么是前端框架？2.2前端框架的分类2.3选择框架时的考虑因素3.主流前端框架及其特点3.1React3.2Vue4.前端开发工具与技术栈4.1开发工具4.2构建工具4.3包管理工具4.4版本控制4.5自动化与CI/CD4.6API请求与数据管理5.前端开发学习路线5.1初
  • 前端学习：Axios Http请求库入门与实战应用 Landy_Jay http网络协议网络
    什么是Promise？Promise是一个表示异步操作最终完成或失败的对象。它允许你更优雅地处理异步操作，避免回调地狱（CallbackHell）。特点：异步性：Promise代表一个异步操作的最终完成或失败。不可更改：一旦Promise的状态确定为成功（resolved）或失败（rejected），它就不会再改变。链式调用：可以将多个异步操作按顺序排列，形成链式调用。Promise的基本状态一个
  • 前端学习-事件解绑，mouseover和mouseenter的区别(二十九) marshalVS 前端学习
    目录前言解绑事件语法鼠标经过事件的区别鼠标经过事件示例代码两种注册事件的区别总结前言人道洛阳花似锦，偏我来时不逢春解绑事件on事件方式，直接使用null覆盖就可以实现事件的解绑语法btn.onclick=function(){alert('点击了')}btn.onclick=null;constben=document.querySelector('button');ben.addEventLis
  • 前端学习-环境this对象以及回调函数（二十七） marshalVS 学习javascript前端
    目录前言目标环境对象作用环境对象this是什么？判断this指向的粗略规则是什么？回调函数目标常见的使用场景综合案例：Tab任务栏切换总结前言男儿何不带吴钩，收取关山五十州目标能够分析判断函数运行在不同环境中this所指代的对象环境对象指的是函数内部特殊的变量this，它代表当前函数运行时所处的环境作用弄清楚this的指向，可以使代码更简洁函数的调用方式不同，this所指代的对象不同[谁调用，th
  • 免费开源的后端API服务-supabase安装和使用-简直是前端学习者福音 前端三评 strapiAjax工具开源前端supabase
    文章目录它是什么安装和部署关于安装关于部署1、注册用户2、创建组织3、创建项目创建数据库表（填充内容）填充数据库表使用postman联调API它是什么一个开源免费的后端框架，firebase的替代品。可以简单理解类似于headlesscms，但是不仅仅只提供内容，它还集成了服务订阅、即时API，用户身份认证（包括第三方身份认证，比如使用github、Google等账号实现快速登录和注册）、边缘函数
  • 小白WEB前端学习（七） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长手机:76899212482.media媒体查询HTML标签字号手机屏幕大小不同，分辨率不同如何设置不同的htm
  • 小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
  • Web前端学习重点笔记 HeHolly 前端学习笔记
    第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默
  • 前端-从入门到入土
    前端学习路线基础部分（HTML+CSS+JS入门）快速了解，能够进行简单的页面布局，交互JS部分，可以写一些小demo来熟悉常见的API推荐教程：https://www.bilibili.com/video/BV1BT4y1W7Aw/?spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 前端学习之三种css样式写法 MissPSTime
    选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器
  • 一个正经的前端学习 开源 仓库(第1天） 掘金-我是哪吒 javavuehtmlcssjs
    低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）：我是哪吒：如果你所学的东西处于喜欢才会有强大的动力支撑。交流讨论&&如何学习&&转载声明第一：你可以直接在本仓库阅读即可，
  • 【微信小程序】制作个人信息页面 m0_67393593 面试学习路线阿里巴巴android前端后端
    题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。但这个想法被一位大佬否定了，所以这个想法也只好放在心里成为另一种可能。分享一个今天才学会的CSDN写文章的技巧~正题：先上成品图1.架构进行编程前，我们要架构。对整体项目叫架构，对一个页面而言不如说叫整理思路以本图为例，除去底部t
  • CSS前端学习（online tuorials） 憨憨憨憨憨到不行的程序员 CSS学习（onlinetuorials）前端css学习
    index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择
  • CSS前端学习（online tuorials）旋转动画 憨憨憨憨憨到不行的程序员 CSS学习（onlinetuorials）前端css学习
    index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1
  • 前端学习：如何将数据存储到chrome浏览器localStorage中（详细） Dorable_Wander JavaScript浏览器json前端javascript缓存chrome
    localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容【详细教程】如何清除浏览器缓存（快捷键+手动）cookie、sessionStorage和localStorage的区别（一）cookie
  • 60 个前端 Web 开发流行语你都知道哪些？ web18224617243 面试学习路线阿里巴巴android前端后端
    ??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水？今天海海给大家带来了60个Web前端开发的术语，看看你知道的有多少。以下列表是按照字母顺序排
  • WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站 html5网页设计 web前端期末大作业期末网页设计作业前端网页设计与制作html静态网页html期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 【前端学习——js篇】7.函数缓存 笔下无竹墨下有鱼 前端学习前端学习javascript
    具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
  • 前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性） cuier520 前端学习学习css前端
    目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他