春风十里不及你
春风十里不及你

怎样让浏览器变身代码编辑器？

将浏览器变成一个简易文本编辑器

一开始的功能非常简单，根本没有语法高亮，也没有自动缩进，仅仅是将浏览器变成一个文本编辑器而已。

Jose分享的代码如下：

data:text/html, <html contenteditable>

只需要将上面的代码复制粘贴到浏览器的地址栏，然后按回车，就可以让浏览器变成编辑器。是不是非常简单？

背后的原理并不高深，只是用到了Data URI格式而已。这行代码告诉浏览器渲染一个HTML页面，而这个页面具备一个H5属性：contenteditable。

Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。格式如下：data:[][;charset=][;base64],。其实整体可以视为三部分，即声明：参数+数据，逗号左边的是各种参数，右边的是数据。

请想尝试的朋友注意，这行代码只适用于Chrome等现代浏览器。如果你还在使用IE8等过时浏览器的话，是没有效果的。

各种样式衍生而出

由于上面这个小技巧的出现，激发了许多开发者的的激情，不断分享自己的版本。

自动切换背景颜色

下面这段代码，可以让编辑器在你一边打字时，一遍切换背景颜色：

data:text/html,  href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> type="text/css"> html { font-family: "Open Sans" } * { -webkit-transition: all linear 1s; } contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">

笔记本样式

下面这段代码可以将浏览器页面变成一个笔记本的样式，看上去很有感觉：

data:text/html;charset=utf-8, </span>TextEditor<span class="nt" style="border:0px;font-style:inherit;font-weight:inherit;vertical-align:baseline;">  rel="shortcut icon" href="http://g.etfv.co/https://docs.google.com"/>   spellcheck="false">  class="paper">  autofocus="autofocus">

怎样让浏览器变身代码编辑器？_第1张图片

如何变身Python编辑器？

接下来，我们来看怎样将浏览器打造成Python编辑器。只需要在地址栏输入下面的代码即可：

data:text/html,  type="text/css">.e{position:absolute;top:0;right:0;bottom:0;left:0;} class="e" id="editor">
src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8">

这段代码是由jdkanani在Github上分享的。

事实上，我们只要简单修改一下上面的代码，就可以马上将浏览器变成其他语言的编辑器，包括Markdown、C/C++、Javscript、Java等几乎所有编程语言。你所要做的，只是将代码中的ace/mode/python，修改成ace/mode/相应的语言（如java）即可。

除了支持多种语言，它还支持更改页面主题！Eclipse、Github、Textmate等众多经典主题，统统支持！ 只需要将ace/theme/textmate中的textmate替换成你喜欢的主题即可，如monokai。

渲染Markdown文本

如果你习惯于用Markdown语法写作，你或许会希望直接在页面中查看渲染后的效果。只需要输入下面这行代码即可：

data:text/html, type="text/css">.e{position:absolute;top:0;right:50%;bottom:0;left:0;} .c{position:absolute;overflow:auto;top:0;right:0;bottom:0;left:50%;} class="e" id="editor">
class="c">
src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"> src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js">

输入Markdown代码之后，然后按Ctrl+M或Command+M，就可以将代码转换成HTML。

怎样让浏览器变身代码编辑器？_第2张图片

背后的原理

看了这几个例子之后，大家可能已经明白了：这些示例都是通过Data URI格式让浏览器渲染一段HTML代码。而编辑器相关的样式已经写在了代码中。这与将相应的HTML代码放在单独文件中打开的效果是相同的。

而在前两个例子中，代码中实际用到了一个叫ace.js的文件，不知道大家注意到没有？据小编了解，Ace是一个用JavaScript编写的可嵌入式代码编辑器，据称和Sublime、Vim和TextMate等原生编辑的功能和性能相当。而且，它还可以非常容易滴嵌入到任意网页或JavaScript应用中。

而Ace也是一个叫Cloud9IDE的在线集成开发环境所使用的主要编辑器。具体效果请看下图：

怎样让浏览器变身代码编辑器？_第3张图片

SlimText

程序员都是爱折腾的物种。有的开发者还是不满足于上面那种手动输入代码、将浏览器变成编辑器的方法，甚至是直接将真正的编辑器搬到了浏览器中运行。这就是我们最后要介绍的SlimText，下面是具体截图。

怎样让浏览器变身代码编辑器？_第4张图片

如截图所示，SlimText是一个真正的浏览器端的代码编辑器，以Chrome插件的形式存在，文件结构、文件搜索、文件保存等功能一应具有。它是一位名叫tylerlong的国人开发的，支持Windows、Linux和Mac OS X等多个平台。


你可能感兴趣的:(程序人生)

  • 程序人生——Java中基本类型使用建议 Perley620 #Java面试上岸专栏程序人生javapython
    目录引出Java中基本类型使用建议建议21：用偶判断，不用奇判断建议22：用整数类型处理货币建议23：不要让类型默默转换建议24：边界、边界、还是边界建议25：不要让四舍五入亏了一方建议26：提防包装类型的null值建议27：谨慎包装类型的大小比较建议28：优先使用整型池建议29：优先选择基本类型建议30：不要随便设置随机种子深入认识JVMJVM内存分配，类加载创建对象的4种方法总结垃圾回收GCJ
  • 程序人生——Java开发中通用的方法和准则，Java进阶知识汇总 Perley620 #Java面试上岸专栏程序人生java职场和发展
    目录引出Java开发中通用的方法和准则建议1：不要在常量和变量中出现易混淆的字母建议2：莫让常量蜕变成变量建议3：三元操作符的类型务必一致建议4：避免带有变长参数的方法重载建议5：别让null值和空值威胁到变长方法建议6：覆写变长方法也循规蹈矩建议7：警惕自增的陷阱建议8：不要让旧语法困扰你建议9：少用静态导入建议10：不要在本类中覆盖静态导入的变量和方法建议11：养成良好的习惯，显式声明UID建
  • 程序人生-Hello’s P2P zuo_zy 文档资料
    计算机系统大作业题目程序人生-Hello’sP2P专业计算学部学号120L022413班级2003008学生左曾元指导教师吴锐计算机科学与技术学院2022年5月摘要本文分析hello程序从C文件转变为可执行文件的过程,介绍了hello程序在Linux系统下的生命周期。对预处理、编译、汇编、链接的过程进行了分析，并讨论了hello的进程管理、存储管理以及IO管理，介绍了汇编指令、机器代码、重定位、动
  • 程序人生-Hello’s P2P jjzbkn linux
    摘要Hello，一个十分简单的程序，可以说是几乎全世界的程序员编写的第一个程序，我们一行一行地对着教程缓慢地输入Hello的几行代码，点击运行，惊喜地看到屏幕中输出的“Hello，World!”，然后就迅速地爱上了其他程序，却又不再回头，哪怕再多观望它一眼。然而，可以这么说，在这个简单的Hello中，囊括一个程序运行的所有过程，蕴含着无数计算机科学家的思想精华。从它的诞生再到它的逝去，它经历了每一
  • 【程序人生】上海，想说爱你不容易 蛮三刀酱
    1.还记得18年秋天，我研究生第二年，在繁忙的金九银十校招季里，我最常对别人说的一句话就是，尽管上海工作机会多，可我不想去上海工作。“为什么不愿意选择上海呢？”，通常HR会在面试时候反问我。“也没有什么特别的理由，就是感觉，在那里生活压力蛮大的。”我话里也带着些许真诚，和无知。当时的我对上海很熟悉吗？显然不熟。我二十几年的人生中，去上海旅游的次数不是特别多，最重要的是，我根本没有在上海长时间生活过
  • python中使用BeautifulSoup模块爬取中彩网福彩3D的开奖数据 烟雨风渡 网络爬虫网络爬虫BeautifulSouppython中彩网
    在上一篇博客中，介绍了网络爬虫的基本流程，然后以“使用BeautifulSoup爬取盗版小说网站”的例子对上述流程加以实现。最近看到微信公众号“程序人生”中的一篇文章：点击打开网页，在这篇文章中作者爬取了中彩网福彩3D的开奖数据并对其进行了简单分析。打开福彩3D开奖数据所在的网页，谷歌浏览器F12+F5可以看到这个网站的结构很简单，很适合初学者练手，所以写了这篇博客。建议读者自己先尝试实现本篇博客
  • csapp 大作业 Pht_ywy
    计算机系统大作业题目程序人生-Hello’sP2P专业计算机类学  号1180100406班  级1903006学生袁文宇   指导教师史先俊  计算机科学与技术学院2021年5月摘要本文重点关注hello.c从c语言程序到可执行目标文件hello的转换过程，及可执行目标文件hello作为进程运行的过程。本文旨在通过了解hello进程的诞生，以及从诞生到执行结束后被回收的全过程，分析理解计算机系统
  • 程序人生-Hello’s P2P -七月份- p2p程序人生网络协议
    计算机系统大作业题目程序人生-Hello’sP2P专业计算机科学与技术学号2021113352班级2103101学生乔宇凡指导教师刘宏伟计算机科学与技术学院2022年5月摘要本文对hello程序的整个生命周期进行了系统的分析，一开始是hello.c源程序，之后运行C预处理器（cpp）将其进行预处理生成hello.i文件，运行C编译器（ccl）将其进行翻译生成汇编语言文件hello.s，然后运行汇编
  • 哈工大程序人生 m0_63437715 c语言
    摘要每一位程序员都对hello熟悉不已，hello是我们走向又爱又恨的计算机专业的开始。hello并不是像那几行代码那样简单，究其根本，它要经过预处理，编译，汇编，链接等一系列步骤才能成为一个可执行文件。真正运行这个程序又要应用程序，操作系统，硬件系统的紧密联系。本文将重走hello一生，感受计算机的魅力。关键词：hello;预处理；编译；汇编；链接；进程；目录第1章概述.............
  • 哈尔滨工业大学程序人生-Hello’s P2P sanqian0 p2p程序人生网络
    计算机系统大作业题目程序人生-Hello’sP2P专业计算机科学与技术学号2021111050班级2103101学生吕泽楷指导教师刘宏伟计算机科学与技术学院2022年11月摘要HelloWorld是每个程序员接触的第一个程序，本文观察hello.c文件在Linux系统中的生命周期，从预处理编译开始，观察其如何一步步生成hello可执行文件，从计算机底层解释了存储、分配、I/O过程、子程序的创建和回
  • CSAPP大作业程序人生 kbforever8 ubuntulinux
    计算机系统大作业题目程序人生-Hello’sP2P专业计算学部学号班级学生指导教师吴锐计算机科学与技术学院2022年5月摘要本文通过分析一个简单地hello程序，通过分析其预处理，编译，汇编，链接，进程，内存管理，I/O管理几大模块，即分析了hello的从编译到执行结束输出的过程，又将CSAPP所学的内容串联了起来关键词：预处理；编译；汇编；链接；进程；内存管理；I/O管理（摘要0分，缺失-1分，
  • GPT每日面试题—如何理解事件循环 CreatorRay 面试前端ChatGPT前端javascriptchatgpt面试
    充分利用ChatGPT的优势，帮助我们快速准备前端面试。Q：如果在前端面试中，有人问你如何理解事件循环，怎么回答最好？A：在前端面试中，对于事件循环（EventLoop）的理解是一个重要的面试点。以下是一个较为全面的回答，可以帮助你展示对事件循环的理解：公众号：Code程序人生，个人网站：https://creatorblog.cn回答示例：事件循环是浏览器或Node.js执行JavaScript
  • GPT每日面试题—如何理解闭包 CreatorRay 面试ChatGPT前端chatgpt面试前端javascript
    充分利用ChatGPT的优势，帮助我们快速准备前端面试。今日问题：如何理解闭包？Q：如果在前端面试中，被问到如何理解闭包，怎么回答比较好？A：当面试官问到如何理解闭包时，你可以通过以下详细全面的回答来展示你的理解：公众号：Code程序人生，个人网站：https://creatorblog.cn1.定义：闭包是指在函数内部创建的函数可以访问其外部函数的作用域，即使外部函数已经执行完毕，内部函数仍然可
  • 程序人生：是不是Jenkins大神，看这几个技巧就够 测试界的飘柔 软件测试职场经验ITjenkins程序人生运维职场和发展自动化测试
    01Performance插件兼容性问题自由风格项目中，有使用Performance插件收集构建产物，但是截至到目前最新版本（Jenkinsv2.298，Performance：v3.19），此插件和Jenkins都存在有兼容性问题，会导致项目配置页面table，div错位，而导致无法保存配置，这个问题已经存在了好长时间了（至少半年），插件作者一直没有修复，目前在项目中要想使用这个插件，有以下三种
  • 程序人生：如何提效，如何管理时间 Java程序员笔记
    平时常听到“天呐，这周就这么过去了，我啥都没干”“今天我啥都没做”这种焦虑时间过得快、没时间学习的话语，分享一些个人的见解花时间补基础，读文档作为程序猿，debug是我们的日常操作，debug即费时间又费脑力精神力，但是你是否发现很多问题归根到底是因为基础不扎实或者文档没有看透。基础是技术的支撑，花时间打好基础而不是一味追各种新技术。一旦基础扎实，学习各种新技术分分钟搞定，因为新的技术，究其根本都
  • 程序人生系列1-2021年通过私活累积收益1.5w 只是甲 程序人生程序员接单私活留学生课程作业
    博主在B站更新了接私活的视频，感兴趣的可以移步到我的B站:博主私活记录一.个人介绍  2011年毕业，计算机专业科班出身，10年及以上金融信贷、通信行业数据库运维管理、数据仓库及大数据相关工作经验，持有OracleOCP和LinuxRHCE认证证书。  毕业第一份工作很幸运的成为了一个OracleDBA，刚毕业就开始维护TB级的数据。在知道自身实力不足的情况下，报名培训机构，相继考了OracleO
  • 生产发版前准备【经验分享给萌新程序员】 ss_Tina 经验分享其他
    #【中秋征文】程序人生，中秋共享#经验分享自从当了码农，已经不知道有多少个日日夜夜熬夜到凌晨三四点了。不知道大家有没有想过，生产上线发布新版本到凌晨三、四点都有可能是哪些原因呢？下面我将分享下自己以前跟进生产版本发布的经验，经验丰富的老前辈们肯定都比我清楚（可忽略此篇文章~哈哈~）。这篇文章可能更适合萌新程序员体质。争取不熬夜工作（只能熬夜玩乐，不能熬夜工作~）目录经验分享一、网络权限申请涉及网络
  • React Hooks大全—useContext CreatorRay 面试react前端react.js前端javascript
    在本文中，我们将重点介绍useContext这个Hook，它可以让你在函数组件中轻松地访问ReactContext，从而实现跨组件的状态共享。我们将从基本使用，实现原理，最佳实践，以及一些常见的问题和解决方案来探讨useContext的用法和优势。我们还将给出一些必要的代码示例，帮助你更好地理解和应用useContext。基本使用公众号：Code程序人生，个人网站：https://creatorb
  • 互联网为何变得如此这般 CreatorRay 互联网程序人生经济互联网程序员程序人生经济
    2023年是难过的一年，在经济下行周期内，作为互联网打工人，很明显感觉到时过境迁、物是人非，互联网行业究竟为何变得如何这般？前言公众号：Code程序人生，个人网站：https://creatorblog.cn先自我介绍一下，我是一名00后前端程序员，在北京工作，全职工作经验一年半左右，全网2.5w+粉丝，博文访问量500w+。互联网行业在最近两年发生了巨变，我的感受很深刻。2021年还在实习的时候
  • React Hooks大全—useCallback CreatorRay react前端面试javascript前端react.js
    在本文中，我们将重点介绍一个React常用的内置Hook，即useCallback。useCallback可以让我们缓存函数，避免因为函数引用的变化而导致不必要的子组件重渲染。我们讲解它的基本使用、实现原理、与useMemo的区别、最佳实践等。基本使用公众号：Code程序人生，个人网站：https://creatorblog.cnuseCallback是一个ReactHook，所以我们只能在函数式
  • React Hooks大全—useRef CreatorRay react前端面试react.jsjavascript前端
    本文将重点介绍useRef这个Hook，它可以让你在组件的整个生命周期中访问一个可变的引用对象。useRef的主要用途是直接访问DOM子元素，但这并不是它的唯一用途。useRef也可以用来保存一个在不同渲染中不变的可变值，例如在使用一些非React的外部库时很有用。本文将介绍useRef的基本使用，实现原理，最佳实践和一些常见的问题。公众号：Code程序人生，个人网站：https://creato
  • 程序人生-Hello’s P2P Baigker 程序人生
    摘要本文介绍了在Linux操作系统下hello的整个生命周期。借助gcc，objdump等工具，对hello的预处理、编译、汇编、链接等过程进行分析。并对程序hello运行过程中的动态链接库调用、内存管理、系统级I/O等进行介绍。关键词：预处理；编译；汇编；链接；进程；内存管理；IO；目录第1章概述-4-1.1Hello简介-4-1.2环境与工具-4-1.3中间结果-5-1.4本章小结-5-第2章
  • 优化Java开发：快速排查难点和Bug、高效沟通与业务的方法！ 在Java开发中，遇到难点和出现Bug是家常便饭。如何快速排查这些问题，提高开发效率，是每个Java开发者都需要掌握的技能 王大师王文峰 Java基础到框架javabug开发语言
    本人详解作者：王文峰，参加过CSDN2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的Java开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）优化Java开发：快速排查难点和Bug、高效沟通与业务的方法！在Java开发中，遇到难点和出现Bug是家常便饭。如何快速排查这些
  • 【程序人生】研二，来北京100天了，记录一下 农民真快落 程序人生程序人生Chiselfft数字icfpga开发
    文章目录中科院牛马的100天工作总结①OFDM系统搭建与建模②数字IC设计流程及相关工具调研③芯片通信架构调研——片上网络计算机、芯片的魅力何在？7月23日坐飞机从连云港来到北京大兴机场，辗转地铁到中关村，收拾一下分配的破烂宿舍，在暑假提前开始了我的研二生活。今天开题报告改不动了，干脆记录下最近的生活，权当放松一下。一看日期10月31日，刚好一百天。北京大兴机场中科院牛马的100天工作总结这一百天
  • 【程序人生】研二上快结束了~整理最近的思路 农民真快落 程序人生片上网络程序人生
    看一下自己的《每日科研进展》群聊，把最近做的事情和后面要做的事情整理一下思路。1月1日到1月7日在整理NoCRouter执行流程和Chisel环境Setup流程：NoCRouter执行流程Chisel安装流程总结：先安装jdk，配置环境变量安装sbt，不用配置环境变量安装idea社区版离线安装scala的idea插件配置sbt换源利用template工程验证helloworld，注意：6.1配置自
  • 设计模式 简单工厂，策略模式，几种基本原则,Unity基础 所恋皆洛尘 学习笔记c#设计模式
    学习笔记感受设计演变过程中蕴含的大智慧，体会乐于怒的程序人生中值得回味的一幕幕。设计模式来自于建筑领域，作为软件工程的一个分支，是在软件工程实践过程中，程序员们总结出的良好的编程方法。第一种模式简单工厂模式图片来源，点这里上面是简单工厂的UML图我简单介绍一下首先是一个主类，下面有3个子类(可以是多个)继承它每个子类都是一个方法，都独自封装成类把它们的共性写入基类(也就是父类)写成抽象或者写成虚函
  • 【程序人生】马斯克：我一直有种存在的危机感 OpenChat ChatGPT程序人生人工智能程序人生技术简史AIGC大模型
    01我一直有种存在的危机感小时候，人们常会问我，长大要做什么，我其实也不知道。后来我想，搞发明应该会很酷吧，因为科幻小说家亚瑟·克拉克（《2001太空漫游》作者）曾说过：任何足够先进的科技，都与魔法无异。想想看，三百年前的人类，如果看到今天我们可以飞行、可以远距沟通、可以使用网路、可以马上找到世界各地的资讯，他们一定会说，这是魔法。要是我能够发明出很先进的科技，不就像是在变魔法吗？我一直有种存在的
  • 2022-06-03怎么查询公网IP 南陵笑笑生
    怎么查询公网IP别扒拉我代码于2022-01-1410:45:34发布13853收藏1文章标签：tcp/ip服务器网络协议程序人生版权如果我们连接的是公司或者学校的局域网，查询公网的IP方法有：①:在浏览器上输入http://ip.cn。②:在浏览器上打开http://ip138.com,这是一个国内的外网地址；③:同样通过浏览器访问http://ifconfig.me,国外的外网地址；Needa
  • 33 ES6中的类和对象 CurryCoder
    技术交流QQ群:1027579432，欢迎你的加入！欢迎关注我的微信公众号：CurryCoder的程序人生1.面向对象面向对象的思维特点：a.抽取(抽象)对象共有的属性和行为组织(封装)成一个类(模板)；b.对类进行实例化，获取类的对象；面向对象编程考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情。2.对象现实生活中，万物皆对象，对象是一个具体的事物，看得见摸得
  • 程序人生：突围金三银四面试季！附学习笔记+面试整理+进阶书籍 6年老Java 程序员java后端面试
    前言又到一年金九银十之际。Java作为目前用户最多，使用范围最广的软件开发技术之一。Java的技术体系主要由支撑Java程序运行的虚拟机，提供各开发领域接口支持的Java,Java编程语言及许多第三方Jvav框架构成。其中，以Java的虚拟器为今天的着重点以下是我整理收藏的一些JVM大厂面试经典问题与相应答案，希望可以给看文的朋友一些帮助由于篇幅过长，请耐心往下看，文末提供小编收藏已久的JVM面试
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他