渺小的尘埃
渺小的尘埃

在线编辑器原理-兼容各种浏览器

最近因为工作原因，需要一个所见即所得的编辑器，功能不需要太强大，够用就行。在网上搜索了下，有好几种解决方案，结合我自
己的情况，最终选择了iframe，修改了下网上的代码，简单的测试代码也贴出来。自己存档，也希望对大家有帮助。
兼容IE6,IE7，IE8，firefox，chrome。

第一部分：设置一个可编辑的iframe。

1.首先网页上要有一个iframe对象


<iframe id=”HtmlEdit” style=”border:1px solid black; height:100%” name=”HtmlEdit”></iframe>

2.得到iframe对象的document
IE与其他浏览器不一样，为了兼容，我们要做一个判断

<!-- lang:js-->
if(isIE)
{
iframedoc = window.frames["HtmlEdit"].document;
}
else
{
iframedoc = window.frames["HtmlEdit"].window.document;
}

3.打开document，初始化iframe，这步是为了兼容firefox。

<!-- lang :js-->
iframedoc.open();
iframedoc.write(‘<html><head><mce:style type=”text/css”><style type=”text/css” mce_bogus=”1″>body
{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>’);

4.打开document的编辑模式

<!-- lang:js -->
iframedoc.designMode=’on’;

第二部分：编辑操作

做完第一部分后，已经可以在iframe中自由的输入文本了。然后就可以开始编辑。编辑时用的是execCommand()方法。

使用方法如下：

<!-- lang:js -->
iframedoc.execCommand(‘bold’, false,”");
iframedoc.execCommand(‘FontName’, false, value);

execCommand还有很多功能，具体的大家网上搜一下一大把，就不相信介绍了。最后，贴下完整的测试代码：


<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
<script type=”text/javascript”>
var isIE = document.all ? true : false;
var iframedoc;
function init()
{
//获取iframe的document
if(isIE)
{
iframedoc = window.frames["HtmlEdit"].document; //.designMode=’on’;
}
else
{
iframedoc = window.frames["HtmlEdit"].window.document; //.designMode=’on’;
}
iframedoc.open();
iframedoc.write(‘<html><head><mce:style type=”text/css”><style type=”text/css” mce_bogus=”1″>body
{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>’);
iframedoc.designMode=’on’;
}
function getdocvalue()
{
var body = iframedoc.body || iframedoc.documentElement;
var content = body.innerHTML;
return content;
}
function setBold()
{
iframedoc.execCommand(‘bold’, false,”");
}
function setitalic()
{
iframedoc.execCommand(‘italic’, false,”");
}
function setfontfamily(value)
{
iframedoc.execCommand(‘FontName’, false, value);
}
function setfontsize(value)
{
iframedoc.execCommand(‘FontSize’, false, value);
}
</script>
</head>
<body onload=”init()”>
<div id=”test” style=”width:300px; height:30px;”>
<iframe id=”HtmlEdit” style=”border:1px solid black; height:100%” name=”HtmlEdit”></iframe>
</div>
<input type=”button” value=”getvalue” onclick=”alert(getdocvalue())”/>
<input type=”button” value=”setbold” onclick=”setBold()”/>
<input type=”button” value=”setitalic” onclick=”setitalic()”/>
选择字体
<select name=”select” onchange=”setfontfamily(this.value)”>
<option value=”simsun”>宋体</option>
<option value=”simhei”>黑体</option>
<option value=”Arial”>Arial</option>
</select>
字体大小
<select name=”select” onchange=”setfontsize(this.value)”>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
<option value=”4″>4</option>
<option value=”5″>5</option>
<option value=”6″>6</option>
<option value=”7″>7</option>
</select>
</body>
</html>

你可能感兴趣的:(js,编辑器)

  • 我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript @蜡笔小新星 htmlcssjavascript
    家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏
  • mac上安装nvm及nvm的基本语法使用！！ 幸运小圣 Node.jsmacosnode.js
    种一棵树，最好是十年前，其次是现在！想要改变，从此刻开始，一切都不晚！目录nvm是什么？前提条件：安装homebrew如果系统已经有node版本：在mac上安装nvm：用nvm安装nodejs：下载任意nodejs版本：nvm基本使用语法：安装特定版本的nodejs：使用特定版本的nodejs：删除特定版本的nodejs：查看当前nodejs版本：设置默认的nodejs版本：安装最新版本的node
  • PHP恶意代码注入xss模拟实现 道法自然|~ 渗透phpxss开发语言
    写在前面模拟简单的注入JS恶意代码实现xss在网站留言或者能够提交数据到数据库中的地方，可以尝试输入代码来测试，是否能写入进去如果提交的数据没有经过校验或处理直接写入数据库并从数据库中读出显示的页面上，此时会有机可寻方式可以手动输入或者脚本自动填写，建议先手动测试，从微——宏，避免大批量提交一下就暴露了确定可以注入后，就可以了，往后就不能再操作了具体实现准备工作要写两个页面，一个是表单提交页面，一
  • wangEditor能否支持网页直接导入EXCEL文件？操作步骤是什么？ 2501_90694782 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 华为OD机试E卷 - 分奖金（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)华为odjavapython华为OD2025A卷javascriptc++
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述公司老板做了一笔大生意，想要给每位员工分配一些奖金，想通过游戏的方式来决定每个人分多少钱。按照员工的工号顺序，每个人随机抽取一个数字。按照工号的顺序往后排列，遇到第一个数字比自己数字大的，那么，前面的员工就可以获得“距离*数字差值”的奖金。如果遇不到比自己数字大的，就给自己分配随机数数量的奖金。例如，按照工号顺序的随机
  • Spring MVC 请求与响应 小布不吃竹 springmvcjava
    目录一、SpringMVC请求1.1请求映射核心注解：@RequestMapping1.1.1作用范围1.1.2属性详解1.2请求参数绑定机制1.2.1绑定规则1.2.2特殊场景处理二、SpringMVC响应2.1视图返回机制2.1.1String类型返回2.1.2ModelAndView对象2.2JSON数据响应2.2.1基础配置2.2.2对象序列化2.2.3集合序列化2.3重定向与转发2.3.
  • Unity知识点快速回顾系列 托塔1 Unity知识快速回顾unity游戏引擎
    Unity知识点快速回顾系列导航主要想用于快速回顾unity相关知识点，基本只讲解知识点，只有简单的示例，目前还在整理中。一、C#知识点入门、基础、核心、进阶二、Unity知识点入门、基础、核心、进阶三、Unity数据持久化四、Unity知识点快速回顾UI系统五、Unity网络开发快速回顾六、Unity代码热更新和资源热更新七、Unity编辑器扩展快速回顾八、Unity性能优化快速回顾九、Unit
  • 华为OD机试2025A卷 - 游戏分组/王者荣耀（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为od游戏javapythonjavascriptc++华为OD2025A卷
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述2020年题：英雄联盟是一款十分火热的对战类游戏。每一场对战有10位玩家参与，分为两组，每组5人。每位玩家都有一个战斗力，代表着这位玩家的厉害程度。为了对战尽可能精彩，我们需要把玩家们分为实力尽量相等的两组。一组的实力可以表示为这一组5位玩家的战斗力和。现在，给你10位玩家的战斗力，请你把他们分为实力尽量相等的两组。请
  • uni-app网络请求封装Request weixin_42269070 uni-app
    第一步：创建request.js文件letbaseUrl='';if(process.env.NODE_ENV=='development'){baseUrl='http://192.168.1.25:8081/app'//开发环境}else{baseUrl=''//生产环境}functionrequest(url,method,data,header={}){uni.showLoading({t
  • AnythingLLM的API接口用法 @听雨声 java前端数据库
    一、验证API密钥是否有效 curl-X'GET'\ 'http://服务器IP:3001/api/v1/auth'\ -H'accept:application/json'\ -H'Authorization:BearerG0xxx-xxx-xxx-xxxB3'请求：1、请求方法：GET2、请求地址：'http://服务器IP:3001/api/v1/auth'3、请求头：'accept:app
  • Vue.js 学习之旅：方法与收获全记录 ．923 vue.js学习前端
    一、Vue.js学习之法Vue.js官方文档：核心概念与用法详解Vue.js的官方文档是学习过程中不可或缺的宝藏，它涵盖了从基础到高级的所有知识内容。首先，要深入理解Vue.js的响应式原理，它通过数据劫持结合发布-订阅模式，能够自动追踪数据的变化，并实时更新与之绑定的DOM元素。例如，当你在Vue实例中定义了一个data属性，像data:{message:'HelloVue!'}，只要messa
  • Web测试 云半S一 web安全安全经验分享笔记
    12、Web安全测试—文件包含漏洞PHP文件包含漏洞什么是文件包含程序开发人员通常会把可重复使用的函数写到单个文件中，在使用某些函数时，直接调用此文件，而无须再次编写，这种调用文件的过程一般被称为包含。什么是文件包含漏洞开发人员为了增加代码的灵活性，通常会将被包含的文件设置为变量，用来进行动态调用，但正是由于这种灵活性，从而导致客户端可以调用一个恶意文件，造成文件包含漏洞。PHP、JSP、ASP等
  • 智能优化算法-蜣螂优化器 Dung beetle optimizer(附Matlab代码) 优化算法侠Swarm-Opti 智能优化算法算法matlab启发式算法数学建模
    引言蜣螂优化器Dungbeetleoptimizer（DBO）模拟了蜣螂的滚球、跳舞、觅食、偷窃和繁殖行为。中国学者于2022年发表在SCI期刊《JOURNALOFSUPERCOMPUTING》上。参考文献Xue,J.,Shen,B.Dungbeetleoptimizer:anewmeta-heuristicalgorithmforglobaloptimization.JSupercomput79
  • SSl TLS协议信息泄露漏洞(CVE-2016-2183)【原理扫描】漏洞修复 向阳而生，一路生花 安全网络
    1、找到控制面板，控制面板->网络和Internet->Internet选项2、只选择TLS1.2,点击应用和确定3，接着win+r键打开运行，输入gpedit.msc，点击确定4、进入本地组策略编辑器，找到SSL密码套件顺序5、点击SSL密码套件顺序，点击编辑，点击已启用，SSL密码套件内容要编辑6、输入以下内容，并确定。TLS_ECDHE_ECDSA_WITH_AES_128_GCM_SHA2
  • 基于Pinia的WebSocket管理与优化实践(实现心跳重连机制，异步发送) W蘭 实际问题websocket网络协议网络
    WebSocket作为一种全双工通信协议，允许服务器和客户端之间建立持久的连接，提供了比传统HTTP请求更为高效的数据交换方式。本文将探讨如何使用Pinia状态管理库在Vue应用中优雅地管理和优化WebSocket连接，以实现稳定、高效的实时数据传输。环境与依赖环境：Vue.js项目依赖：Pinia(pnpminstallpinia)和vant(pnpminstallvant)项目结构与初始化在项
  • vue+xterm.js结合websocket通信+zmodem协议lrzsz上传下载 门三金 vue2javascriptvue.jswebsocket前端html
    文章目录一、xterm实例化，生成terminal终端页面1.安装xterm所需要的相关依赖包2.安装好依赖之后进行引入3.写一个dom，用来挂载terminal，并引入依赖包4.初始化终端二、xterm和websocket通信并进行数据交互1.websocket连接需要一个ws协议的url作为参数，这个需要根据自己的业务做准备2.与socket通信还需要zmodem.js库的支持三、zmodem
  • JavaScript |（四）正则表达式 | 尚硅谷JavaScript基础&实战 _Matthew Javascriptjavascript正则表达式开发语言
    学习来源：尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版笔记来源：在这位大佬的基础上添加了一些东西，欢迎大家支持原创，大佬太棒了：JavaScript|（四）正则表达式|尚硅谷JavaScript基础&实战JavaScript|（四）正则表达式|尚硅谷JavaScript基础&实战❤️正则表达式JavaScript正则表达式（RegExp）基础1️⃣创建正则表达式✅方法1：使用`R
  • Node.js的工作原理：事件驱动与非阻塞I/O JJCTO袁龙 Node.jsnode.js
    在当今快速发展的互联网时代，Node.js以其独特的非阻塞I/O模型和事件驱动特性，逐渐成为后端开发中不可或缺的一部分。但许多开发者在初次接触Node.js时，常常对其工作原理存在困惑。本篇文章将深入探讨Node.js的核心机制，分析事件驱动和非阻塞I/O是如何协同工作的，并提供示例代码以加深理解。什么是Node.js？Node.js是一个基于ChromeV8引擎构建的JavaScript运行时。
  • Linux操作系统中的文本编辑器，Vim的使用方法 云计算课代表 日常运维问题合集linuxvim运维
    在使用Linux操作系统的过程中，经常需要对文本文件进行操作，如新建、编辑等，常用的方法有以下几种：1、使用第三方SFTP的工具，连接服务器上传下载文件进行创建修改2、在图形界面的Linux操作系统中使用图形化文本编辑器，如Gedit、Kate、Nano等3、使用vi或vim（推荐）vi及vim介绍vi和vim都是Linux系统下的文本编辑器，类似于Windows系统中的Notepad（记事本）。
  • Oracle AI应用的LLM模型典型配置 后端
    最近在做一些基于Oracle的一些AI应用测试工作，AI肯定离不开配置LLM相关，虽然是简单配置类，但实际还是遇到一些卡点，记录下来供今后参考。1.配置Embedding模型2.特殊语法传参JSON格式3.测试Embedding有效4.修改MAX_STRING_SIZE5.配置为DeepSeek的LLM6.测试Chat和Showsql有效m.ximalaya.com/sound/825946205
  • Node.js 性能优化：从异步 I/O 到多进程集群，提升应用响应速度与并发能力 全栈探索者chen nodenode.js性能优化开发语言程序人生前端javascriptI/O
    Node.js性能优化：从异步I/O到多进程集群，提升应用响应速度与并发能力目录前言Node.js性能瓶颈解析2.1.事件循环与异步I/O2.2.CPU密集型与I/O密集型任务2.3.Node.js单线程架构的局限性常见的性能优化策略3.1.优化I/O操作3.2.优化CPU密集型任务3.3.集群模式与负载均衡3.4.缓存机制与数据库优化3.5.异步操作优化与并行执行工具与技术支持4.1.性能分析工
  • EventEmitter--Node.js 事件驱动的核心 無量空所 JavaScriptnode.js
    一、介绍Node.js中的许多对象都会分发事件，例如：net.Server对象在每次有新连接时触发事件。fs.readStream对象在文件被打开时触发事件。所有这些事件对象都是events.EventEmitter的实例。EventEmitter是Node.js中用于创建、注册和触发事件的核心模块，实现了事件驱动编程的基础。二、引入events模块varevents=require('event
  • 【Node.js】模块的加载机制详解 Peter-Lu #NodeJSnode.jsjavascript前端npm
    文章目录一、模块加载机制概述1.模块的定义2.模块类型二、模块的加载过程1.路径解析2.文件定位3.编译与缓存三、模块加载的深入解析1.模块的执行环境2.循环依赖3.自定义模块的加载路径四、CommonJS与ES6模块的差异五、总结Node.js是一个基于JavaScript的运行环境，支持服务端开发。其模块系统是构建复杂应用程序的核心功能之一。本文将详细介绍Node.js中的模块加载机制，帮助开
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • 【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • URL 模块在 Node.js 中的用法详解 DevScribe node.js编程
    Node.js的URL模块提供了一组用于解析和操作URL的实用工具。它允许开发人员通过简单的API对URL进行解析、构建和修改。本文将详细介绍URL模块的用法，并提供相应的源代码示例。引入URL模块要使用URL模块，首先需要在代码中引入它。可以使用以下代码将URL模块导入到你的脚本中：consturl=require('url');解析URLURL模块提供了url.parse()方法，用于解析UR
  • NFC 智能门锁全栈解决方案：移动端、服务器、Web 管理平台 34号树洞 物联网NFC近场通讯智能门锁物联网
    目录一、系统整体架构二、移动端APP开发2.1开发环境与基础准备2.2主要功能模块2.3示例代码（Android/Kotlin简化示例）三、后台服务开发3.1环境准备3.2主要功能3.3示例代码（Node.js+Express简化示例）四、Web管理平台开发4.1开发环境准备4.2主要功能模块4.3示例代码（基于Vue.js的前端示例）五、系统优化建议六、总结下面提供一个完整的全链路开发教程，涵盖
  • vue3 前端实现pdf打印预览 printjs m0_74824025 前端pdf状态模式
    在utils建print.ts文件interfacePrintFunction{extendOptions:Function;getStyle:Function;setDomHeight:Function;toPrint:Function;}constPrint=function(dom,options?:object):PrintFunction{options=options||{};//@t
  • 搭建多群组FISCO BCOS联盟链及运维 25号底片t 运维区块链网络
    1.搭建多群组FISCOBCOS联盟链1.1创建ipconf推荐路径：在/fisco目录下创建（即与build_chain.sh脚本同级目录）bash#进入工作目录（若未创建则新建）mkdir-p/fisco&&cd/fisco#创建并编辑ipconf文件vimipconf#也可以使用nano、echo或其他编辑器1.2编写ipconf文件创建ipconf文件并配置节点信息（注意参数间用空格分隔）
  • 前端实现word文档的生成和下载 菜鸟一只请包涵 通用htmlword
    一前提应项目需求，需要把前端生成word文档并下载。此项目我使用的是vue框架。本篇文章主要是记录自己在实现中遇到的问题以及最终使用方式。二实现方式我的方式是将html转为word文档并下载。现在网上最常见的是使用html-docx-js配合file-saver使用，但是我在使用的时候报错。一查，是因为html-docx-js构建出来的代码包括with语句，而在主流的现代框架中（vue/react
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他