小马甲丫
小马甲丫

使用data_url预览图片

文章目录

  • 一、前言
  • 二、`data_url`
  • 三、示例
  • 四、最后

一、前言

我们选择了一张图片进行上传，服务器会保存图片，然后返回给我们一个url访问地址，我们前端拿到这个url地址赋值给image元素，随后我们又要发送一个请求传递一个url给服务器，服务器再返回给我们图片数据，我们才能预览图片

从上传图片到预览图片，需要我们发送两个网络请求，我们为什么不发送一个请求，本地去处理预览呢?

因为发送网络请求，网络很好的情况下，我们的等待时间会短一些，相反来说呢，所以，传统的预览图片逻辑等待时间会比较长一些，需要发送两次请求，就比如，用户点击按钮上传之后，需要等待一段时间，才可以看到预览图，我们发现现在很多站点都是上传完之后，就可以立马看到预览图了

二、data_url

接下来，我们来实现一下图片预览

img

就比如我们上述的代码，我们需要给src赋值一个url地址，这个url就是统一资源定位符，是需要定位资源来获取资源数据的，我们如果不发送请求拿数据，我们其实可以直接将数据写进url地址里面，这时候，就要涉及data url了，data url也是一个标准格式的字符串，大家可以搜索以下链接进行阅读

https://en.wikipedia.org/wiki/Data_URI_scheme

img

我们阅读完介绍之后，我们可以明白它的组成是上面这个格式

data表示这个字符串是带有资源数据的，content/type表示资源的类型，就是通过一个字符串来表达这个资源的类型，比如我们常见的有text/html，text/css，text/javascript，image/png，application/json等等，最后一个部分就是资源的数据了

我们来尝试写一个资源的data_url

使用data_url预览图片_第1张图片

在上面的格式中，后面的资源是base64编码格式，我们可以利用base64将任意数据格式，通常是二进制数据，转换为对应的文本，这个过程其实就是base64编码

我们后面的alert("123")，不是base64格式啊，我们可以通过btoa函数，将alert("123")编码成base64格式

img

使用data_url预览图片_第2张图片

想必大家对于data_url就了解了，接下来，我们将data_url运行到图片身上

逻辑其实就是，用户点击上传图片之后，我们只需要将该图片的二进制数据在本地读出来转成base64，用base64形成data_url，最终赋值给img元素的src属性身上即可，这个时候，用户就可以立马看到预览图，不需要经过任何的网络请求

img

三、示例

我们现在需要准备两个html元素

img

给inp注册change事件，来拿到读取的文件

使用data_url预览图片_第3张图片

我们最后，需要做的就是将文件的二进制数据读成一个data_url，怎么来读呢，我们可以创建一个文件读取器

使用data_url预览图片_第4张图片

读取器中有一个方法，可以帮助我们读取成data_url，但是读取是异步的，所以我们需要等待读取完成

img

我们打印一下读取结果

使用data_url预览图片_第5张图片

我们可以发现读取的结果就是一个data_url

接下来，我们将读取到的结果赋值给src属性身上

img

我们这样发现这样预览图片，不涉及到任何的网络通信，就可以实现快速的图片预览，提高了用户的体验

使用data_url预览图片_第6张图片

四、最后

本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。顺手来个三连击，点赞收藏关注✨，一起加油☕

你可能感兴趣的:(JS,前端,data_url,图片)

  • 一落索 小苇的花 松涛_5e7b
    图片小苇手机拍摄图片小苇手机摄影【一落索】小苇的花艳艳花开真好，流年不老。爱清风款款芳华，赏心处、轻吟啸。今日喜无烦恼，一舒怀抱。香香来嗅乐逍遥，悄记取、拈花笑。2019.5.23新结识的简友，拍下好漂亮的花，传给了我，小记附词谱又名洛阳春、玉连环、一络索等。双调46字，上下片各四句三仄韵。⊙⊙⊙⊙⊙，⊙□⊙。□⊙□□，⊙⊙、□□。⊙□⊙，⊙□⊙。⊙□⊙□□，⊙⊙、□□。(首句亦可作⊙□⊙□)
  • 鞋 诗不在远方
    自从自己开始穿中式风格的衣服之后，越来越多的时间穿布鞋，因为舒服。曾经那么多年伴随的皮鞋很少被自己念起！今天收到朋友自己公司产生的真皮皮鞋，突破了对皮鞋的概念！觉得皮鞋只能是好看，穿了不舒服!所以皮鞋只是被自己去参加一些活动时撑撑面子！感觉如何，只有自己的脚知道！结果今天穿上这双皮鞋，一天下来，没有任何不适之感，可以说比布鞋还舒服的皮鞋，可以跳排舞的皮鞋，可以走路的皮鞋，甚至可以爬山的皮鞋！图片发
  • 再遇王胖子（三） yps天涯明月
    文/天涯明月（原创）图片发自App（接上篇）别人议论归议论，眼红归眼红，王胖子的毛衣编织店生意越来越火是不争的事实，眼看冬天到了，织毛衣的人开始排队预定，三台织机不停地运转，王胖子成天嘻嘻哈哈，心花怒放，异常的高调兴奋，逢人便夸自己的生意多好多好，生怕别人不知道似的。当人们都在议论王胖子生意火爆时候，有人突然发现好几没看到王胖子了，也引起了我的注意，果然好像店里只有两个姑娘在忙碌！人们纷纷猜测，左
  • 37董三岁：珍惜当下 闻一闻就多
    图片发自App一天的考试，规定的时间越来越短，时间越来越紧凑，原本想根本不可能完成，没想到也可以做到。“小心点，别烫到你。”我的模特对我说，旁边的模特很奇怪的问“你不是应该说不要烫到你吗？”“她不会烫到我的。”我的模特笑着说。很开心我的模特对我如此信任，最开始找到她，她戴着黑色的口罩遮着大半张脸，刚好走到柱子边找东西，就被我发现了。我没当过模特，同班同学去当模特，一天也没有吃饭，吃零食也不想吃。喝
  • 【原创纯手打】如何使用Vue写微信朋友圈中的留言回复功能(附源码) 终极萌萌暴龙战士 前端javascript开发语言vue.js
    简单的留言板懂的都懂，问题是如何添加留言功能当我们添加写的内容存储到数组，然后将其遍历出来，在外部渲染时，再次遍历item.children，然后对其添加新的页面渲染绑定回复键，在store.js中写下hf(state,obj){//判断是否有children属性，如果有直接追加，如果没有就添加children数组if(state.list[obj.index].hasOwnProperty('c
  • 美丽的喀纳斯湖 如雨季节过来人
    图片发自App喀纳斯湖的美是我无法用语言来表达的。在沙漠、戈壁占70%的新疆竟然有此人间仙境，超出我的想象之外。“喀纳斯”在蒙语中是“美丽富饶而神秘”的意思，喀纳斯是国家级自然保护区，面积2000多平方公里。从阿尔泰山脚下的布尔津出发，沿着布尔津河的谷地，往西北直上120多公里的山路，就到了喀纳斯湖。抵达湖区边缘，是一片宽阔的略有起伏的草原，星星点点的紫色、白色、黄色的小花，微笑着向我们招手致意，
  • 刷刷前端手写题 ・T・T・ 面试前端javascript面试
    闭包用途闭包闭包让你可以在一个内层函数中访问到其外层函数的作用域防抖描述前面所有触发都被取消，最后一次执行，在规定时间之后才会触发，也就是说如果连续快速的触发，用户操作频繁，但只会执行一次。常用场景：输入框输入代码实现1、lodash的debounce函数2、当用户点击按钮时，debounce包装的getBtnValue函数会延迟3000毫秒执行。如果在这3000毫秒内用户再次点击按钮，那么之前的
  • 给失恋者的9条建议 小萘
    图片发自App失恋第一阶段1.要明白人脑具有后遗效应之所以有那么多人无法接受分手这个事实，是因为我们的大脑无法对分手这个刺激作出立时的应激反应。也就是说，你明明已经分手了，心痛得无法呼吸，眼泪哗啦哗啦地掉着，但你的大脑可能还沉浸在前段时间你们手拉手散步亲密无间的甜蜜里，而并没有开始着手应付分手这件棘手的事情。它会保持一种“爱着”的状态一段时间，让你觉得自己还深深地喜欢着那个伤害你的人，做出一系列降
  • 无话找话 欧小丽
    图片发自App请允许我喘口气。昨日晚饭前，看完《平凡的世界》，到现在心口都堵得慌。沉重的现实，依然保有理想。只剩无奈，还得继续生活下去，不是吗？其实，想说的还有很多，却始终不能组织好语言。我这苍白的文字，再加上毫无逻辑，也就不写吧。然后继续打开手机，观看电视剧《平凡的世界》，就算人物的命运我已经知晓，我还是有热切的愿望看下去。我不知道这本书带给我的“影响”会持续多久？不过，并不打算刻意为之，任其自
  • Qt控件编辑功能(二) 雨田哥工作号
    简述根据QtDesigner的控件选中，拉伸效果，用过Qt的盆友都很熟悉Qt的Designer，这个我就不多说了，我们先看看QtDesigner中的效果QtDesigner效果图图这里写图片描述模仿功能介绍1.支持选中效果；2.支持自由拉伸效果；3.支持双击鼠标左键编辑功能；4.支持键盘↑↓←→按键移动；5.支持按住ctrl+鼠标左键多选控件功能；6.支持键盘delete键，删除选中控件功能；模仿
  • treeselect只选了分支节点全选_vue Treeselect 树形下拉框:获取选中节点的ids和lables操作... weixin_39637285
    API:https://vue-treeselect.js.org/#events1.ids:即value1.lable:需要用到方法：@select(node,instanceId)和@deselect(node,instanceId)v-model="DRHA_EFaultModeTree_value":multiple="true":options="DRHA_EFaultModeTree_
  • 袅袅江南 末七寻
    ――春水碧于天，画船听雨眠多少梦，江南雨醉在烟雨花巷中谁轻吟蒹葭望着隔岸伊人谁轻吹长笛迎着荷香寻觅捧一抔扬州烟雨赋一阕丹青引掬一把秦淮月光谱一曲浮生欢你说江南似一壶春茶淡浓正相宜我说江南似一场烟雨淅沥如相思图片发自App图片发自App图片发自App
  • 易效能时间管理小结（一） 草莓丸子_1892
    图片发自App图片发自App图片发自App管理大师德鲁克说：时间是一个人最稀缺的资源，人人都需要时间管理。两天的时间管理线下课，心得体会：一、课前准备：1、听喜马拉雅FM叶武滨老师《时间管理100讲》《时间管理进阶课》做笔记、写思维导图。2、购买的装备（跑步、电子设备…），以新的面貌改变。让生活充满仪式感！3、分享时间管理到身边的小伙伴，用生命影响生命。也就是所谓的输出倒逼输入。二、领悟了“五大思
  • 轻松切换npm镜像源：npm config set registry使用指南 小柒笔记 npm前端node.js
    在开发过程中，我们经常需要从npm安装依赖包。然而，有时候npm的官方源可能因为网络问题而变得缓慢，影响我们的工作效率。本文将介绍如何使用npmconfigsetregistry命令来切换npm镜像源，提高安装依赖包的速度。npmconfigsetregistry命令简介npmconfigsetregistry命令用于设置npm的镜像源，它支持多种镜像源，如cnpm、taobao、npmjs等。通
  • 解决nodejs mysql Error: Connection lost The server closed the connection echozzi nodemysqljavascriptnode.js数据库
    Node连接MySql，会出现几分钟无动作则自动关闭连接，导致Node服务器Down掉。报错信息：解决方法：将sql文件修改为连接池的写法，查询语句也是。参考链接：https://www.npmjs.com/package/mysql2具体实现：原连接写法(db.js)：写法没错，但因为数据库无操作断开机制所以还是有问题。看了其他的博客，尝试做了异常处理，还是会出现报错。constmysql=re
  • 11-js事件基础 echozzi JavaScript基础javascript前端开发语言
    文章目录一、事件概念二、事件绑定方式1.onxxx2.事件监听器addEventListener三、事件解绑方式方法1：覆盖原事件处理（置空）方法2：移除事件监听器removeEventListener四、事件派发方式方法1：onxxx方法2：dispatchEvent五、事件对象window.event六、点击事件的光标坐标点1.以页面为参考坐标page2.以可视窗口为参考client3.相对事
  • 盖世英雄 灯下看书
    图片发自App我有两个名字，一个叫至尊宝，用来泡妞;另一个叫孙悟空，用来打架。只要那一天，我不拔出紫青宝剑，我就还是至尊宝，还和白晶晶在一些。当山贼其实很有趣，哪怕过路的不一定是凡人。我抢凡人，妖怪抢我，天经地义，没有什么好抱怨。我甚至爱上了白骨精，准备在水帘洞和她成亲。后来出了点小误会，我急着用月光宝盒去救她。我没有想到会遇到她，更没想到她会爱上我。世上能有几人比紫霞仙子貌美?就算容颜比她娇艳，
  • 用前端的语言写后端——Node.js之Express tabzzz 前端前端node.jsexpress
    ExpressExpress是一种流行的模型视图控制器(MVC)Node.js框架，具有快速、极简和灵活的优点，为Web和移动应用程序开发提供了强大的功能集合。最受欢迎的Node.js框架！文章目录Express安装ExpressHelloWorld路由中间件全局中间件应用中间件开放跨域请求几种常用的Express内置中间件函数1.JSON格式数据中间件函数2.静态文件中间件函数3.路由中间件函数
  • 洗手帕 郑浩a
    星期天，阳光明媚，万里无云。小明高兴地来到公园散步，一不小心把自己喜爱的小手帕掉在地上。呀，弄脏了，她赶紧回到家里，端来一盆水，把手帕放进水里，擦了一点肥皂，开始上搓搓，下搓搓。然后用清水冲干净。把小手帕洗的像雪花一样雪白雪白的，他十分开心！最后小明把手帕挂在阳台上晒太阳。图片发自App相关推荐跑步，生活必需品——跑着，跑着，你就成功了（七十）阅读3732还呗最高借你20万，利息低至0.025%广
  • 你的美触动了我的心 飞鹰蚧壳虫
    图片来源于网络早晨起床，甚是觉得有点冷，今天早上怎么这么冷，从窗外望了望，没瞧出和昨天有什么两样，照常，洗漱拾掇好以后，准备出门上班去，走到外面才发现一层厚厚的白雾笼罩在半空中，冷风吹在脸上，感觉有回到了冬天，难道冬天又卷土重来了？不会吧！后面我还是想明白了，今天肯定是个好天气，会出太阳，果不其然，过来一会儿，太阳冉冉升起，早晨的太阳光线很柔和，柔了柔睡眼惺忪的双眼，竟然被白雾挡住了，太阳的视线变
  • 阳光傅雷的悲凉人生 兰之猗
    “翻译家死了，留下了洁白的纪念碑，留下了一颗充满大爱的心。纯真得像孩子，虔诚得像教徒，比象牙还缺少杂质。“图片发自App更多的是因为对傅雷的理解吧，这个假期，我阅读了傅的一本译作。虽然，对巴尔扎克的著作含着怯意。因为我清晰地记得许多年前读《高老头》的那种冰凉。当时读完，直感叹啊，政治上说得不错，资本主义社会真太可恶了，人与人之间确实是赤裸的金钱关系。可怜的高老头得用多少自己的血汗钱才能换来女儿的一
  • 绽放 留客天
    图文/留客天图片发自App这么多年了，仿佛有什么东西，一直在我胸口隐隐流淌。我经历了四季更迭，走过了行路迢迢，感受了无常明灭生湮，依然团聚翻滚，璀璨着一隅空间。生命里的所有瞬间，一一绽放，都纷至沓来，哪一件不都是翩若惊鸿！盛开的花朵五彩缤纷，迸发的澎湃直抵云霄。生命的扩展，汇聚成浩淼长河，一路奔流。
  • Java程序的分层设计 天天进步2015 架构设计java开发语言
    Java程序的分层设计通常遵循分层架构（LayeredArchitecture）的原则，将应用程序分为多个相互独立但有依赖关系的层。这样设计有助于降低耦合度，提高可维护性和可扩展性。典型的Java分层设计包括以下几层：1.表示层（PresentationLayer/ViewLayer）功能：用户界面层，负责与用户交互。将用户输入的信息传递给业务层，同时将业务层返回的结果展示给用户。一般使用JSP、
  • 前端技能树，面试复习第 29 天—— 简述 Babel 的原理 | Webpack 构建流程 | Webpack 热更新原理 | Git 常用命令 编程轨迹_ 前端面试复习笔记前端面试面经前端工程化WebpackBabel前端面试大厂面试题
    31b3479814f74acbb70b9f63f2e80012.gif"width=“100%”>⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、答疑解惑、面试辅导以及职业发展。。1.Babel的原理是什么?babel的转译过程也分为三个阶段，这三步具体是：解析、转换、生成解析Parse:将代码解析⽣成抽象语法树（AS
  • 如何快速的构建企业运维可视化大屏 益达_glmsb
    基于AIOps理念研发的新一代运维监大屏全盘展示IT运行状态，减轻运维人员的重复性工作量，提高IT系统排错速度，加速运维知识学习积累。图片1.png领先的数据可视化平台，把IT运维化繁为简图片2.jpg图片3.png图片4.png图片5.png图片6.png全面提升IT运维管理水平1.直接导出精美的IT运行可视化报表图片7.png2.资源分析对比图片8.png3.自动生成监控项运行“脑图”图片9.
  • 连载:只是当时已惘然（六二） 孟婆的碗不空
    图片发自App简宁睡醒的时候，天已经大亮。她站到厨房门口时，郑光明正在熬粥，粥里放了红薯，一厨房红薯的甜香。“第一，我昨晚就给老太太打了电话，我们上楼上来住一宿。第二，咱俩相安无事，连礼貌性上床都没有。第三，不是你没有魅力，主要是我对睡美人没兴趣。”他仿佛猜到了简宁的心思，知道简宁最关心什么事，回头看一眼倚着厨房门的简宁，不紧不慢地说，然后继续搅拌小锅里的粥。简宁本来对自己喝醉的事很抱歉，但听到后
  • 抽动症的调理方案 wr_宁静致远
    第1天大椎、身柱、合谷、神阙图片发自App图片发自App图片发自App图片发自App第2天风池，内关，神阙图片发自App图片发自App图片发自App第3天期门、太冲、神阙图片发自App图片发自App图片发自App第4天肩井、悬钟、神阙图片发自App图片发自App图片发自App第5天肾腧、关元、太溪、神阙图片发自App图片发自App图片发自App图片发自App第6天百会、涌泉、神阙。图片发自App图
  • 愉快的周末结束了 孙小念不只是一只喵
    图片发自App天气太热了，周末两天都没有出去，宅在家里的感觉还是挺好的，可是就是时间过得太快，还没待过的感觉，明天就要上班了，又要迎接忙碌了。在家里胡吃海塞，满满的负罪感，减肥还是没有提上日程，是懒而且太热，减肥之路真的是挺漫长啊，期盼的亲戚还没有来，担心对下周末的漂流有影响，哎好愁人啊。前几天算了下账目，前不久花了好多钱，最近又有很多的东西想买，买给自己和家人的，所以就比较纠结，这两年只是单纯记
  • 前端开发深入了解webpack 史努比的大头 前端
    什么是webpackWebpack是一个现代JavaScript应用程序的模块打包工具。它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个文件，以优化Web应用的加载性能。Webpack的核心功能包括：模块化：支持将代码拆分为模块，便于管理和重用。打包：将多个模块和资源打包成一个或多个文件，减少HTTP请求。加载器（Loaders）：处理不同类型的文件（如转换ES6到E
  • 【Webpack】了解Webpack Sam9029 Webpackwebpack前端node.js
    Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主‍若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论，求一个大大的赞！*文章若有错误或某个内容有更优的解决方案，还望指正！*Webpack了解webpack指南https://webpack.docschina.org/guides/webpack文档https://webpack.docschina.org/前
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他