夜里的太阳
夜里的太阳

使用contenteditable+div模拟textarea文本域实现高度自适应

使用contenteditable+div模拟textarea文本域实现高度自适应

开发过程中由于需要在发送消息的时候需要有一个可以高度自适应的文本域，一开始是使用textarea并搭配auto-size插件来做到textarea的高度自适应，后来因为遇到一些问题，而且也多加了依赖缺乏可定制，所以决定使用contenteditable来实现。

contenteditable介绍

contenteditable属性规定元素内容是否可编辑，是H5新增的属性，支持情况相当好，基本上所有的浏览器都兼容。

语法：

实现主要代码如下

代码实现是基于vue来实现的。
html部分：

CSS部分

代码解读：

  • 设置-webkit-user-modify属性，是为了在剪切复制的时候会把剪切的内容的格式也一并带过来，由于我们是仿写textarea，是不支持富文本的，所以需要需要将内容格式化成文本格式，而该属性在webkit内核下就可以达到我们的目的。
  • 设置-webkit-user-select属性，是为了解决在测试过程中出现部分IOS手机不支持contenteditable属性的问题。

JS部分：

代码解读：

  • 其中addEventPaste方法是为了解决非webkit内核对于-webkit-user-select属性支持不好的问题。里面主要是监听黏贴事件然后或者剪切板的文本内容然后再阻止黏贴事件，并将文本内容追加到光标中，并将光标移动到相应的位置。
  • 其中replaceToBreak方法是为了解决在textarea中换行的问题，在该伪textarea中换行是会单独将换行内容放到新的DIV中的，所以，当我们需要对该内容进行格式化处理才行。
  • this.$el.scrollIntoView的作用是为了当使用者将我们的输入框是使用绝对定位放在页面底部的时候而被虚拟键盘遮挡的问题。

issue

  • 使用该组件注意一个问题就是不要在可视化区域的节点上使用-webkit-user-select: none样式，否则会出现当鼠标焦点小时光标和小水滴无法消失的情况

github地址

github项目地址

参考链接

div模拟textarea文本域轻松实现高度自适应
如何让contenteditable元素只能输入纯文本

你可能感兴趣的:(textarea,contenteditable,css,html,vue.js)

  • pandoc + wkhtmltox 批量转换Markdown文件为PDF文件 君醉酒 pythonpdfpythonwkhtmltopdfPandocMarkdown
    1.Pandoc的安装1.下载并安装官网：Pandoc1.1解压文件将pandoc-3.6.2-windows-x86_64.zip解压到一个目录，例如：复制C:\pandoc解压后的文件夹中应包含以下文件：pandoc.exe（主程序）其他相关文件（如文档和依赖项）。1.2.将Pandoc添加到系统环境变量为了在命令行中直接使用pandoc命令，你需要将Pandoc的路径添加到系统的PATH环境
  • phpstorm jetbrain 配置review code fendouweiqian 开发工具phpstormide
    禁用UnusedCSSselector步骤：在PhpStorm中，点击顶部菜单File>Settings（Windows/Linux）或PhpStorm>Preferences（macOS）。在Inspections界面左侧的搜索框中输入CSS。展开CSS部分，找到UnusedCSSselector（未使用的CSS选择器）。取消勾选UnusedCSSselector禁用Unusedparamete
  • Selenium的webdriver下载地址 aguaicat selenium测试工具
    Selenium常用的webdriver下载地址chrome下载地址：http://chromedriver.storage.googleapis.com/index.htmlhttps://googlechromelabs.github.io/chrome-for-testing/edge下载地址：https://developer.microsoft.com/en-us/microsoft-e
  • Vue3.0 + Element Plus｜ 侧边导航栏、标题栏组件应用全局 StellaXiao98 vue3.0+elementplusvueelementui
    刚开始接触项目，从0开始搭建管理平台，最开始先写的页面布局，采用的很笨的方法：每写一个页面就写一次页面布局样式后来随着页面逐渐变多，代码冗余量也逐渐增多。于是采取了以下方法将整体的页面布局注册为了全局布局组件：App.main文件HTML：
  • 【C语言】 -- 数组 Cavalier_01 C语言
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
  • FLASK 上传文件 飞行codes python的荒野flaskpython
    HTMLformenctype="multipart/form-data"编码类型说明application/x-www-form-urlencoded表单数据编码为名称/值对。这是标准编码格式。multipart/form-data表单数据编码为消息，页面上每个控件都有单独的部分。text/plain表单数据以纯文本编码，没有任何控件或格式字符。formaction=url地址本来action属
  • 【新人系列】Python 入门（二十六）：常见设计模式 Pandaconda #Python新人系列python设计模式开发语言后端笔记面试经验分享
    ✍个人博客：https://blog.csdn.net/Newin2020?type=blog专栏地址：https://blog.csdn.net/newin2020/category_12801353.html专栏定位：为0基础刚入门Python的小伙伴提供详细的讲解，也欢迎大佬们一起交流~专栏简介：在这个专栏，我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下，将会
  • 【YashanDB知识库】YashanDB备份恢复的两种渠道 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7106884.html?templateId=171...背景：通过备份恢复完成yasdb到yasdb的数据迁移，环境分为A环境（ip:127.0.0.1）与B环境（ip:127.0.0.2），数据从A环境迁移到B环境。方式有两种，一是yasql命令行，二是通过yasrman工具ya
  • 【YashanDB知识库】YashanDB获取统计信息 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7106885.html?templateId=171...在测试环境重现生产环境SQL语句执行计划问题时，需要使用生产环境相关表的统计信息模拟。“变更产生风险”，更新统计信息之后，有些SQL语句的执行计划可能改变，可能变好，也可能变差，纠正SQL语句执行计划比较有效的手段之一是回退统
  • 【YashanDB知识库】YFS_修改AU_SIZE参数 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7080871.html?templateId=171...基本信息场景：YAC数据库已经创建完毕，需要修改DG0的AU_SIZE，提高创建数据文件性能。DG0的AU_SIZE只能通过重建数据库来修改。本文说明修改方法。源库版本：YashanDB企业版23.2.1.100基本信息查询：
  • 【YashanDB知识库】YashanDB 单机一主一备自动切换 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/6936687.html?templateId=171...一、概要：YashanDB在一主多备环境中，可以基于RAFT协议实现主备自动切换，但RAFT要求多数存活，在一主一备配置下无法工作。而客户实际配置一主一备居多，即使一主多备，也可能同机房一主一备、其它备机在同城或异地的不同机房
  • HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3) 木子李–刚步入开发的小学生 harmonyos前端uniapp
    HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5.require方式调整为import导入方式6.main导入uni.promisify.adaptor3-2.jsuniappVue3转Vue2APIPromise化调用结果的方式7.项目运行
  • pytest测试框架集成钉钉机器人、邮件，并实现持续集成部署 weixin_44872675 pytestpytest
    要结合多系统并存的架构，使用YAML文件编写测试用例，并集成钉钉、邮件通知功能以及CI/CD流程，以下是完整的实现方案。整体功能架构多系统测试支持：使用YAML文件定义测试用例，支持多系统间的模块化、分层管理。测试框架根据YAML文件动态加载测试用例，支持灵活扩展。测试报告生成与通知：测试完成后生成HTML测试报告。使用钉钉机器人推送总结消息。通过邮件发送详细的测试报告。CI/CD集成：配置CI/
  • vue 如何判断每次进入都会刷新页面 东锋1.3 vue.jsjavascript开发语言ecmascript
    在Vue.js中，如果你想要检测用户是否重新加载了页面或者首次访问页面，可以通过监听某些生命周期钩子或者利用浏览器的存储机制来实现。方法一：使用Vue生命周期钩子Vue组件提供了几个生命周期钩子，如beforeCreate,created,beforeMount,mounted等。其中mounted钩子是在实例被挂载到DOM后调用的。可以在这个钩子中设置一个标志来标记页面是否已经被初始化。expo
  • java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署 游游科技 mybatisjavamysql
    java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8
  • Vue-常见指令 dd要努力变优秀！ 前端javascript开发语言
    常用指令：指令作用v-for列表渲染，遍历容器的元素或者对象的属性v-bind为HTML标签绑定属性值，如设置href,css样式等v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染,否则不渲染v-show根据条件展示某元素，区别在于切换的是display属性的值v-model在表单元素上创建双向数据绑定v-on为HTML标签绑定事件1.3.2v-for作用：列表渲
  • 使用网页应用程序（HTA）开发简单串口控制软件 catxl313 functionjavascriptnullcommandcmdobject
    利用PC机，通过串口协议控制单片机或其他嵌入式系统是工业上广泛使用的技术。相信很多人都没用网页开发过串口应用程序，近期我尝试使用HTML+JavaScript+ActiveX模式开发了一个简单的串口控制应用程序。示例应用程序，点击这里进入下载页面。（可看到完整的网页应用程序代码，运行之前需要注册控件，不过我只能“口头”保证没有病毒。）关于“网页应用程序（HTA）”的基本介绍，大家搜一下就知道了，很
  • 线上电竞游戏陪玩系统php语言前端开源系统源码/php+uniapp开发 15182237945详聊 php前端开源
    关于PHP语言前端开源系统源码以及PHP与UniApp的结合开发，以下是一些详细信息和示例：PHP语言前端开源系统源码PHP本身是一种服务器端脚本语言，特别适用于Web开发，并可嵌入HTML中使用。一个典型的PHP网站通常包括前台（用户界面）和后台（管理界面）两部分。前台源码：主要负责用户交互和展示内容，通常包括HTML、CSS、JavaScript以及PHP脚本。例如，一个简单的PHP前台页面可
  • 【Linux探索学习】第二十五弹——动静态库：Linux 中静态库与动态库的详细解析 GG Bond.ฺ Linux探索学习linux学习运维
    Linux学习笔记：https://blog.csdn.net/2301_80220607/category_12805278.html?spm=1001.2014.3001.5482前言：在Linux系统中，静态库和动态库是开发中常见的两种库文件类型。它们在编译、链接、内存管理以及程序的性能和可维护性方面有着显著的差异。了解静态库与动态库的区别和使用方式，有助于开发者根据实际需求选择最适合的解决
  • 【Linux探索学习】第二十六弹——进程通信：深入理解Linux中的进程通信 GG Bond.ฺ Linux探索学习学习linux运维
    Linux探索学习：https://blog.csdn.net/2301_80220607/category_12805278.html?spm=1001.2014.3001.5482前言：在Linux操作系统中，进程通信（IPC）是操作系统的一项核心功能，用于在不同进程之间交换数据或信号。这种能力在多任务操作系统中尤为重要，因为进程之间通常需要协作完成复杂的任务。本篇文章将详细介绍Linux中的
  • 博客搭建 — GitHub Pages 部署 忆宸_1 博客github个人开发
    关于GitHubPagesGitHubPages是一项静态站点托管服务，它直接从GitHub上的仓库获取HTML、CSS和JavaScript文件，通过构建过程运行文件，然后发布网站。本文最终效果是搭建出一个域名为https://.github.io的网站创建GitHubPages站点仓库输入仓库名称，必须命名为.github.io，是你的用户名选择仓库可见性：Public（公开）选择“使用REA
  • 【论文投稿】解锁Vue.js组件开发的神奇密码 小周不想卷 艾思科蓝学术会议投稿vue.js
    目录一、引言：Vue.js组件化的魅力之源二、初窥门径：组件的基础架构（一）组件的构成要素（二）创建首个Vue组件实例三、进阶之路：组件通信的艺术（一）父子组件间的通信之道（二）兄弟组件与跨层级通信的谋略四、实战演练：打造Vue.js组件库（一）规划组件库架构（二）开发实用组件五、总结：Vue.js组件开发的智慧结晶一、引言：Vue.js组件化的魅力之源在当今的前端开发领域，Vue.js已然成为备
  • 基于html5 canvas的引擎,基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统 weixin_39760368 基于html5canvas的引擎
    前言你们好，老郑我又回来了。这一期为你们带来一个很是好玩的demo，咱们制做一套本身的3D管道控制系统，运用了(http://www.hightopo.com)HT的Graph3dView组件经过对WebGL底层技术的封装，与HT其余组件同样，基于HT统一的DataModel数据模型来驱动图形显示。html效果图此为2D主界面：node此为3D界面的部分分段演示：浏览器因为gif上传有大小限制，因
  • 领取长期免费泛域名SSL证书
    SSL证书是保障网站数据传输安全，已经成为一个网站的标配。泛域名SSL证书可以保护一个主域名以及下级所有的子域名，对于拥有多个子域名的网站来说无疑是最佳选择。JoySSL作为知名的国产SSL证书品牌，提供长期免费泛域名SSL证书，而且流程简单便捷。下面是申请流程：官网链接：https://www.joyssl.com/certificate/select/free.html?nid=19一、访问J
  • 领取长期免费泛域名SSL证书
    SSL证书是保障网站数据传输安全，已经成为一个网站的标配。泛域名SSL证书可以保护一个主域名以及下级所有的子域名，对于拥有多个子域名的网站来说无疑是最佳选择。JoySSL作为知名的国产SSL证书品牌，提供长期免费泛域名SSL证书，而且流程简单便捷。下面是申请流程：官网链接：https://www.joyssl.com/certificate/select/free.html?nid=19一、访问J
  • 2024最新前端面试题(八股文)一阶段总结（html，css）!!!!新手必看必背!通俗易通!全面!全是干货！ 沐光M 前端面试题csshtmles6前端
    1.网络中使用最多的图片格式有哪些•gif支持动画，只有全透明和不透明两种模式，只有256种颜色,适用于简单动画、徽标和简单图形等应用场景。•jpeg常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小,体积较小，不支持透明，不支持动画•png采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画•svg一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰•BMP画质最好
  • Jquery 、Js —— 获取当前年月日、星期几 、地点、天气！ 爱吃果蔬的猫 Jqueryjquery前端javascript
    最近的工作中的小需求，自己整理了下有关——日期与天气的代码：有其他需求的小伙伴可以去官网天气插件-心知天气html代码Date:Time:Day:js代码$(document).ready(function(){functionupdateDateTime(){constnow=newDate();constyear=now.getFullYear();constmonth=(now.getMon
  • 2025年极速申请永久免费通配符SSL证书
    SSL证书不仅可以加密网站数据传输，保护用户隐私，还能提升网站的可信度和搜索引擎排名。通配符SSL证书又叫泛域名SSL证书，它可以保护一个主域名以及下级所有的子域名，是非常实用的。下面是免费申请流程：官网链接：https://www.joyssl.com/certificate/select/free.html?nid=19一、注册账号打开浏览器，访问JoySSL的官方网站。点击页面右上角的“注册
  • 2025年最新永久免费泛域名SSL证书申请办法
    SSL证书在确保网站通信加密、验证网站身份方面起到了关键作用。是保护网站和用户数据安全的重要工具，泛域名SSL证书也叫通配符SSL证书，可以保护一下主域名以及下级所有的子域名，在所有的SSL证书中用的是非常频繁的。下面是免费申请流程：官网链接：https://www.joyssl.com/certificate/select/free.html?nid=19一、打开浏览器，访问JoySSL的官方网
  • 2025年永久免费通配符SSL证书申请教学
    SSL证书作为保障HTTPS协议安全的重要组成部分，不仅能够加密传输的数据，还能增强网站的可信度。通配符SSL证书可以保护一下主域名以及下级所有的子域名，是非常实用的。下面是免费申请流程：官网链接：https://www.joyssl.com/certificate/select/free.html?nid=19一、登录JoySSL官网，注册一个账号访问JoySSL官方网站，点击“注册”按钮创建新
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他