Ailsa-show
Ailsa-show

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)

  • html5 websocket 手机,websocket在h5上正常，编译到手机上就连不上 猫研所 html5websocket手机
    对接的网易云信微信IMSDK，在h5上能建立起连接，在手机端不行，截图是h5的链接，下面是app的日志：20:10:34.247连接websocket参数"wss://wlnimsc0.netease.im/socket.io/1/websocket/378166b5-af18-4372-a0a5-05aee5a1d882"atuni-app:///sdk/yunxin-wx/vendors/NI
  • HTML5球体下落粒子爆炸特效 酷爱码 htmlhtml5前端html
    HTML5球体下落粒子爆炸特效，源码由HTML+CSS+JS组成，双击html文件可以本地运行效果，也可以上传到服务器里面下载地址HTML5球体下落粒子爆炸特效
  • 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子 weixin_39905500
    1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction：决定项目的排列方向，默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
  • 对网站开发感兴趣？想要看顶级大佬是怎么做的？ CCSBRIDGE html5
    前言有的人喜欢造轮子，有的人讨厌重复造轮子。萝卜白菜，各有所好。我收集了一些一看就觉得很厉害的项目公主/王子请享用https://github.com/h5bp/html5-boilerplate简介：HTML5Boilerplate是一个专业的前端模板，用于构建快速、强大且适应性强的Web应用程序或网站。该项目是十多年迭代开发和社区知识的产物。它没有强加特定的开发理念或框架，因此您可以按照自己想
  • 腾讯文档嵌入html5,基于腾讯TBS 实现应用内打开并浏览Office文件 炎火鱼 腾讯文档嵌入html5
    配置：下载sdk,并导入jar文件和so文件导入jar文件.png导入so文件.pngandroid{...defaultConfig{...//这里比较坑，当时用极光推送把64位的ndk库也加上了，x5内核初始化一直失败//这里要去掉所有64位库，x5内核才能加载成功ndk{abiFilters"a
  • 3 HTML5 svg 官清岁月
    SVG:ScalableVectorGraphics;//可缩放矢量图形->svg图像放大情况下图形质量不会损失(失真)；-->应用场景：图表、动画、矢量图(点/线/面,形成的基本图形)、常用于制作图标icon1、canvas与svg的区别：(1).canvas是由像素点构成的，其依赖分辨率，其放大后会"失真"；其通过js来绘制2D图形，常用来制作游戏、图表(运行速度快)；(2).svg是由图形(
  • 【Rust】——Vector集合 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    个人专栏：算法设计与分析：算法设计与分析_IT闫的博客-CSDN博客Java基础：Java基础_IT闫的博客-CSDN博客c语言：c语言_IT闫的博客-CSDN博客MySQL：数据结构_IT闫的博客-CSDN博客数据结构：数据结构_IT闫的博客-CSDN博客C++：C++_IT闫的博客-CSDN博客C51单片机：C51单片机（STC89C516）_IT闫的博客-CSDN博客基于HTML5的网页设计
  • HTML5+CSS3小实例：3D分层图像悬停效果 艾恩小灰灰
    实例：3D分层图像悬停效果技术栈：HTML+CSS效果：源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
  • HTML—基本介绍 Black—slience html前端
    HTML是一种超文本标记语言(HyperTextMarkupLanguage)，用于创建网页的标记语言超文本：是指页面内可以包含图片、链接、声音、视频等内容标记：HTML富含大量的标签供程序员使用，通过标记符号来规定指定内容的样式浏览器最终根据不同的HTML标签，解析成日常中所看到的网页HTML文件基本格式(HTML5版本)网页标题标签体闭合标签(封闭的区间)②自闭合标签，没有修饰的内容-->加粗
  • html5在不同浏览器兼容,HTML5浏览器兼容性解决方案 weixin_39732991 html5在不同浏览器兼容
    HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video标签和audio及canvas标记。而HTML5在取消了过时的显示效果标记和等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1.解决思路主流浏览器都兼容HTML5的新标签。
  • IntelliJ IDEA 的安装、配置与使用 坏孩子充电自习室 开发经验大数据
    一、IntelliJIDEA介绍–EclipseIBM1.JetBrains公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品，公司旗下还有其它产品，比如：WebStorm：用于开发JavaScript、HTML5、CSS3等前端技术；PyCharm：用于开发pythonPhpStorm：用于开发PHPRubyMine：用于开发
  • 植树节html5游戏,植树节活动 weixin_30193269 植树节html5游戏
    活动概述活动时间:3月10日至3月13日(以实际版本内活动日期为准)活动介绍:一年一度的植树节活动开始了，小伙伴们拿起小铲子，小水桶，今天勤劳来种树，明天不用吸雾霾！快来邀请你的小伙伴一同参与活动吧，开开心心植树节，还有神秘小礼物哦。不用谢谢我，我叫红领巾。活动NPC:应天府(093,128)红领巾活动一：播种希望活动时间:3月10日至3月13日(以实际版本内活动日期为准)活动说明:每一颗小树苗的
  • 什么是flash什么是html5？ html5
    如今，HTML5可谓如众星捧月一般，受到许多业内巨头的青睐。且不说谷歌、苹果等业内巨头把它描绘为互联网体验的未来，即便是以不服从标准著称的微软，也向它频频示好，决心在InternetExplorer9中加入对HTML5的大量支持。然而，HTML5的路途真的将一帆风顺么？本文将列举了一些在HTML5发展和普及过程中需要解决的问题。什么是HTML5？根据维基百科上的解释，HTML5的前身是WebApp
  • 关于HTML5表单验证的方法教程 猿小白klp htmlaxioshtml5前端html后端学习
    简介HTML5表单验证是一种在客户端对用户输入进行验证的方法，可以有效地减少对于服务器端验证的依赖。通过使用HTML5表单验证，可以为用户提供实时的错误提示和更好的用户体验。本教程将介绍如何在HTML5中使用各种验证属性和技术来实现表单验证。基本表单结构首先，我们来创建一个基本的表单结构，包括输入字段和提交按钮。以下是一个简单的例子：姓名：邮箱：密码：在上面的代码中，我们创建了一个包含姓名、邮箱和
  • qt textbrowser html5,QT textBrowser 使用 Enzo 恩佐 qttextbrowserhtml5
    sharedUserIdandroid:sharedUserIdsharedUserId的作用是让两个应用程序共享一个userid,我们都知道linux进程给每一个应用程序分配了一个独立的userid,所以如果两个或多...MATLAB代码加密生成.p文件代码就下面一句话:pcodeyourfile.m生成的yourfile.p就是你的加密文件,别人是看不到代码的,调用和m文件调用一
  • 移动端 H5 实现拍照功能的几种方法 忧郁的蛋~ 前端技术htmljavascript前端
    下面是实现移动端H5拍照功能的几种方法：1、使用：通过HTML5规范中的调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。实现移动端H5拍照功能的代码：在HTML中创建一个：2，在JavaScript中为该元素绑定change事件，并读取选择的图片文件：varinput=document.querySelector("input[type=file]");input.addEvent
  • websocket 实现原理和技术方案 静水流深，沧海一粟 浏览器APIwebsocket网络协议网络node前端javascript
    websocketWebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，用以取代轮询与长连接，使客户端浏览器具备像C/S框架下桌面系统的即使通讯能力websocket协议是建立在tcp协议之上的，建立连接需要三次握手。websocket协议的连接过程：客户端连接服务器（TCP/IP），三次握手，建立了连接通道客户端发送一个http格式的消息（特殊格式），服务器也响应一
  • React和Vue 中的 router 实现原理如何 xxq_0217 vue面试题react.jsvue.js前端前端框架
    React和Vue中的路由器（Router）实现原理类似，都是基于监听URL变化，然后根据不同的URL加载相应的组件或页面。下面是它们的一般实现原理：ReactRouter实现原理：HistoryAPI：ReactRouter使用HTML5HistoryAPI（pushState()和replaceState()方法）来操作浏览器的历史记录，从而实现无刷新页面的路由切换。监听URL变化：React
  • ionic3打包APP thisDong
    ionicionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。ionic是一个轻量的手机UI库，具有速度快，界面现代化
  • HTML5+CSS3小实例：有点小酷的input输入框动画 艾恩小灰灰
    HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。先看效果：源代码：您的姓名*{margin:0;padding:0;outline:none;/*这个是告诉浏览器：你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex;align-items:cen
  • pandas 数据载入、存储及文件格式(文本格式数据的读写—XML 和 HTML：网络抓取) 诗雨时 python
    文本格式数据的读写—XML和HTML：网络抓取pandas拥有很多可以对HTML和XML格式进行读取、写入数据的库，例如lxml（http://lxml.de）、BeautifulSoup和html5lib。尽管lxml是相对更快的库，但其他库可以更好地处理异常的HTML或XML文件。一、pandas.read_html解析HTMLpandas的内建函数read_html可以使用lxml和Beau
  • 微信朋友圈html5广告,微信朋友圈原生广告页是什么 张奕初 微信朋友圈html5广告
    最近腾讯公布了微信的广告首次，从官方数据来看，新版广告效果似乎非常好，对此官方也对新的广告形式做了定义，并且称为朋友圈原生广告页，到底是什么东西呢，看看下面介绍吧。一周前，腾讯公布了第二季度业绩报告，数据显示，微信和WeChat合并月活跃用户数达8.06亿，同比增长34%。微信广告收入达36.97亿，增长80%。提到朋友圈广告，细心的网友或许已经发现了，最近朋友圈诞生了一种全新的广告体验，点击的广
  • HTML5+CSS3小实例：广告灯牌效果的loading动画 艾恩小灰灰
    实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强 界面开发小八哥 DevExtreme界面控件UI开发devexpresshtml5
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • php mysql html5_HTML5&CSS3&JavaScript&PHP&MySQL学习笔记 Jakcwin phpmysqlhtml5
    1、在文字间添加一条水平线使用注意该符号不是成对出现的2、用来标记于段落中的较短引用，浏览器会在它之间的语句两端加上双引号。3、可以包含设计者的联系方式或者电话等。P444、链接是由百度一下产生，其中href指定要链接到的地址。P665、如果希望链接网页在新网页中打开，那么需要在第4点中设置target=”_blank”P756、当需要跳转到页面的某个位置时，可使用id属性。P767、新建一个Em
  • 编程笔记 html5&css&js 084 JavaScript 变量的作用域 明月看潮生 #html5css3javascript少年工程师青少年编程
    编程笔记html5&css&js084JavaScript变量的作用域一、全局作用域二、局部作用域（函数作用域）三、块级作用域（ES6引入）小结变量作用域是程序设计中一个重要的概念，它定义了变量在何处可以被访问和使用。在JavaScript中，主要有两种类型的作用域：全局作用域和局部作用域（包括函数作用域和块级作用域）。一、全局作用域全局作用域中的变量在整个脚本或应用程序中都是可见的，可以在任何地
  • java 进销存 销售报表 库存管理 商户管理 springmvc SSM crm 项目 非得起个昵称
    系统介绍：1.系统采用主流的SSM框架jspJSTLbootstraphtml5(PC浏览器使用)2.springmvc+spring4.3.7+mybaits3.3SSM普通javaweb（非maven,附赠pom.xml文件）数据库：mysql3.开发工具：myeclipseeclipseidea均可,没有限制.我这边myeclipse2014导出来的项目源码-----------------
  • 前端 webSocket 的使用 小刘先生很努力 前端websocket网络协议
    webSocket使用一、概念定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。例子：现在需要根据用户不同的输入来获取后端不同的数据，http请求的方式就是每次用户输入我就发送一个http请求。然而we
  • Vue-Router 官网速通 yqcoder 官网速通系列vue.jsjavascript前端
    前言：参考VueRouter，本文档例子使用vue3语法。一：介绍1.什么是VueRouter是Vue.js的官方路由。功能包括：1.路由映射。2.动态路由。3.路由配置。4.路由参数。5.过渡效果。6.导航控制。7.CSS类链接。8.HTML5模式。9.滚动行为。10.URL编码2.安装对于一个现有使用JS包管理的项目，添加VueRouter依赖：npminstallvue-router@4#o
  • HTML5学习（二） 学习不止，掉发不停 htmlhtml5学习前端
    目录1.字符集characterset2.标题标签3.段落和换行标签4.文本格式化标签5.和标签6.图像标签7.路径8.超链接标签9.锚点链接10.注释标签11.特殊字符1.字符集characterset字符集是多个字符的集合，在标签内，可以通过标签的charset属性来规定HTML文件用那种字符编码。UTF-8是万国码，基本包含所有国家需要用到的字符，这个一定要写，防止乱码情况。2.标题标签一共
  • 矩阵求逆（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