ys743276112
ys743276112

超高速前端开发工具——Emmet

本篇文章基于sublime text 2软件，Emmet是其一个插件

1、安装

在Sublime Text 中按“Ctrl+Shift+p”快捷键或在菜单-工具中打开“命令面板”，输入：Install Package (安装扩展)后回车，弹出新的窗口，再输入Emmet查找“Emmet”确定安装，等到自动打开一个文档，说明安装成功。

2、语法

生成 HTML 文档初始结构
HTML 文档的初始结构，就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构，你没有看错，输入一个感叹号（当然是英文符号），然后摁下 TAB 键，就会发现生成了下面的结构：
<!doctype html>
<html lang=”en”>
<head>
    <meta charset=”UTF-8″>
    <title>Document</title>
</head>
<body>

</body>
</html>
这就是一个 HTML5 的标准结构，也是默认的 HTML 结构。如果你想生成 HTML4 的过渡型结构，那么输入指令 html:xt 即可生成如下结构：
<!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” xml:lang=”en”>
<head>
    <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>
    <title>Document</title>
</head>
<body>

</body>
</html>
Emmet 会自动把 doctype 给你补全了，怎么样，这样的功能会不会让你动心？简单总结一下常用的 HTML 结构指令：

html:5 或者 ! 生成 HTML5 结构
html:xt 生成 HTML4 过渡型
html:4s 生成 HTML4 严格型

生成带有 id 、class 的 HTML 标签
Emmet 的语法有点类似 CSS 的语法，生成 id 为 aaa 的 div 标签，我们只需要编写下面指令：
#aaa
Emmet 默认的标签为 div ，如果我们不给出标签名称的话，默认就生成 div 标签。如果编写一个 class 为 bbb 的 span 标签，我们需要编写下面指令：
span.bbb
然后就生成了对应的结构。同理，如果想要编写一个 id 为 ccc 的 class 为 ddd 的 ul 标签，我们可以这样写：
ul#ccc.ddd
很简单吧？比你用手写 id 、class 方便多了吧
生成后代：>
大于号表示后面要生成的内容是当前标签的后代。例如我要生成一个无序列表，而且被 class 为 aaa 的 div 包裹，那么可以使用下面指令：
div.aaa>ul>li
可以生成如下的结构：
<div>
    <ul>
        <li></li>
    </ul>
</div>
生成兄弟：+
上面是生成下级元素，如果想要生成平级的元素，就需要使用 + 号。例如下面指令：
div+p+bq
就可以生成如下的 HTML 结构：
<div></div>
<p></p>
<blockquote></blockquote>
生成上级元素：^
上级 （Climb-up）元素是什么意思呢？前面咱们说过了生成下级元素的符号“>”，当使用 div>ul>li 的指令之后，再继续写下去，那么后续内容都是在 li 下级的。如果我想编写一个跟 ul 平级的 span 标签，那么我需要先用 “^” 提升一下层次。例如：
div>ul>li^span
就会生成如下结构：
<div>
    <ul>
        <li></li>
    </ul>
    <span></span>
</div>
如果我想相对与 div 生成一个平级元素，那么就再上升一个层次，多用一个“^”符号：
div>ul>li^^span
重复生成多份：*
特别是一个无序列表，ul 下面的 li 肯定不只是一份，通常要生成很多个 li 标签。那么我们可以直接在 li 后面 * 上一些数字：
ul>li*5
这样就直接生成五个项目的无序列表了。如果想要生成多份其他结构，方法类似。
生成分组：()
用括号进行分组，这样可以更加明确要生成的结构，特别是层次关系，例如：
div>(header>ul>li*2>a)+footer>p
这样很明显就可以看出层次关系和并列关系，生成如下结构：
<div>
    <header>
        <ul>
            <li><a href=””></a></li>
            <li><a href=””></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>
此外，分组还可以很方便的结合上面说的 “*” 符号生成重复结构：
(div>dl>(dt+dd)*3)+footer>p
生成结构：
<div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</div>
<footer>
    <p></p>
</footer>
生成自定义属性：[attr]
a 标签中往往需要附带 href 属性和 title 属性，如果我们想生成一个 href 为 “http://www.sinlesstime.com” ，title 为“时光无罪”的 a 标签，可以这样写：
a[href="http://www.sinlesstime.com" title="时光无罪"]
其他标签和属性都类似。
对生成内容编号：$
例如无序列表，我想为五个个 li 增加一个 class 属性值 item1 ，然后依次递增从 1-5，那么就需要使用 $ 符号：
ul>li.item$*5
这样就生成了如下结构：
<ul>
 <li class=”item1″></li>
 <li class=”item2″></li>
 <li class=”item3″></li>
 <li class=”item4″></li>
 <li class=”item5″></li>
</ul>
$ 就表示一位数字，只出现一个的话，就从1开始。如果出现多个，就从0开始。如果我想生成三位数的序号，那么要写三个 $：
ul>li.item$$$*5
输出：
<ul>
    <li class=”item001″></li>
    <li class=”item002″></li>
    <li class=”item003″></li>
    <li class=”item004″></li>
    <li class=”item005″></li>
</ul>
只能这样单调的生成序号？对于强大的 Emmet 来说，肯定不会会了，我们也可以在 $ 后面增加 @- 来实现倒序排列：
ul>li.item$@-*5
生成如下结构：
<ul>
    <li class=”item5″></li>
    <li class=”item4″></li>
    <li class=”item3″></li>
    <li class=”item2″></li>
    <li class=”item1″></li>
</ul>
同样，我们也可以使用 @N 指定开始的序号：
ul>li.item$@3*5
这样就会从 3 开始排序，生成如下代码：
<ul>
    <li class=”item3″></li>
    <li class=”item4″></li>
    <li class=”item5″></li>
    <li class=”item6″></li>
    <li class=”item7″></li>
</ul>
配合上面倒序输出，可以这样写：
ul>li.item$@-3*5
生成的就是以 3 为底倒序：
<ul>
    <li class=”item7″></li>
    <li class=”item6″></li>
    <li class=”item5″></li>
    <li class=”item4″></li>
    <li class=”item3″></li>
</ul>
生成文本内容：{}
上面讲解了如何生成 HTML 标签，那里面的内容呢？当然也可以生成了：
a[href="http://www.sinlesstime.com"]{点击这里到 时光无罪}
这样就生成了一个到我博客的超链接了。在生成内容的时候，特别要注意前后的符号关系，虽然 a>{Click me} 和 a{Click me} 生成的结构是相同的，但是加上其他的内容就不一定了，例如：
<!– a{click}+b{here} –>
<a href=””>click</a><b>here</b>

<!– a>{click}+b{here} –>
<a href=””>click<b>here</b></a>
这样就生成了完全不同的结构，注意这些小细节哦。
 不要有空格
在写指令的时候，你可能为了代码的可读性，使用一些空格什么的排版一下。这就会导致代码无法使用。例如下面这句：
(header > ul.nav > li*5) + footer
而去掉空格之后，就可以正常执行生成结构了。

恭喜你看完了教程，那么你就值得知道下面的小技巧：

在sublime text 2的安装目录下的Data\Packages\Emmet\emmet中的snippets.json文件中，修改第三行的”lang”: “en”,为”lang”: “zh-CN”, 这样每次自动生成的html5的时候语言就成zh-CN，不用每次都修改html代码了！

转载请注明：时光本无罪 » 超高速前端开发工具——Emmet

你可能感兴趣的:(插件,前端开发)

  • Flutter权限插件详解：permission_handler使用指南 AI移动开发前沿 AI移动端开发宝典flutterai
    Flutter权限插件详解：permission_handler使用指南关键词：Flutter、权限插件、permission_handler、权限管理、移动开发摘要：本文围绕Flutter开发中常用的权限插件permission_handler展开详细介绍。首先阐述了在Flutter应用开发中处理权限的背景和重要性，接着深入解析permission_handler的核心概念、架构以及工作原理，通
  • Ubuntu24安装MariaDB/MySQL后不知道root密码如何解决
    Ubuntu24.04安装MariaDB后root密码未知？解决方案在此在Ubuntu24.04上新安装MariaDB后，许多用户会发现自己不知道root用户的密码，甚至在安装过程中也没有提示设置密码。这是因为在较新的MariaDB版本中，默认情况下root用户采用了unix_socket身份验证插件。这意味着您可以使用操作系统的root用户权限直接登录MariaDB，而无需输入密码。本文将为您详
  • 一个开源AI牛马神器 | AiPy，平替Manus，装完直接上手写Python！ Agent加载失败 人工智能python开源算法AI编程
    还记得三个月前那个在闲鱼被炒到万元邀请码的Manus吗？现在你点官网，直接提示「所在地区不可用」了它走了，但更香的国产开源项目出现了：AiPy（爱派）。主打一个极致简化的AIAgent理念：别搞什么插件市场、Agent路由，直接给AI一个Python解释器，让它用自然语言写代码干活。听起来狠活？实际体验更狠：•完全本地化，界面傻瓜式操作，支持自然语言生成&执行Python任务；•数据清洗、文档总结
  • 开发避坑短篇(7)：Vue+window.print()打印实践 帧栈 避坑指南vue.js前端elementui
    需求vue项目中如何打印当前页面内容？解决办法使用浏览器原生APIwindow.print()，这是最简单直接的方式，通过调用window.print()方法触发浏览器打印功能‌。在vue项目中直接调用print()方法即可，无须引入任何插件。如下：functionhandlePrint(){setTimeout(_=>print(),500)}打印页面样式控制可以使用@mediaprint来控制
  • 大厂都在用的前端缓存策略，你掌握了吗？ AI架构全栈开发实战笔记 前端缓存ai
    大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • Python 数据可视化神器—Pyecharts 代码输入中... pythonecharts开发语言数据分析pycharm
    前言Echarts是百度开源的一款数据可视化JS工具，数据可视化类型十分丰富，但是得通过导入js库在JavaWeb项目上运行。作为工作中常用Python的选手，不能不知道这款数据可视化插件的强大。那么，能否在Python中也能用到Echarts的功能呢?寻找中惊喜地发现了pyecharts，只需在python中安装该模块即可使用。安装常用的pip安装包一键安装pyecharts#pyecharts
  • 页面开发样式和布局入门：Vite + Vue 3 + Less
    页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践
  • ROS2编写一个简单的插件 CrimsonEmber ROS笔记ROS2笔记学习
    1.createabaseclasspackageros2pkgcreate--build-typeament_cmake--licenseApache-2.0--dependenciespluginlib--node-namearea_nodepolygon_base编辑ros2_ws/src/polygon_base/include/polygon_base/regular_polygon.h
  • 【亲测免费】 探索PF4J：Java插件框架的革命性选择 农优影
    探索PF4J：Java插件框架的革命性选择项目介绍PF4J（PluginFrameworkforJava）是一个开源的、轻量级的Java插件框架，旨在将传统的单体Java应用转变为模块化应用。PF4J的核心理念是保持简单且高度可扩展，它通过插件机制允许第三方扩展应用功能，同时支持定义和实现扩展点。PF4J不仅依赖少（仅依赖slf4j-api），而且体积小巧（约100KB），是构建现代Java应用的
  • UE5 自动生成插件汇总：提升创作效率的得力助手 阿贾克斯的黎明 游戏开发ue5
    目录UE5自动生成插件汇总：提升创作效率的得力助手目录一、地形生成插件1.Polycam2.M4电影级地形工具包3.WorldCreatortoUnrealEngine插件二、场景生成插件1.PrometheanAI2.physicallayout（物理布局）三、动画生成插件1.CasterAI2.blender骨骼绑定模型一键导入UE5场景插件MagicBoneUE5RigCreator四、特效
  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • Websocket使用简单示例 北海几经夏 前端websocket前端
    在前端开发中，WebSocket用于建立客户端与服务器的持久化双向通信连接，相比HTTP的单向请求响应模式，能更高效地实现实时数据交互（如聊天、实时通知、数据更新等场景）。基本步骤如下：1.建立WebSocket连接通过WebSocket构造函数创建连接，传入服务器WebSocket接口地址（协议为ws://或加密的wss://）：//连接服务器WebSocket端点constsocket=new
  • 不坑盒子：Word里1秒制作“花括号”题目，多音字组词、形近字组词…… 不坑老师 word
    1.30秒看懂它能干啥用“不坑盒子”插件，在Word里输入：乐,lè(快乐),yuè(音乐);长,cháng(长短),zhǎng(长大)点一下【总分关系】，瞬间出现左边是“乐”右边并列两行拼音+括号的花括号结构；再点【并列关系】，又能做出只有右侧多行的括号图。全程1秒，格式自动对齐，再也不用手动画括号！2.为什么突然火了？期末老师要出多音字/同音字/形近字练习，传统做法手动画括号、调对齐，10分钟
  • Kubeadm 快速搭建 k8s 集群&&安装可视化管理界面 头发莫的了呀 Kuberneteskubernetesdocker运维
    文章目录1.实验准备2.安装docker3.配置阿里云K8Srepo源（三个节点）4.安装kubeadm，kubelet，kubectl（三个节点）5.部署kubernetesMaster节点（master节点上执行）6.k8s-node节点加入master节点（两个node执行）7.安装Pod网络插件（CNI插件，master节点）8.master节点安装可视化管理界面dashboard1.实验
  • RabbitMQ 如何通过插件扩展功能？常用的插件有哪些？ dj_master RabbitMQrabbitmqpython分布式
    RabbitMQ提供了强大的插件机制，允许通过安装插件扩展其核心功能。这些插件可以增强消息处理能力、集成外部系统、添加协议支持等。下面详细介绍RabbitMQ插件的使用方式、常用插件及其在Java中的应用示例。一、RabbitMQ插件机制与使用方法RabbitMQ的插件基于Erlang/OTP平台开发，以.ez格式分发，通常由社区或官方维护。1.插件管理命令#查看所有可用插件rabbitmq-pl
  • Anaconda（AI生成测试） harrio_ python
    技术文章大纲：Anaconda插件开发挑战赛引言Anaconda作为数据科学与机器学习的核心工具，其插件生态系统的扩展性为开发者提供了广阔的创新空间。插件开发挑战赛旨在激励开发者探索Anaconda的潜力，解决实际场景中的技术痛点。以下为技术文章的核心框架。Anaconda插件开发的核心价值插件开发能够增强Anaconda的功能模块化，例如集成新的编程语言支持、优化包管理流程或扩展可视化工具。通过
  • 即便你已经在浏览器中启用了 JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由 JavaScript 冲突
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • Anaconda插件开发 黑客法 技术支持深度学习
    Anaconda插件开发挑战赛技术文章大纲一、引言：插件生态的价值Anaconda在数据科学生态中的核心地位插件系统对平台扩展性的关键作用挑战赛对开发者生态建设的意义二、开发环境搭建#示例：创建插件开发环境condacreate-nplugin-devpython=3.9condaactivateplugin-devpipinstallanaconda-plugin-sdk三、插件架构剖析核心组件
  • Anaconda插件开发挑战赛 张文6.7 人工智能开发语言区块链AI编程
    引言介绍Anaconda在数据科学和Python开发中的重要性插件生态系统的价值与Anaconda插件开发的意义概述挑战赛的目标与参赛者的预期收获Anaconda插件开发基础Anaconda平台的核心功能与插件架构开发环境搭建：AnacondaDistribution、conda与相关工具链插件类型与常见应用场景（如Jupyter扩展、IDE集成、数据可视化工具等）挑战赛关键技术要点插件开发的核心
  • 技术文章大纲：Anaconda插件开发挑战赛引言介绍Anaconda在数据科学和PythonUH开发中的重要性 aadwje eclipseide
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 揭秘MavenShading和Maven依赖优先级：解决依赖冲突的终极方案 lifallen Java开发语言javaidemaven
    MavenShading的原理MavenShading是一种在构建项目时，用来解决Java项目中“依赖冲突”问题的技术。当你的项目或者你项目所依赖的库，同时引用了另一个库的不同版本时，就可能出现依赖冲突，这会导致程序在运行时出现ClassNotFoundException或NoSuchMethodError等错误。MavenShading的核心原理是通过maven-shade-plugin插件，将
  • 告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力 码力无边-OEC ui前端webjavascript
    告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):
  • 今日Github热门仓库推荐 第八期 桃白白大人 Github热门项目推荐githubpython人工智能
    今日Github热门仓库推荐2025-07-22如果让AI分别扮演后端开发人员和前端开发人员，然后看看他们分别对github每天的trending仓库感兴趣的有哪些，并且给出他感兴趣的理由，那会发生什么呢？本内容通过Python+AI生成，项目地址跳转后端开发人员推荐仓库名称：donnemartin/system-design-primer仓库推荐理由：作为后端开发工程师，系统设计是核心技能之一。
  • C#开发效率革命：ReSharper插件让你的代码“一键优化” 墨夶 C#学习资料c#服务器开发语言
    一、ReSharper：C#开发者的“外挂级”效率神器1.1什么是ReSharper？ReSharper是JetBrains公司为VisualStudio开发的终极扩展插件，专为.NET开发者设计。它通过实时代码分析、智能重构、超快导航等功能，将C#开发效率提升到全新高度。核心能力代码质量监控：实时检测潜在错误（如空引用、冗余代码）。智能重构：一键优化代码结构（重命名、提取方法、内联变量）。闪电导
  • 谷歌浏览器F12开发者工具格式化js代码 zpj~.~ javascript调试
    谷歌浏览器F12开发者工具调试代码时，一般插件的js文件都是非格式化存储的，调试时非格式化文件不能直观显示，可以格式化代码后再调试。在最底部的工具栏有一个"{}"样的图标(PrettyPrint)，点一下就格式化了。
  • 前端开发面试问题及答案整理 邓波home web前端前端开发面试
    说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定
  • web开发学习日志1 奋斗的岑爸
    之前在一个学习编程的网站花费一万多元，没多久就坚持不下去了，感觉自己虎头蛇尾（确切的说是虎头无尾）的性格一时间也无法改变。从此，对学习新东西彻底失去信心。上个月在微博上看吴主任转了一条微博，是关于某编程网站的推广视频，两位google开发者在2分钟左右时间里生动而清晰的介绍了编程里面“对象”这一概念，完全颠覆了我对视频教学的认知，原来编程课可以这样讲。二话不说，立马报了前端开发入门课程（webde
  • maven-shade-plugin插件将项目打成可执行的jar包 九师兄 工具-maven
    使用maven-shade-plugin插件将项目打成可执行的jar包1、在pom.xml文件中添加maven-shade-plugin插件全部文件：maven-compiler-plugin1.61.6org.apache.maven.plugins<
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他