什么是Web语义化?
如今互联网已经到了web3.0时代了,HTML语言在不断的进化并发挥着越来越重要的地位;而我们制作的网页也从当初的table表格嵌套发展到了div+css,这是进步的标志。然而我们似乎看到了一个不太好的想象:整个网页大量的使用div标签进行分隔页面内容,有的甚至整个页面只有div一种html标签存在,这种div滥用现象使得网页制作似乎就只剩下了div。时代是进化着的,所以,诞生了web语义化这个概念。包括两个方面:html语义化及css命名语义化 。
web语义化可以简单的理解为:用便于理解的特定语言来定义特定的事物 。
为什么要web语义化?
首先,人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能的对搜索引擎友好,所以就要尽可能地使标签语义化。
以前以我对web开发的粗浅理解,觉得写一个好的符合标准的页面只需要把结构和表现分离,然后不要使用table,p等标签就行了,至于通篇都是div我也不会觉得有什么问题,因为css很强大。但是,所有的标签都是有自己的语义的,下面给出一部分标签的语义:
div语义:division(分隔)
span语义:span(范围)
ol语义:ordered list(有序列表)
ul语义:unordered list(无序列表)
li语义:list item(列表项)
…………
如果无视标签语义和默认样式,所有标签都用div,其实也是可以写出来视觉效果很好的页面,只要你灵活运用css。但是那样的话虽然视觉上达到了要求,但是整个页面一点语义都没有,搜索引擎还是看不懂,所以,要记住:
结构html才是重点,样式css是用来修饰结构的,所以,要先确定html,确定标签,再来选用合适的css。
其次,SEO的时候我们经常用h1来突出标题,用strong来突出关键字,这确实就是语义化的体现。就目前的搜索引擎来说并不能像访客那样很直观的去查看网页,它只有分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题,我们或许会这样写:
文章的标题
访客或许能理解我们的意思,但搜索引擎就要反复揣摩了,更好的讨好搜索引擎我们可以这样来写:
这是标题
注意:h1拥有最高的权值,在一个页面中最好只使用1个h1来突出你的内容,太多的h1会分散其整个页面的权重,对搜索引擎也是非常的不友好。
语义化优势:
正如上边的小例子,语义化的代码更小,下载也就更快了。另外语义化代码也能够更加快速的帮助新的前端工程师理解我们的代码。当然语义化代码也是我们能力的体现。
怎样进行语义化?
1、html语义化
简而言之,就是在你看到内容的时候想想用什么标签能更好的的描述它,就用什么标签。很明显Hx系列看起来更像标题,因为拥有粗体和较大的字号,,用来区别与其他文字,起到了强调的作用。至于列表、等和表格很明细的告诉你他们是做什么的。如:
、、、、、,作为标题使用,并且依据重要性递减,是最高的等级。
段落标记,知道了
作为段落,我们就不会再使用 来换行了,而且不要 来区分段落与段落。
中的文字会自动换行,而且换行的效果优于 。段落与段落之间的空隙也可以利用css来控制,很容易而且清晰的区分出段落与段落。再利用行高(line-height)很容易的定义出行间距,再定义首字下沉等效果,那就更完美了。
2、css命名语义化
一般而言,css类名的语义化声明方式应当考虑你的页面中某个相对元素的“用意”,像left-bar,red-text,small-title……这些都属于结构化定义的例子。
让我们看看下面的这个例子:
而现在我们想把页面中的元素调换一下位置,如果你使用的事结构化方式(1),那么你就要把所有css类重新进行定义,因为他们的位置变了。在布局(3)中,我们看到元素都倒转了:right-bar现在成了“left-bar”,而left-content成了“right-content”,如果你使用语义化方式则避免了此类问题。
换句话说,使用语义化方式的话,你在修改网站布局的时候可以仅仅修改相关css类的属性即可,而不用修改它们的类名了,如果网站的代码很庞大,这将节省大量的时间。
参考链接:
http://blog.bingo929.com/css-coding-semantic-naming.html CSS代码命名惯例语义化的方法
https://blog.csdn.net/yzy1840/article/details/4712166 HTML语义化
https://blog.csdn.net/li2274221/article/details/25188497 关于web语义化
你可能感兴趣的:(Web前端,web语义化,html语义化,css语义化)
【前端】Node.js使用教程
大雨淅淅
编程语言 vim 编辑器 linux node.js 开发语言 前端
目录一、Node.js开发环境和编译1.1安装Node.js1.2创建一个Node.js项目1.3编写Node.js程序1.4运行Node.js程序1.5使用Node.js模块二、高级的Node.js编程概念和示例2.1异步编程2.2错误处理2.3网络请求2.4构建Web服务器2.5数据库交互三、Node.js开发中重要方面和概念3.1环境变量和配置文件3.1.1使用环境变量3.1.2使用配置文件
VScode保持vue语法高亮的方式
「已注销」
vscode vue.js ide 编辑器 前端
VScode保持vue语法高亮的方式:1.安装插件:vetur。打开VScode,Ctrl+P然后输入extinstallvetur然后回车点安装即可。2.在VSCode中使用Ctrl+Shift+P打开命令面板,输入Preferences:OpenSettings(JSON)。3.在配置对象里加上key和value1"emmet.syntaxProfiles":{2"vue-html":"htm
Linux Commands&Tips
hilgc000
Linux find linux
Tips文件操作根据名字查找文件https://www.cnblogs.com/Baron-Lu/p/6991269.htmlfind/home/lijiajia/-name‘*elm’批量替换文件中的字符串:sed-i“s/len/size/g”`greplen-rl./`批量修改文件名fornameinls*.html;doecho$name${name%.html}.jpg;donelsjp
快速开始,使用 VSCode 开发 Vue 项目如何配置语法高亮和自动格式化
dadiyang
Vue学习笔记 前端填坑之旅 Vue IDE VSCode 插件配置
关于IDE开发Vue项目,一般使用VSCode/WebStorm/Atom等IDE,推荐使用VSCode。而VSCode原生不支持Vue语法高亮和自动格式化等功能,需要通过插件来支持。安装插件点击首选项->扩展,安装以下插件:Vetur–vue必备插件,用于语法高亮和代码提示AutoCloseTag–自动完成标签,如输入时,自动添加AutoRenameTag–重命名开始或结束标签时,自动将配对的开
21款炫酷烟花合集
Want595
趣味编程 python 开发语言
系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》写在前面Python、C/C++、HTML、Java等4种语言实现18款炫酷烟花的代码。PythonPython烟花①完整代码:Python动漫烟花(完整代码)Python烟花②完整代码:Python跨年烟花(完整代码)Python烟花③完整代码:Python炫酷烟花(完整代码)Python烟花④完整代码
llamafactory0.9.0微调qwen2vl
Kun Li
多模态大语言模型 lmm qwen2vl
LLaMA-Factory/data/README_zh.mdatmain·hiyouga/LLaMA-Factory·GitHubEfficientlyFine-Tune100+LLMsinWebUI(ACL2024)-LLaMA-Factory/data/README_zh.mdatmain·hiyouga/LLaMA-Factoryhttps://github.com/hiyouga/LLa
How to learn html?基于chatGLM-b生成示例(仅供参考)
不是吧这都有重名
html 前端
如何学习HTML目录章节11.1.HTML基础概念章节22.1.HTML文档结构章节33.1.HTML基本标签章节44.1.HTML文本格式化章节55.1.HTML列表和表格章节66.1.HTML表单和输入章节77.1.HTML图片和多媒体章节88.1.HTML链接与导航章节99.1.HTML样式与CSS的基本应用章节1010.1.HTML常用属性与属性标签章节1111.1.HTML注释与特殊字符
使用 Kotlin 将 Vertx 和 Springboot 整合
zimoyin
spring boot kotlin java
本篇文章目的是将Springboot和Vertx进行简单整合。整合目的仅仅是为了整活,因为两个不同的东西整合在一起提升的性能并没有只使用Vertx性能高,因此追求高性能的话这是在我来说不推荐。而且他们不仅没有提高很多性能甚至增加了学习成本一、整合流程首先呢目标是将Vertx最终整合成和使用Springbootweb一样简单的httpserver。步骤:获取Springboot所有的Bean注册路由
C/C++炫酷烟花③(完整代码)
Want595
C/C++趣味编程 c++ 开发语言
系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》写在前面C/C++语言实现新春烟花动画的完整代码。
如何0基础自学网络安全技术,推荐一个非常稳的网络安全学习路线_网络安全入门学习路线
星空真懒
程序员 web安全 学习 安全
青铜(筑基期)度过了石器时代,你已经储备了一些计算机的基础知识:操作系统的使用,网络协议,前端基础,数据库初识,但这距离做网络安全还不够,在第二个青铜阶段,你还需要再进一步学习基础,在第一阶段之上,难度会开始慢慢上升。这一阶段需要学习的知识有:Web进阶在前面的石器时代,咱们初步接触了网页编程,了解了网页的基本原理。不过那时候是纯前端的,纯静态的网页,没有接触后端。在这个进阶的阶段,你要开始接触W
SpringBoot Web开发中的Thymeleaf模版引擎
利瑞华
spring boot 前端 后端
在SpringBoot的Web开发中,模板引擎是处理视图层的重要组件之一。在众多模板引擎中,Thymeleaf以其优雅的自然模板设计和对HTML的良好支持,成为了SpringBoot官方推荐的模板引擎。本文将详细介绍如何在SpringBoot项目中使用Thymeleaf模板引擎进行Web开发。Thymeleaf简介Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎。它类似于
自学网络安全,一般人我劝你还是算了吧_白银安卓开发
2401_84281629
程序员 web安全 android 安全
whois信息用来查询域名信息,shodan、zoomeye、fofa等网络空间搜索引擎检索IP、域名、URL等背后的信息,GoogleHacking利用搜索引擎来检索网站内部信息,这些东西都是在网络信息搜集中经常用到的技能。暴力破解在网络攻击中,当扫描到目标开放的服务后,最直接的就是想要登录进去。常见的服务有SSH、RDP、MySQL、Redis、Web表单等等。这个时候,暴力破解通常会派上用场
使用onnxruntime-web 运行yolov8-nano推理
CHEN_RUI_2200
机器学习 YOLO
ONNX(OpenNeuralNetworkExchange)模型具有以下两个特点促成了我们可以使用onnxruntime-web直接在web端上运行推理模型,为了让这个推理更直观,我选择了试验下yolov8识别预览图片:1.跨平台兼容性ONNX是一种开放的格式,可以在不同的深度学习框架之间共享模型,如PyTorch、TensorFlow、MXNet和Caffe2。这使得用户可以在一个框架中训练模
Javaweb入门-Maven项目学习(Day2)
半截詩
JavaWeb maven 学习 java
(一)Maven坐标maven中的坐标是资源的唯一标识,可以通过坐标唯一定义资源位置*使用坐标来定义项目或引入项目中需要的依赖*Maven坐标主要组成*groupld:定义当前Maven项目隶属组织名称(通常是域名的反写,eg:com.Ap)*artifactld:定义当前Maven项目的名称*version:定义当前项目版本号。(二)依赖传递传递依赖需要在pom.xml中指明版本,架包名称和gr
Vue项目中使用高德地图
糖糖老师436
前端 程序员 vue.js 前端 javascript
ue项目中使用高德地图在一些简单的大屏类展示应用/网页中,经常会用到地图相关的展示场景,除了一些特殊的三维场景需要用Gis/BIM或者WebGL,一些简单的业务就可以直接使用高德地图或者百度地图来完成。本文主要讲述在Vue项目中高德地图JavaScriptAPI的引用方式以及一些简单的API的使用。演示项目使用vuecli4.0脚手架搭建项目。1.引用在高德地图发布2.0版本之前,通常只能以两种通
渗透测试 - webshell jsp一句话大马 && 蚁剑连接
浩浩测试一下
OWASP Top 漏洞 web渗透 java 开发语言 网络安全 安全 系统安全 web安全
目录大木马webshell大马连接大木马<%@pageimport="javax.imageio.*"%&g
【Prometheus】【 Blackbox Exporter】CentOS 上安装 Blackbox Exporter 的操作步骤
张声录1
prometheus实战 prometheus centos linux
目录1.下载BlackboxExporter1.1下载稳定版二进制文件1.2解压文件1.3移动可执行文件⚙️2.配置BlackboxExporter2.1创建配置文件2.2添加基础配置️3.创建Systemd服务3.1创建systemd单元文件3.2添加以下内容3.3重新加载Systemd3.4检查服务状态4.验证BlackboxExporter是否正常运行4.1访问Web界面5.在Prometh
掌握 Python 网络爬虫技术:从基础入门到高级实践(附带爬虫案例)
一ge科研小菜鸡
Python 编程语言 python
个人主页:一ge科研小菜鸡-CSDN博客期待您的关注网络爬虫是自动访问网站并抓取网页数据的程序。Python凭借其丰富的库和易于使用的特性,成为开发网络爬虫的首选语言。本文将详细介绍如何使用Python进行网络爬虫开发,包括基本概念、主要工具、数据解析和高级爬取技术,并提供一个完整的实践案例。1.网络爬虫概述1.1什么是网络爬虫?网络爬虫(WebCrawler)是指用于访问和抓取网页内容的自动化脚
可爱狗狗的404动画页面HTML源码
酷爱码
html html5 前端
源码介绍可爱狗狗的404动画页面HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果效果预览源码获取可爱狗狗的404动画页面HTML源码
探索Apache NetBeans Maven Archetypes —— 构建强大的NetBeans套件
滕娴殉
探索ApacheNetBeansMavenArchetypes——构建强大的NetBeans套件netbeans-mavenutils-archetype-nbm-suite-rootApacheIncubatorPagespeedWebsite是ApachePagespeed项目的一个孵化网站,提供了关于ApachePagespeed项目的介绍、文档和示例代码。这个项目适用于Web开发者和性能优
推荐开源项目:Apache NetBeans Maven Skin for Website
黎杉娜Torrent
推荐开源项目:ApacheNetBeansMavenSkinforWebsitenetbeans-webskinApacheNetBeansmavensiteskinformavenbuild项目地址:https://gitcode.com/gh_mirrors/ne/netbeans-webskin1、项目介绍ApacheNetBeansMavenSkinforWebsite是一个专为基于Mav
推荐文章:探索Apache NetBeans —— 开源社区的全能网页构建伙伴
任澄翊
推荐文章:探索ApacheNetBeans——开源社区的全能网页构建伙伴netbeans-websiteApacheNetBeansWebsite项目地址:https://gitcode.com/gh_mirrors/ne/netbeans-website项目介绍在这个快速发展的数字化时代,开发高效、互动性强的网站是每个技术团队的核心任务。ApacheNetBeans作为一款久负盛名的集成开发环境
由于直接提供完整的游戏商城代码超出了简单回答的范围,并且游戏商城的实现可以相当复杂,涉及前端展示、后端逻辑、数据库设计等多个方面,我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城
编程小飞侠a
游戏 前端 数据库
前端(HTML/CSS/JavaScript+React)React示例:fengbaoshun.com首先,你需要安装Node.js和npm(Node包管理器),然后使用CreateReactApp来快速启动你的前端项目。bashnpxcreate-react-appgame-store-frontendcdgame-store-frontendnpmstart接下来,你可以使用React组件来
由于直接提供完整的大型项目代码(如购物商城)在单一回答中是不切实际的,我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端(如HTML/CSS/JavaScript)和后端(
SigridFelix
前端 html css
前端(HTML/CSS/JavaScript)dz61.comHTML:创建基础的页面结构,如主页、商品列表页、购物车页和结账页。html我的购物商城欢迎来到我的购物商城商品列表购物车CSS:简单的样式表,用于美化页面。css/*styles.css*/body{font-family:Arial,sans-serif;}h1{color:#333;}ul{list-style-type:none
WAF相关知识及安全狗的部署和绕过_安全狗waf拦截规则
2401_86951318
安全 网络
2)工具检测二:安全狗使用指南(一)安全狗的下载(二)安全狗的安装(三)安全狗绕过一:WAF基础知识(一)WAF简介WAF即Web应用程序防火墙通过过滤和监视Web应用程序与Internet之间的HTTP通信来帮助保护Web应用程序,WebApplicationFirewall(WEB应用防护系统)。WAF与传统的Firewall(防火墙)不同,WAF针对的是应用层。WAF可以用来屏蔽常见的网站漏
基于web的订餐系统的设计与实现
AI大模型应用之禅
AI大模型与大数据 计算科学 神经计算 深度学习 神经网络 大数据 人工智能 大型语言模型 AI AGI LLM Java Python 架构设计 Agent RPA
基于web的订餐系统的设计与实现1.背景介绍随着互联网技术的迅猛发展,基于Web的应用系统在各行各业中得到了广泛应用。订餐系统作为餐饮行业的重要组成部分,极大地提升了用户的订餐体验和餐厅的运营效率。本文将详细探讨基于Web的订餐系统的设计与实现,旨在为读者提供一个全面的技术指南。2.核心概念与联系在设计和实现基于Web的订餐系统时,需要理解以下核心概念:2.1用户角色订餐系统涉及多个用户角色,包括
使用Python爬虫抓取与分析航班信息:从数据采集到应用的完整实践
Python爬虫项目
2025年爬虫实战项目 python selenium 自动化 爬虫 开发语言 php microsoft
目录:前言爬虫基础知识什么是爬虫?爬虫的工作原理爬虫的应用领域航班数据爬取的实际应用航班数据分析的重要性选择爬虫技术栈常见的爬虫框架与工具选择合适的工具:requestsvsSeleniumvsScrapy如何获取航班信息航班数据来源分析航班信息的结构与抓取目标爬虫抓取航班信息的步骤发送HTTP请求并获取航班数据使用Selenium抓取动态数据解析HTML页面并提取航班信息航班数据存储与处理存储抓
编写python 后端 vscode 安装插件大全
weixin_42113341
python vscode 开发语言
在使用VisualStudioCode(VSCode)进行Python开发,特别是涉及FastAPI、Django和Flask等Web框架时,安装合适的扩展插件可以显著提升开发效率和代码质量。以下是推荐的VSCode插件,涵盖了代码编辑、调试、格式化、版本控制、代码质量、框架支持等多个方面。为了方便阅读,插件被分为多个类别,并附有简要介绍。1.核心Python开发插件1.1Python(Micro
在线考试题库抓取:Python 爬虫抓取各类在线考试平台题库和试题
Python爬虫项目
2025年爬虫实战项目 python 爬虫 开发语言 网络爬虫
目录引言1.确定目标网站和分析网页结构示例网站:网页分析:2.安装必要的Python库3.编写爬虫代码3.1发送HTTP请求3.2解析HTML页面3.3存储数据4.处理分页抓取4.1分析分页规则5.反爬虫机制与应对策略5.1设置请求头5.2使用代理池5.3控制请求频率6.小结引言随着教育信息化的进程不断加快,在线考试逐渐成为了教育评估的主流形式之一。许多在线学习平台和考试平台为用户提供了海量的题库
1秒 vs. 60秒:Nginx如何让VR/AR内容分发快如闪电?
墨瑾轩
Nginx乐园 nginx vr ar
关注墨瑾轩,带你探索编程的奥秘!超萌技术攻略,轻松晋级编程高手技术宝库已备好,就等你来挖掘订阅墨瑾轩,智趣学习不孤单即刻启航,编程之旅更有趣虚拟现实(VR)和增强现实(AR)技术正以前所未有的速度改变着我们与数字世界互动的方式。然而,随着这些应用变得越来越复杂,对于快速加载和流畅交互的需求也日益增长。如何在不影响性能的前提下提供丰富的多媒体体验?答案或许就藏在Web服务器的技术革新之中。今天,我们
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
tomcat cms xml struts Opera
引用
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
java sql ibatis
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
AngularJS angular.extend AngularJS 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
ajaxFileUpload ie6 ie7 ie8 ie9
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
english word
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都不同
jsp input 回车键绑定 click enter
假设如题所示的事件为同一个,必须先把该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