web前端开发规范

web前端开发规范

麦子学院何虎老师的开发web前端开发规范课程笔记

web前端开发规范的意义

1、提高团队的协作能力 
2、提高代码的复用利用率 
3、可以写出质量更高，效率更好的代码 
4、为后期维护提供更好的支持

规范

1、命名规则 
2、文件存放位置规范 
3、css书写规范 
4、html代码书写规范 
5、JavaScript书写及实用规范 
6、图片规范 
7、注释规范 
8、兼容性规范 
9、开发测试约定及实用工具规范

1、html 的命名规则

1、文件名称命名规则 
统一用小写英文字母、数字、和下划线组合，不得包含汉字（转义问题）空格（）和特殊字符（）。 
原则： 
方便理解 
方便查找 
2、索引文件命名原则 
3、各子页面命名原则 
统一用翻译的英文名称 
统一用拼音命名 
注意：不要用英语拼音混用

2、图片 的命名规则

常规命名： 
放置在页面顶部的广告、装饰图案等长方形的图片取名：banner 
标志性的图片取名为：logo 
在页面上位置不固定并且带有连接的小图片我们取名为button 
在页面上一个位置连续出现，性质相同的连接栏目的图片我们取名为：menu 
装饰用的照片我们取名;pic  
不带连接表示标题的图片我们取名：title

3、脚本文件 的命名规则

一般使用脚本功能的英文小写缩写命名： 
实际模块： 
例如： 
广告条的JavaScript文件名为ad.js 
弹出窗口的JavaScript文件名为pop.js 
共用模块： 
js文件名;英文命名，后缀js，共用common,js 
外部资源： 
jQuery.min.js 
jquery.date.js 
动态语言文件命名原则：见名知意 
以性质描述，描述可以有多个单词，用“”隔开，性质一般是该页面的概要 
register_form.aspx 
register_post.aspx 
topic_lock.aspx

4、文件存放位置规范

文件夹说明： 
flash存放flash文件 
images存放图片文件‘ 
Inc存放include文件 
library存放DW库文件 
media存放多媒体文件 
script存放JavaScript脚本 
css存放css文件

5、css的3中基本类型

css 
css指层叠样式表 
样式通常存储在样式表中 
把样式添加到html4.0中，是为了解决内容表现分离的问题 
外部样式表可以极大的提高工作效率 
外部样式表通常存储在css文件中 
多个样式定义可层叠为一

1、重新定义html样式 
影响全部的被设定标签样式 
用于统一网页中某一标签的样式定义 
2、链接状态样式 
链接状态样式为设计师对链接不同状态设定特殊样式，影响被使用样本区域中的链接 
a.nav:link(中间无空格) 、.nav a:link  
第一种只能修饰所有包含有标签  
第二种可以修饰所有包含有标签的其他标签 
3、自定义样式 
样式为设计师自定义的新css样式，影响被使用本样式的区域，用于完成网页中局部的样式设定。 
样式名：”.” + “相应样式效果描述的单词或缩写”例如：”.shadow” 
文字样式名 “.no”+”字号”+”行距”+”颜色缩写” 例如：”.no12 ” “.no12_24 “

6、class与ID的使用规范

区别： 
ID在页面中有且只能有一个。所以使用ID表示的css样式只能表示一个元素的样式 
class在一个页面中可以有多个，也就是说定义一个css样式后，可以有多个元素引用这个class 
书写方式： 
id的书写样式：#title{font-size:18px;color:#333;} 
class的书写方式：.title{font-size:18px;color:#333;} 
命名注意： 
1、大的框架比如说header/footer/wrapper/left/right之类的由设计框架之人统一命名。 
其他样式名称由小写英文&数字&_来命名，避免使用中文拼音，尽量使用简易的单词组合； 
总之，命名要语义化，简明化。

7、css的命名规范

意义： 
规范的命名有助于提升团队开发效率 
规范的命名有助于后期产品的维护 
规范的命名有助于后期的二次开发 

8、head区域代码规范

必须加入的标签： 
搜索时候使用的关键字：

   <meta name="keywords"（关键字必须这么写） content="xxxx,xxxx,xxxx,xxxx"（里面填写搜索关键字）>

• 1

css

 <link href=".../css/style.css" rel="stylesheet" type="text/css"></link>

• 1

网页显示字符集： 
简体中文： 

 

繁体中文： 

 

英语： 

 

网页标题： 

 

可选加入的标签： 
公司的版权注释 

 

网页制作者信息 

网站简介

设定网页的到期时间。网页一旦过期，必须到服务器上重新调阅 

 

禁止浏览器从本地机的缓存中调阅页面内容

<meta http-equiv="pragma" content="no-cache">

• 1

用来防止别人在框架里调用你的页面

<meta http-equiv="window-target" content="_top">

• 1

自动跳转 //例如注册后跳转

<meta http-equiv="Refresh" content="5" url=http://www.baidu.com">

• 1

网页搜索机器人向导。用来告诉机器人哪些页面需要索引，哪些页面不需要索引 //搜索引擎 
收藏夹图标 
所有的JavaScript的调用尽量采取外部调用

9、字体规范

在设定字体样式时对于文字字号样式和行间距应必须使用css样式表。 
禁止在页面中出现标记

字体大小： 
在网页中应首选使用宋体。英文和数字首选使用verdana和Arial两种字体。一般使用中文宋体的9pt和11pt或者12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7的字号比较合适。 
为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用
来人工干预分段 
不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号除外，汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。 
请不要在网页中国连续出现多余一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应尽量使用text-indent，pandding,margin，hspace,vspace以及透明的GIF图片来实现。

行距建议用百分比来定义，常用的两个行距值时line-height：120%/150% 
排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上一个

 
标记，注意，一般情况下，请不要省略

结束标记。

10、连接和表格使用规范

链接： 
1、网站中链接路径全部采用相对路径 
2、一般链接到某一目录下的缺省文件的连接路径不必写全名 
例如：而应该这样： 
3、在浏览器里，当我们点击空连接时，他会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们用代码 
“JavaScript：void(null)”代替原来的“#”标记 
表格： 
1、尽量避免表格嵌套过多 
后果会对浏览器加载延长时间，带来不友好的用户体验 
2、在写

互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，

缩进两个半角空格，

中如果还有嵌套的表格,也缩进两个半角空格。如果结束标记应该与 处于同一行，不要换行。 11、下载和浏览速度控制 意义：  考虑下载速度，以及页面浏览速度是web前端必须考虑的。页面的浏览速度越快，用户体验效果越好。  文件下载可以通过a标签的href指向路径直接实现  图片下载则直接在网页中展示。如何解决？asp.net输出文件流的形式可以直接下载，后台实现。jsp  下载实例： <h1>通过连接下载文件h1> <a href="/day06/download/cors.zip">压缩包a> <a href=''day06/download/1.png ''>图片a> <h1>通过连接下载文件h1> <a href="/day06/ServletDownLoad?filename=cors.zip">压缩包a> <a href=''day06/ServletDownLoad?filename=1.png ''>图片a> 1 2 3 4 5 6 注意规范：  1、首页flash网页大小应限定在200k以下，尽可能的使用矢量图形和action来减小动画大小。  2、非首页静态页面含图片大小应限定在70k左右，尽可能的使用背景颜色替换大块同色图片。  能够用背景色替代图片尽量用背景色，尽量且小图片进行平铺 12、嵌套include和iframe 说明：  页面嵌套在另一个页面中  意义：  如果多个页面都需要这个模块，可以才有嵌套的方式，方便后期的维护也就是维护一个页面，就可以同时改变多个页面的效果  include  include是ssi（server side include）  jsp <%@include file=”…/inc/index_top.jsp”%>  htm  你可能感兴趣的:(html5) html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作 律保阁-Michael html5中css的含义 HTML5+CSS+JavaScript网页设计与制作编辑锁定讨论上传视频《HTML5+CSS+JavaScript网页设计与制作》是2019年4月清华大学出版社出版的图书，作者是彭进香、张茂红、王玉娟、叶娟、孙秀娟、万幸、刘英。书名HTML5+CSS+JavaScript网页设计与制作作者彭进香张茂红王玉娟叶娟作者孙秀娟展开作者孙秀娟万幸刘英收起出版社清华大学出版社出版时间2019年4月定价48 HTML5的新增标签有哪些？ 「已注销」 HTML5 2019-07-3009:46我们都知道，想要成为一名合格的前端开发人员，掌握好HTML5是一个重要的先决条件，相比较于HTML，HTML5中新增了许多功能标签，那么这么标签都有哪些呢？格式：定义文本的文本方向，使其脱离其周围文本的方向设置。定义有记号的文本。定义预定义范围内的度量。定义任何类型的任务的进度。定义若浏览器不支持ruby元素显示的内容。定义ruby注释的解释。定义ruby注释。定义日 1 html5-新标签 xiaolongyu3 前端新学html5前端html 年龄稍大一点的码农可能见证了html的发展，亲历了头声明的变化，但是现在起步就是html5,那么html有哪些不为大家常用的新东西呢，这一章我先来谈谈这个问题。1dialog标签——弹窗标签。弹窗可能前端一路走来，见过很多。甚至现在我们在用各种UI库的时候这个弹窗也是必须的一个功能。这个标签支持的api:show:展示弹窗框，采用决定定位，showModal:展示弹窗，并带有遮罩，采用了一个特殊的 HTMl5新增特性有哪些？ 番茄牛腩汤 大数据 (1)新增了语义化标签(2)新增了音频视频标签(3)新增了canvas和svg绘图(4)新增了地理定位（navigator.geolocation）(5)新增了拖拽API(drapable)(6)新增了多线程技术webworker(7)新增了即时通讯websocket HTML5 新特性有哪些？ IT木昜 大白话前端面试题html5前端html HTML5新特性，你知道几个？语义化标签：HTML5引入了一系列语义化标签，比如代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；用来划分页面的不同区域，像一个商场里不同的楼层分区；代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰 Spring WebSocket 快速示例 oscar999 SpringBoot实战开发大全springwebsocketjava WebSocket是什么？WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于TCP的协议），它实现了浏览器与服务器之间的全双工通信，能够更好地节省服务器资源和带宽，并达到实时通讯的目的。WebSocket是一个持久化的协议，一旦建立连接，双方可以持续进行数据传输，直到连接被关闭。Spring中如何实现WebSocketSpringWebSocket提供了一种在Sp HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频 、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化） 童小纯 前端系列---从入门到深化css3html5 作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录容器元素（div）学习效果反馈HTM html5新增的标签有哪些 北原_春希 html5前端html HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。 html5节点元素 augenstern416 html5前端html HTML5引入了许多新的节点元素，这些元素使得开发者能够更清晰地定义和结构化网页内容。以下是一些主要的HTML5节点元素及其使用场景：1.描述：用于标记文档中的区段或段落，如文档的章节、页眉、页脚等。使用场景：当需要将内容分段或分区时，可以使用元素。每个元素应该有其独立的标题，这个标题通常使用到元素来定义。2.描述：表示页面中的导航链接部分。使用场景：当需要将具有导航性质的链接归纳在一个区域时，可 【fastapi】WEB框架内实现SSE服务，后端主动推送消息到前端 Biggee Lucloner fastapi前端 sse技术简介SSE（Server-SentEvents）是一种允许服务器向客户端浏览器推送信息的技术。它是HTML5的一部分，专门用于建立一个单向的从服务器到客户端的通信连接。SSE的使用场景非常广泛，包括实时消息推送、实时通知更新等。严格地说，HTTP无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。也就是说，发送的不是一次 《DNK210使用指南 -CanMV版 V1.0》第四十七章 MNIST实验 嵌入式编程开源产品程序员 第四十七章MNIST实验1）实验平台：正点原子DNK210开发板2）章节摘自【正点原子】DNK210使用指南-CanMV版V1.03）购买链接：https://detail.tmall.com/item.htm?&id=7828013987504）全套实验源码+手册+视频下载地址：http://www.openedv.com/docs/boards/k210/ATK-DNK210.html5）正点 html5 二进制数据解析,JavaScript读写二进制数据的方法详解 如果有片海 html5二进制数据解析 前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J html5+ push-消息推送 代码简单说 html5+h5+muijs推送打包app push-消息推送Push模块管理推送消息功能，可以实现在线、离线的消息推送，通过plus.push可获取推送消息管理对象。方法：addEventListener:添加推送消息事件监听器clear:清空所有推送消息createMessage:创建本地消息getAllMessage:获取所有推送消息getClientInfo:获取客户端推送标识信息setAutoNotification:设置程序是否 如何使用Vue3创建在线三维模型展示？ ScriptEcho 前端 本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3. Python如何播放本地音乐并在web页面播放 玩人工智能的辣条哥 开源项目AISphereButlerpython前端开发语言 环境：Python问题描述：Python如何播放本地音乐并在web页面播放解决方案：要在Python中播放本地音乐并在Web页面中播放，您可以采用两种不同的方法：一种是在服务器端使用Python播放音频文件，另一种是创建一个Web应用程序，在客户端通过HTML5的标签来播放音频文件。下面我将分别介绍这两种方法。方法1:使用Python播放本地音乐如果您只是想在服务器端（例如在开发环境中）播放本地音 video 标签实现进度条不可拖动，并监听观看状态、超时触发挂机验证 牡丹城沉静的萝卜 html5前端javascript 需求：用户观看视频时，实时监听观看状态，超过一定时长后，触发挂机验证，并禁止拖动滚动条快进查看。技术：主要是用html5的vidoe标签做的，用到了自带的暂停（pause）、播放（play）、监听（timeupdate）等事件html：javascript：data(){return{videoUrl:'',video:{currTime:'',maxTime:'',tipsTime:0,//出现 Ajax基础学习 喜欢代码的新之助 ajax学习okhttp AJAX浏览器本身就具备网络通信的能力，但在早期浏览器并没有把这个能力开放给JS最早是微软在IE浏览器中把这一能力向JS开放，让JS可以在代码中实现发送请求，这项技术在2005年被正式命名为AJAX（AsynchronousJavascriptAndXML）这套API主要依靠一个构造函数完成；该构造函数的名称为XMLHttpRequest，简称为XHR由于XHRAPI有着诸多缺陷，在HTML5和E HTML5 起步 强强学习 html5前端html HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好 canvas 添加html元素,给canvas添加内容 云舞空城 canvas添加html元素 画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML5页面添加canvas元素。规定元素的id、宽度和高度：通过JavaScript来绘制canvas元素本身是没有canvas画布与画布内容都缩小如何实现?如何将canvas复制给另外一个canvascanvas怎么根据坐标获取上面的内容html5canvas清除 HTML5新特性 augenstern416 HTMlhtml前端 1.声明方式修改html5：2.更多的语义化标签header（网页头部）footer（网页尾部）aside（侧边栏）section（内容区域块）3.新的input表单输入类型与属性类型邮箱数值输入文件导入上传本地文件，需js代码配合。如果需要上传多个文件，给表单添加mulitiple属性。如果上传图片，给表单添加enctype属性。constmyFile=document.getElementBy html5游戏引擎-Pharse.js学习笔记（一） 18520195858 游戏javascriptc/c++ViewUI 1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco 高级前端工程师Vue面试题 盼盼盼 面试题前端前端 HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl html5 判断长按操作,移动端h5模拟长按事件 weixin_39933414 html5判断长按操作 1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo HTML5(十二)——一文读懂 WebSocket 原理 m0_70646989 Web前端经验分享前端前端框架 二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（ 一文读懂Websocket 渣渣高 websocketjavascript前端网络协议 系列文章目录提示：通过本章节的学习，你想深入了解什么是websocket。文章目录系列文章目录前言一、Websocket是什么？二、如何使用Websocket前端创建流程后端创建流程websocket应用场景:websocket缺点:websocket总结:前言提示：这里可以添加本文要记录的大概内容：例如：websocket是html5新增的全双工通讯协议，基于Tcp协议，属于应用层协议。提示：以 网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript) 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptHTML学生个人网页设计课程设计网页设计与制作成品 ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤ 【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面) 二挡起步 web前端期末大作业web设计网页规划与设计htmlhtml5css课程设计HTML学生个人网页设计javascript网页设计作业 文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、‍网站题目‍学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计，采用DIV+C 基于自定义WebView实现H5混合开发 小二李 FlutterFlutter组件封装flutterwebview pubspec.yaml添加webview插件flutter_webview_plugin:^0.4.0webview.dart基于webview的组件封装constCATCH_URLS=['m.ctrip.com/','m.ctrip.com/html5/','m.ctrip.com/html5'];classWebViewextendsStatefulWidget{finalStringurl 混合开发框架整理：使用Crosswalk + WebViewJavascriptBridge进行混合开发 hwj3747 Android混合开发androidhtml5javascriptjqueryhtml 作者:hwj3747转载请注明Crosswalk介绍目前APP的开发模式大多基于H5+原生壳的开发模式，这时候使用到的WebView的性能就至关重要。我们知道，Android平台上，系统的碎片化比较严重，同Android版本的WebView的H5解析能力也有较大差异，导致相应的HTML5应用一致性难以保证。所以在做混合开发的时候，对Android系统的适配是一个比较麻烦的问题。这个时候，如果能在我 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵 package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟 单例（Singleton）模式 aoyouzi 单例模式Singleton 3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2 [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源       现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=& Struts2实现单个/多个文件上传和下载 oloz 文件上传struts struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo 推荐10个在线logo设计网站 362217990 logo 在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht jsp上传文件 香水浓 jspfileupload 1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer 框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android 我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas. 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring 统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor Android SDK 国内镜像 BigBird2012 android sdk 一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize 一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存 [Maven学习笔记二]Maven命令 bit1129 maven mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs 【Java命令二】jhat bit1129 Java命令 jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47 进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料 网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试 import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么 struts2获得request、session、application方式 chiangfai application 1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp 改变python的默认语言设置 chenchao051 python import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n mysql导入数据load data infile用法 daizj mysql导入数据 我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel 跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type" 22岁到72岁的男人对女人的要求 dcj3sjt126com 22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独 Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型 A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。 NoSql 数据库的特性比较 geeksun NoSQL Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx 转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下 spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf 视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射 hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 * Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本 作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga 开发环境搭建 独浮云 eclipsejdktomcat        最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n 操作日期和时间的工具类 vipbooks 工具类    大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他 首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉 版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.