大海之恋88
大海之恋88

图片旋转后保存base64

图片旋转后保存base64——canvas

描述

图片旋转的如果不用保存的话，用css3就很简单了，至于用那些css3的属性和方法，自行在网上查。这里介绍用canvas 介绍图片旋转后保存base64。

思路

在canvas里进行图片旋转操作，然后用toDataURL保存base64字符串

解决绕中心旋转的问题

rotate()方法用于旋转当前绘制图。但是，你会发现它以绘制图的左上角为中心圆点进行旋转的。
解决：这时就用到translate(x,y) 平移绘制图 到 画布的中心点, 再使用旋转rotate(deg*Math.PI/180)，然后再translate(-x,-y)。再设置绘制图本身的x和y就可以了。代码如下：

var body = document.getElementsByTagName('body')[0],
    canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');

    canvas.width = 500;
    canvas.height = 500;
    canvas.style.background = '#000';
// 设置矩形的坐标和宽高
var obj = {
        x: canvas.width/2,
        y: canvas.height/2,
        w: 200,
        h: 200,    
    };
ctx.fillStyle = '#fff';
// 设置旋转中心圆点到绘制的中心位置
ctx.translate(obj.x,obj.y);
ctx.rotate(45 * Math.PI/180);
ctx.translate(-obj.x, -obj.y);
ctx.fillRect(obj.x-obj.w/2, obj.y-obj.h/2, obj.w, obj.h);
body.appendChild(canvas);

旋转解决了

把矩形替换成图片就可以了。用到drawImage()方法和toDataURL()

<body>
	<img src="./images/res-pic.png" alt="" width="100%" id="temp-img" style="display:none;">
	<div class="canvas-box"></div>
</body>

<script>
var deg = 45,
      imgUrl = $('#temp-img').attr('src'),
      imgW = parseInt($('#temp-img').width()),
      imgH = parseInt($('#temp-img').height());
getBase64(imgUrl, imgW, imgH, deg)
function getBase64(imgUrl, imgW, imgH, deg) {
            //通过构造函数来创建的 img 实例，在赋予 src 值后就会立刻下载图片，相比 createElement() 创建  省去了 append()，也就避免了文档冗余和污染
            var Img = new Image(),
                dataURL = '',
                deg = deg;
            Img.src = imgUrl;
            Img.onload = function () { //要先确保图片完整获取到，这是个异步事件
                var canvas = document.createElement("canvas"), //创建canvas元素
                    ctx = canvas.getContext("2d"),
                    //确保canvas的尺寸和图片一样
                    width = imgW,                                  
                    height = imgH,
                    w = deg % 180 == 0 ? width : height,
                    h = deg % 180 == 0 ? height : width,
                    obj = {
                        x: w / 2,
                        y: h / 2,
                        w: width,
                        h: height
                    };
                canvas.width = w;
                canvas.height = h;

                ctx.translate(obj.x, obj.y);
                ctx.rotate(deg * Math.PI / 180);
                ctx.translate(-obj.x, -obj.y);

                ctx.drawImage(Img, obj.x - obj.w / 2, obj.y - obj.h / 2, obj.w, obj.h); //将图片绘制到canvas中
                dataURL = canvas.toDataURL(); //转换图片为dataURL（转换成base64）
                $('.canvas-box').css({
                    'width': w,
                    'height': h
                }).html('');
                $('.canvas-box').append(canvas);
            };
            return dataURL
        }
       </script>

你可能感兴趣的:(canvas)

  • 【插件html2canvas】页面元素生成图片 不吃香菜的蟹老板 前端javascriptvue
    插件html2canvas将页面元素转换成图片点击【复制】按钮，将页面某个区域的内容以图片的形式复制到剪切板，粘贴后是一张图片。点击【下载】按钮，将页面某个区域的内容以图片的形式下载到本地。1安装插件npmihtml2canvas2目标页面元素html2canvas复制下载3核心逻辑3.1html2canvas绘制页面元素通过插件【html2canvas】转换成图片base64letcanvas=
  • mesh渲染到ui_UGUI深入理解--渲染系统 陈人 mesh渲染到ui
    UGUI怎么显示一张图片？从原理上来说，显示图片和其他渲染一样，需要的也是mesh和material。所以我们要看的就是怎么把mesh和material传给引擎。UI的渲染可以分三部分来看CanvasUpdateRegistry负责驱动，也就是通知需要渲染的UI组件，为什么用通知的方式而不是UI自己处理呢，UGUI的处理流程是这样的，UI自己记录是否需要重新渲染，注册事件给registry，reg
  • Uni-app开发Canvas当子组件示例，点点绘制图形 他在时间门外 uni-appjavascript前端
    前言使用Uni-app实现封装一个Canvas渲染的子组件，实现通过传入两点绘制一条完整的路程具体逻辑看我发的后端和数据库设计C#根据两点名称，寻找两短路程的最优解，【有数据库设计，完整代码】即使不了解具体逻辑，该文章同样可以帮助想要实现使用Canvas当子组件，以及点点绘制图形问题的疑惑注意事项问题一：在使用canvas开发时为什么图形没有渲染1.注意画布的尺寸canvas标签默认宽度300px
  • 3 HTML5 svg 官清岁月
    SVG:ScalableVectorGraphics;//可缩放矢量图形->svg图像放大情况下图形质量不会损失(失真)；-->应用场景：图表、动画、矢量图(点/线/面,形成的基本图形)、常用于制作图标icon1、canvas与svg的区别：(1).canvas是由像素点构成的，其依赖分辨率，其放大后会"失真"；其通过js来绘制2D图形，常用来制作游戏、图表(运行速度快)；(2).svg是由图形(
  • canvas绘制圆形进度条 程序猿小离 javascriptvue.js开发语言
    canvas绘制圆形进度条用canvas绘制了一个圆形进度条，记录一下：效果如下：感觉效果还行，不过有待优化代码如下：我是用Vue写的组件的代码：progressCanvas.vueexportdefault{name:'ProgressCanvas',data(){return{drawPgress:0}},mounted(){constaa=setInterval(()=>{this.draw
  • html5在不同浏览器兼容,HTML5浏览器兼容性解决方案 weixin_39732991 html5在不同浏览器兼容
    HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video标签和audio及canvas标记。而HTML5在取消了过时的显示效果标记和等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1.解决思路主流浏览器都兼容HTML5的新标签。
  • thumb 垂直seekbar 居中_Android 垂直SeekBar weixin_39788740 thumb垂直seekbar居中
    packagecom.example.helloverticalseekbarv2;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Rect;importandroid.graphics.drawable.Drawable;importandroid.util.AttributeS
  • android 快速实现 圆角矩形控件 及 圆形控件 42nf androidRoundImageView圆角矩形控件
    1.自定义RoundImageViewpackagecom.examle.widget;importandroid.content.Context;importandroid.content.res.TypedArray;importandroid.graphics.Bitmap;importandroid.graphics.Canvas;importandroid.graphics.Color;
  • Web 游戏 「梦幻西游」地图 Demo ，纯 Canvas 画 梁同桌
    前言本程序仅仅学习，顺便回忆小学玩的游戏。项目初心为了验证一些对Canvas想法。项目大量运用ES6，无";"写法。cover.gif目录文件介绍职责分类缺点文件imgjxk（剑侠客图片）background（地图图片）jsbaserunloop.js（循环）viewjxk.js（剑侠客）map_one.js（地图）game.jsindex.jsindex.html职责分类js/base/runl
  • uni-app 实现拍照后给照片加水印功能 前端码农小黄 功能uni-app前端
    遇到个需求需要实现，研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里，然后加上水印样式然后再重新生成一张图片代码如下，看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault{data(){return{canvasWidth:300,canvasHeight:150,}},methods:{handlePhotoAndWatermask(){//调用拍照功
  • css+动画优化,css3动画性能优化--针对移动端卡顿问题 影子的覆盖 css+动画优化
    一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
  • 自定义属性___幸运转盘 上善 若水 android幸运转盘
    Classpackagecom.qh.***.luck;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.Paint;importandroid.graphics.Path;importandroid.graphics.Rec
  • 小程序跳转H5实现长截图功能；vue-cli3通过rem适配 怪哈哈 小程序jsvue前端
    一、需求：  微信小程序部分页面需要一键长图的功能。  通过html2canvas插件可以实现，具体可参考微信小程序实现一键长图并保存图片到相册。由于该插件只能在H5项目中使用，则需要截图的小程序页面点击后跳转到H5页面，把所需的token及接口参数带过去，在H5页面进行长截图并保存或转发，点击左上角返回即回到小程序。二、思路：  首先，考虑需要长截图的页面根据需求可能会迭代增加，新建了一个vue
  • 【圣诞节】给你的头像加个圣诞帽吧 _鹅不食草_
    圣诞节快来了，来给你的头像加个帽子吧看着大伙都在弄这个，我自己也来试一哈，我分别用了两种方式来实现，一种是普通的方式，一种是wxs方式普通方式效果图如下：image思路获取头像选择素材缩放，移动，旋转素材生成canvas生成图片，保存图片实现方式image首先是获取头像，这个不用说，大家应该都会的。选择素材这里我准备了三张圣诞帽的素材，这个网上有很多，可以自己找下，然后我还做了一个选择手机相册的功
  • 通过CanvasRenderer.SetColor和Image.color修改UI组件颜色的区别
    1）通过CanvasRenderer.SetColor和Image.color修改UI组件颜色的区别2）OPPO相关机型没法在Unity启用90或120FPS3）手机输入法中的emoji4）UnityApplicationPatching怎么用这是第369篇UWA技术知识分享的推送，精选了UWA社区的热门话题，涵盖了UWA问答、社区帖子等技术知识点，助力大家更全面地掌握和学习。UWA社区主页：co
  • qml元素详解 码肥人壮 QMLC++\QTqmlqt
    qml元素详解1说明2可视元素集合3不可视元素集合4交互元素集合5自定义元素6动画元素7画布元素（canvaselement）1说明QML是一种描述用户界面的声明式语言，它将用户界面分解成一些更小的元素，或者说是由一个个元素堆积、结合成一个组件。QML语言不仅需要描述了用户界面每个元素的的形状、位置、大小、颜色等ui相关内容，还需要描述其行为及相应。在qml中，元素可以被分为可视化元素与非可视化元
  • Vue中$root的使用方法 还是大剑师兰特 #vue2实战指南vue.jsvue的root大剑师
    查看本专栏目录关于作者还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信，一起交流。热门推荐内容链接1openlayers从基础到精通，300+代码示例2leaflet热门分解学习教程，15
  • 热门的19个JAVASCRIPT前端开发框架和库
    JavaScript（JS）是一种轻量级的解释（或即时编译）编程语言，是世界上最流行的编程语言。JavaScript是一种基于原型的多范式、单线程的动态语言，支持面向对象、命令式和声明式（例如函数式编程）风格。JavaScript几乎可以做任何事情，更可以在包括物联网在内的多个平台和设备上运行。在WebGL库和SVG/Canvas元素的支持下，JavaScript变得惊人的强大。几乎可以为网络构建
  • 你画我猜。canvas qq_40055200 javascript开发语言ecmascript
    你画我猜html,body,div,canvas,nav,input,ul,li{margin:0;padding:0;}#box{width:600px;height:700px;margin:0pxauto;background-color:palevioletred;}#boxnav{width:100%;height:150px;}#boxnavdiv{height:50px;line-h
  • unity中实现3D物体在UI前方 Ctrl-c unity3dui
    在Unity中，如果你想要将3D物体显示在UI的前方，可以通过Canvas和RawImage来实现。以下是一些步骤：创建Canvas：在场景中创建一个Canvas对象。你可以在Hierarchy视图中右键点击，选择UI>Canvas，或者在创建菜单中找到。Canvas是用来渲染UI元素的。创建RawImage：在Canvas中创建一个RawImage对象。你可以在Hierarchy视图中右键点击C
  • video标签指定视频的某一帧作为封面 小付-小付 音视频前端javascriptvideocanvas
    importVuefrom'vue'captureFrame(url,file){constvideo=document.createElement('video')video.src=urlconstcanvas=document.createElement('canvas')constctx=canvas.getContext('2d')video.onloadedmetadata=()=>{
  • Unity 官方教程 Tanks （二） 迷途小路
    坦克的血条这一章我们现在制作坦克的血条，效果如图我们先在场景里生成一个Slider，重命名，然后连着Canvas一起放在Tank下，删去HandleSliderArea，然后设置canvas如下在这里把canvas把当成了一个UI来处理，在前面的教程SurvivalShooter中给主句加血条也用到了。然后设置Slider，我们选中HealthSlider、Background、FillArea、
  • unity学习（27）——修改text控件的内容 u宅 学习
    手游最大的特点就是简单易懂好上手。1.在canvas上添加一个text的UI，内容设置为空。在字体处添加宋体，增加一个tag。2.修改LoginHandler中的内容如下：（之前有从inputFiled中获取文字的经验）publicvoidLoginHandler(SocketModelmodel)//type=LOGIN的都先进这里{Debug.Log("这里是LoginHandler.cs要r
  • 【HTML】过年不能放烟花，那就放电子烟花 鑫宝Code HTMLhtml前端css
    闲谈大家回家过年可能都多多少少放过些，但是有些在城市上过年的小伙伴可能就没有机会放鞭炮了。不过没关系，我们懂技术，我们用技术自娱自乐，放电子烟花，总不可能被警长叔叔敲门问候吧。开干首先，我们先明确一下思路，我觉得可以分解为如下2个步骤。涉及到Canvas+requestAnimationFrame+物理知识，。我们先画出一个烟花爆炸出来的粒子，这涉及到技术Canvas+物理知识最后通过动画将多个粒
  • 推荐几个基于Vue3.0全家桶的优秀开源项目 一只理智恩 vue开源
    PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能，实现在线PPT的编辑、演示，支持导出PPT文件。演示地址：PPTIST-在线演示文稿源码地址：GitHub-pipipi-pikachu/PPTist:基于Vue3.x+TypeScript的在线
  • Selenium折线图自动化测试 知识的宝藏 #Selenium图表自动化测试自动化
    目录获取折线图echarts实例获取折线图实例锚点的坐标通过echarts实例的getOption()方法获取坐标数据将折线图坐标点转换为像素坐标值整合折线图坐标数据根据折线图坐标计算出锚点相对于浏览器中的坐标计算canvas画布原点的坐标计算折线图相对于浏览器的坐标使用计算后的坐标使用SeleniumAPI进行图表交互
  • 【python】滑动验证码拼接图片robotframework openCV 你叫我改代码我就改代码 web自动化python自动化开发语言
    自动化处理滑动拼接验证码问题：解决：1.抓取背景图2.抓取缺口图3.随便写几行代码4.开始测试使用环境：python3.8+robotframework+cv2问题：以上为canvas标签内图片用以上内容实现前端left属性的自动化用例解决：1.抓取背景图用传统的爬虫无法对实时生成的验证码图片抓取除非公司内部测试专用通道，因此可以用截图的方式来获取其内容selenium或者集成的robotfram
  • 「经济学人」Brexit and a by-election 英语学习社
    Brexitandaby-electionAtaforthcomingby-election,votersdon’tcareaboutBrexitCanvassersdiscoverthereisnoBrexitdividendforLabourortheToriesBRITONSTIREDofBrexitcoulddoworsethanheadtoNewport.Aflickthroughthe
  • canvas+js绘制星空页面 小羔子1997 html5javascript
    canvas+js绘制星空页面*{margin:0;padding:0;}body{overflow:hidden;}#canvas{display:block;background-color:#000000;}varw,h;varrainCount=20;//流星雨的数量varnum=200;//动点数量varrains=[];vardata=[];varcxt;init();function
  • vue3 canvas 星空背景图 唐纳德川家军 vuevue.jsjavascript前端
    vue3canvas星空背景图页面截图代码页面截图代码import{onMounted,ref}from'vue';/***星星对象*/interfaceStar{orbitRadius:number;radius:number;//星星大小orbitX:number;orbitY:number;timePassed:number;speed:number;//星星移动速度alpha:number
  • java观察者模式 3213213333332132 java设计模式游戏观察者模式
    观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
  • TFS RESTful API 模拟上传测试 ronin47
           TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
  • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
    // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
  • hibernate 171815164 Hibernate
    main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
  • Ant实例分析 g21121 ant
            下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
  • [简单]工作记录_接口返回405原因 53873039oycg 工作
             最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
  • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
       真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
  • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
    所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
  • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
    引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
  • html表格和表单基础 百合不是茶 html表格表单meta锚点
    第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
  • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
            ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
  • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
    /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
  • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
    不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
  • 优秀网站和文档收集 白糖_ 网站
    集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
  • angular.extend boyitech AngularJSangular.extendAngularJS API
    angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
  • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
    网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
  • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
    jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
  • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
           机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
  • Oracle Multitable INSERT 的用法 daizj oracle
    转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
  • 专访黑客历史学家George Dyson datamachine on
    20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
  • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
    always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
  • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
    codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
  • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
  • mac下安装rar和unrar命令 hanqunfeng mac
    1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
  • 三种将list转换为map的方法 jackyrong list
      在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
  • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
    在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
  • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
    先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
  • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
    假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
  • EXT学习记录 tntxia ext
      1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
  • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
    最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他