Dreamy_lin
Dreamy_lin

HTML内嵌Markdown编辑器

实现步骤
1、获取markdown的开源库，这里用的是开源项目showdown。
将showdown.min.js拷贝到项目中，需要的其他扩展可通过setOption(“扩展名”,true)去启动。

  • showdown: https://github.com/showdownjs/showdown

2、选择喜欢的Markdown样式，下载引用该css到自己的项目，还可以适当修改样式。

  • 李笑来老师的https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2
  • 少数派主题: https://cdn.sspai.com/sspai.css
  • Mweb主题: https://cdn.sspai.com/MWeb.css
  • Github主题: https://github.com/sindresorhus/github-markdown-css
  • typora主题合集下载: https://theme.typora.io/

3、按照showdown和选择的样式要求的格式来书写html文件。我这里用的是Github主题。
Github主题的使用方式：
HTML内嵌Markdown编辑器_第1张图片
showdown.min.js的使用方式：
HTML内嵌Markdown编辑器_第2张图片
其他扩展选项：
HTML内嵌Markdown编辑器_第3张图片
实现代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>html内嵌markdown</title>
    <script src="showdown.min.js"></script>
    <link rel="stylesheet" type="text/css" href="github-markdown.css">
</head>

<body>
    <style>
    #editor {
        display: flex;
        min-height: 600px;
        width: 100%;
    }

    #md-area {
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #111;

    }
    #view-area {
        width: 100%;
        border: 1px solid #111;
    }
    
    /*Github主题要求的样式引入*/
    .markdown-body {
        box-sizing: border-box;
        min-width: 200px;
        max-width: 980px;
        margin: 0 auto;
        padding: 45px;
    }

    @media (max-width: 767px) {
        .markdown-body {
            padding: 15px;
        }
    }
    </style>

<div id="editor">
    <textarea id="md-area" onkeyup=mdConverter()></textarea>  <!-- 键盘每次点击实时调用 -->
    <article id="view-area" class="markdown-body">            <!-- github主题样式应用 -->
    </article>
</div>

<script>
    function mdConverter() {
        var md = document.getElementById("md-area").value;
        var converter = new showdown.Converter();  //增加拓展table
        converter.setOption('tables', true);  //启用表格选项。从showdown 1.2.0版开始，表支持已作为可选功能移入核心拓展，showdown.table.min.js扩展已被弃用
        var view = converter.makeHtml(md);
        document.getElementById("view-area").innerHTML = view;
    }
</script>
</body>
</html>

效果：
HTML内嵌Markdown编辑器_第4张图片

参考文章：https://www.jianshu.com/p/a57114bd9380
https://www.jianshu.com/p/7bb05fc9b7f0

你可能感兴趣的:(前端,Markdown,表格,showdown,js,css)

  • 构建响应式管理后台系统（Python + Django + Bootstrap） 后端架构魔术骑士 pythondjangobootstrapPython
    在本文中，我们将使用Python编程语言结合Django和Bootstrap框架来构建一个响应式管理后台系统。我们将使用Django作为后端框架，处理数据和业务逻辑，并使用Bootstrap作为前端框架，实现用户界面的设计和布局。环境设置和项目创建首先，确保你已经安装了Python和Django。在命令行中运行以下命令来创建一个新的Django项目：$django-adminstartprojec
  • html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发... miao君 html5webglstl
    4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
  • Babylon.js实战3D模拟场景 天涯学馆 WebGL3D图形图像技术javascript3d前端Babylon.jswebgl
    目录初始化场景和引擎添加环境和光照创建地面和墙壁添加家具和装饰摄像机和控制交互性渲染循环
  • uniapp 实现Toast轻提示！ Rlm* vue+uni-appuni-appvue.jsjavascript
    一、在components文件夹下新建Toast文件，包含Toast.vue和index.jsToast.vue{{text}}exportdefault{name:"Toast",props:{isshow:{type:Boolean,},text:{type:String,},},watch:{isshow(val){if(val===true){setTimeout(()=>{this.is
  • day1-ES6学习基础语法 clock的时钟 es6学习前端
    title:day1-ES6学习基础语法date:2025-01-1512:00:00tags:-前端categories:-前端ES6#一认识：什么是ES6?ES6，全称ECMAScript2015，是JavaScript语言的一个重要版本，对语言进行了许多重大改进和新增功能。ES6的引入极大地提升了JavaScript的可用性、可读性和开发效率*ECMAScript是由ECMA国际标准化组织制
  • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
    一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
  • Debian11之DataX安装 大能嘚吧嘚 Linux_Debian分布式调度中心大数据
    下载github地址安装mkdir/usr/local/DataX&&cd/usr/local/DataXtar-zvxfdatax.tar.gz自检python/usr/local/DataX/bin/datax.py/usr/local/DataX/job/job.json
  • 基于Python的Selenium详细教程总结（极简版） weixin_41663997 pythonselenium开发语言
    基于Python的Selenium详细教程总结一、PyCharm安装配置Selenium使用环境:Windows11,Python3.10.5,PyCharm2022.1.3,Selenium4.3.0需要技术:Python,HTML,CSS,JavaScriptSelenium安装:查看已安装的Python包:piplist安装Selenium4.3.0:pipinstallselenium==
  • selenium定位svg元素（原来如此简单） sineiy selenium测试工具pytestwindows
    1、前言最近在实现UI自动化测试，发现有些元素定位不了，特此来记录一下，也许有不对的地方，欢迎指正。我说定位不了的元素正是svg，在网上查了一通，发现也有很多小伙伴遇到这个问题。然后试了各种方法，什么By.CLASS_NAME;By.CSS_SELECTOR等等都定位不了，后面是使用了Selenium库中的ActionChains类来模拟鼠标点击操作才把这个问题解决了。2、网页结构先来看一下网页结
  • 计算机毕业设计JAVA房屋租赁系统mybatis 煦洋cxsj985 mybatisjava开发语言
    计算机毕业设计JAVA房屋租赁系统mybatis计算机毕业设计JAVA房屋租赁系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan
  • 数据库查询优化：提升性能的关键实践 qcidyu 文章归档DBA最佳实践性能调优查询执行计划索引SQL数据库性能查询优化
    title:数据库查询优化：提升性能的关键实践date:2025/1/30updated:2025/1/30author:cmdragonexcerpt:在当今数据驱动的商业环境中，数据库的性能直接影响着应用程序的响应速度和用户体验。查询优化是性能调优的重要组成部分，通过对SQL查询的分析与改进，减少查询执行时间和资源消耗，从而提升整体系统效率。categories:前端开发tags:查询优化数据
  • Go语言学习笔记——gin实现验证码 PPPsych Go精进学习gin
    文章目录Golang验证码知识结构下载包导包配置session创建中间件生成图片生成验证码验证前端页面测试Golang验证码知识结构ginsession中间件表单处理路由下载包gogetgithub.com/dchest/captcha导包import("bytes""net/http""time""github.com/dchest/captcha""github.com/gin-contrib
  • npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚 樱雪snow 学习npm
    问题描述：npm:无法加载文件C:\ProgramFiles\nodejs\npm.ps1,因为在此系统上禁止运行脚到任务管理器里面点击【性能】【运行更新任务】输入【Powershell】勾选系统管理员输入以上命令就好了
  • gin框架学习笔记 蛮吉(lambda) goginjsonjava中间件
    gin框架学习笔记官网reviewgin是用go编写的web框架，由于httprputer(基于radix树路由)速度快了40倍，支持中间件，路由组处理，json等多方式验证，内置了json/xml/html等渲染，是一个易于使用的go框架如果是用常量，比如http.statusOkimpport“net/http”gin使用默认的encoding/json作为默认的json包，但是可以通过其他标
  • Gin-Vue-Admin：构建高效全栈应用的利器 赵鹰伟Meadow
    Gin-Vue-Admin：构建高效全栈应用的利器gin-vue-adminflipped-aurora/gin-vue-admin:是一个基于Gin和Vue.js的后台管理系统。适合用于需要构建Web后台管理界面的项目。特点是可以提供前后端分离的系统架构，支持快速开发和丰富的功能集成。项目地址:https://gitcode.com/gh_mirrors/gi/gin-vue-admin在现代软
  • python:我写了一个类似js库moment库 龙雨LongYu12 pythonjavascript开发语言
    py其实有这个库可以下，但是我发现1、里面可用的方法很少，而且打包exe后运行会导致报错2、不是很习惯，毕竟我是习惯写js库源码：fromdatetimeimportdatetime,date,timedeltaclassmoment():def__init__(self,datestr:str=None):ifdatestrisNone:self.date=datetime.now()else:
  • 如何解决Webview和H5缓存问题，确保每次加载最新版本的资源 qq_39279448 缓存
    WebView用于加载H5页面是常见的做法，它能够加载远程的HTML、CSS、JavaScript资源，并且让Web应用嵌入到原生App中。然而，WebView的缓存机制有时会导致用户看到的是旧版本的页面或资源，尤其是在H5发版后，iOS端用户可能仍然加载到缓存的旧页面，造成了不一致的体验。本篇文章将详细分析这个问题的根本原因，并介绍一些有效的缓存处理策略，确保每次加载的都是最新的资源。一、Web
  • Python从0到100（二十二）：用Python读写CSV文件 是Dream呀 python数据库开发语言
    一、CSV文件概述CSV，即逗号分隔值（CommaSeparatedValues），是一种以纯文本形式存储表格数据的通用格式。它因其简洁和易于使用而广泛应用于数据交换，如在数据库、电子表格等应用程序中导入和导出数据。CSV文件的纯文本特性使其与操作系统和编程语言无关，大多数编程语言都提供了处理CSV文件的功能，使其在数据处理和科学领域中极为流行。CSV文件的主要特点包括：纯文本格式：使用特定字符集
  • 工作流编写教程 weixin_34363171 前端phpViewUI
    介绍ONES中使用了flowchart.js作为前端展示，并且扩展了flowchart.js的流程描述语言。flowchart.js参见：https://github.com/adrai/flowchart.js描述语言分为三部分，使用\n\n(空一行)作为分割，分别是节点定义、执行流程描述、节点权限描述节点定义eg:make_stockout=>operation:生成出库单:>m:Sale/O
  • 【爬虫】针对FingerprintJS反爬，selenium破解策略 steamedobun 项目管理爬虫爬虫selenium测试工具
    目录FingerprintJS原理概述Selenium基础与应对思路代码实现实战（结合Selenium和UndetectedChromedriver绕过FingerprintJS）Canvas指纹随机化FingerprintJS原理概述FingerprintJS主要通过收集浏览器的各种特征信息来生成独一无二的指纹，这些信息包括但不限于：浏览器版本信息：不同浏览器版本在处理网页元素、执行JavaSc
  • prometheus 服务java服务接入基础镜像配置 窗外的寒风 prometheusjavapython
    环境变量设置：如果不经常修改配置，推荐在java镜像中把prometheus配置通过环境变量的方式统一配置，可以使用下面的参数，把端口进行暴漏（配置安全检查端口9998，启用所有安全检查接口，配置普罗米修斯的监测间隔，设置java服务名，把普罗米修斯的接口提升到根目录）ENVSPRING_APPLICATION_JSON='{"management.server.port":"9998","man
  • C++设计模式——Adapter适配器模式 程序员与背包客_CoderZ C/C++设计模式c++设计模式开发语言c语言linux
    一，适配器模式简介适配器模式是一种结构型设计模式，用于将已有接口转换为调用者所期望的另一种接口。适配器模式让特定的API接口可以适配多种场景。例如，现有一个名为"Reader()"的API接口只能解析txt格式的文件，给这个Reader()接口增加适配器以后，它可以同时支持xml、json、csv等格式的文件。适配器是一个特殊的类，它可以扩展或者说转接一些特定API接口的功能，使得API接口可以被
  • npm常用命令 zhanggongzichu npm前端node.js
    以往nodejs版本Node.js—Node.js版本CNPMBinariesMirror查看当前版本npm-v查看node安装在哪里wherenode清除缓存npmcacheclean--force淘宝镜像（只支持下载，不支持上传发布）npmconfigsetregistryhttps://registry.npm.taobao.org设置公司私服地址npmconfigsetregistry私服
  • JAVA常见面试题-RabbitMQ waviss JAVA常见面试题java开发语言面试
    RabbitMQ数据类型Map：如果发送的消息类型是map类型，可以通过SerializationUtils.deserialize方法将消息转换成map类型。String（含json字符串类型）：RabbitMQ原理RabbitMQ大致分为生产者、队列、消费者，在实际情况中生产者将消息发送到Exchange（交换器），再通过Banding操作将与队列关联起来。在绑定（Banding）Exchan
  • Vue.js组件开发-实现全屏背景图片滑动切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏背景图片滑动切换特效的详细步骤、代码、注释和使用说明。步骤创建Vue项目：使用VueCLI创建一个新的Vue项目。准备图片资源：准备好要用于背景切换的图片，并将它们放在项目的合适目录下。编写HTML结构：创建一个包含图片容器和导航按钮的HTML结构。编写CSS样式：设置全屏背景和图片切换动画效果。编写Vue组件逻辑：实现图片切换的逻辑。详细代码1.创建Vue项目首先，确保已经安装
  • NPM 使用介绍 lly202406 开发语言
    NPM使用介绍引言NPM（NodePackageManager）是Node.js生态系统中的一个核心工具，用于管理JavaScript项目的依赖包。无论是开发一个小型脚本还是构建大型应用程序，NPM都能极大地提高开发效率。本文将详细介绍NPM的使用方法，包括安装、配置、依赖管理、包发布等，帮助您快速上手NPM。安装NPM在开始使用NPM之前，您需要确保已经安装了Node.js。NPM与Node.j
  • npm镜像源 jinboliu000 npm前端
    npm镜像源是npm软件包管理器的服务器地址，用于下载和安装npm包。常见的npm镜像源有以下几种：官方源：npm官方提供的默认源，地址是https://registry.npmjs.org/，但由于位于国外，速度较慢。淘宝源：由淘宝团队提供的镜像源，地址是https://registry.npm.taobao.org/，是国内服务器，因此速度较快。cnpm源：另一个由淘宝团队提供的镜像源，地址是
  • SpringBoot：RabbitMQ-延迟队列 csdnlaoban 程序员java-rabbitmqspringbootrabbitmq
    《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！com.alibabafastjson1.2.46org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-testtest属性配置在application.propertie
  • Nuxt：利用public-ip这个npm包来获取公网IP 前端白袍 前端学习笔记——Vue篇tcp/ipnpm网络协议
    目录一、安装public-ip包1.在Vue组件中使用2.在Nuxt.js插件中使用public-ip一、安装public-ip包npminstallpublic-ip1.在Vue组件中使用你可以在Nuxt.js的任意组件或者插件中使用public-ip来获取公网IP。下面是在一个Vue组件中如何使用它的例子：你的公网IP是：{{ip}}import{publicIp,publicIpv4,pub
  • 【Java】Java Lambda List转List 奔向理想的星辰大海 云原生技术研发开发语言java
    JavaLambdaList转List的实现方法引言在Java开发中，Lambda表达式是一种非常强大和常用的特性，它允许我们以一种更加简洁和灵活的方式编写代码。在处理集合类数据时，我们经常需要对列表进行转换操作，将其转换为另一种类型的列表。本文将介绍如何使用JavaLambda表达式将一个List转换为另一个List。实现步骤为了更好地理解整个过程，我们可以使用表格来展示每个步骤的具体操作。下面
  • 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其他