前端库
前端库

Web前端开发标准规范

web前端开发规范的意义

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

一、命名规则

  • 命名使用英文语义化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！
  • 项目、目录、html/css/js等文件命名全部采用小写方式， 以下划线分隔。eg：my_project_name
  • html/css/js文件名一一对应参考微信小程序.eg: login.html、login.css、login.js
  • class、图片、视频、音频采用小写方式，以下划线或中划线分隔；eg：btn-play或btn_play
  • id可采用驼峰命名;eg：play或playGame
  • 变量名采用小写方式， 以下划线分隔；应为名词,eg： car,person
  • 函数名采用驼峰命名，以动词开始。 getName(), 返回类型是布尔类型，一般以is开头，eg: isEnable();
  • 变量和函数命名，不要担心长度，一定要语义化合乎逻辑。

二、注释

  • 页面头部需要添加制作时间等信息。

<head>    
    <title>页面名称</title>
     <!-- 月影 2019-02-19  -->
</head>
  • 功能模块，请在模块之间加入注释，中英文不做要求：

... 
 
<!-- 活动规则 开始  -->
<div class="rules-wrapper">
    <div class="rules-title">活动规则</div>
    <div class="rules-list">
        <div class="rules-item" v-for='item,index in rules_list'>
            <div class="rules-num">{{index+1}}</div>
            <div class="rules-text">{{item}}</div>
        </div>
    </div>
</div>
<!-- 活动规则 结束  -->
 ... 


/* rules start*/
.rules-wrapper{...}
.rules-title{...}
.rules-list{...}
.rules-item{...}
.rules-num{...}
.rules-text{...}
/* rules end*/
  • 自定义函数。请注明函数的调用方式，包括函数的用途、参数类型等。

/* JQ公告滚动 封装函数
* 参数说明
* obj : 动画的节点，本例中是ul
* top : 动画的高度，本例中是-35px;注意向上滚动是负数
* time : 动画的速度，即完成动画所用时间，本例中是500毫秒，即marginTop从0到-35px耗时500毫秒
* function : 回调函数，每次动画完成，marginTop归零，并把此时第一条信息添加到列表最后;
* 
*/
function noticeUp(obj,top,time) {
    $(obj).animate({
        marginTop: top
    }, time, function () {
        $(this).css({marginTop: "0"}).find(":first").appendTo(this);
    })
}
$(function () {
    // 调用 公告滚动函数
    setInterval("noticeUp('.notice ul','-35px',500)", 2000);

});

三、HTML规范

1、页面头部

  • 文档类型统一使用html5的doctype：
  • lang属性统一使用en，特殊场景特殊处理
  • 字符编码统一指定为'UTF-8'
  • 页面标题(Title)： 页面名称-产品中文全称-官方网站-腾讯游戏-产品slogan，28个汉字以内
  • 页面关键字(Keywords)： Keywords为产品名、专题名、专题相关名词，之间用英文半角逗号隔开
  • 页面描述(Description) ：不超过150个字符，描述内容要和页面内容相关。
  • IE兼容模式
  • 移动端禁止缩放

PC端头部示范：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 月影 2019-02-19  -->
    <title>抓金角银角大王每周末放送装备 - 地下城与勇士官方网站 - 腾讯游戏</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="keywords"
          content="英雄联盟,lol,lol新手礼包,lol攻略,lol视频,lol视频攻略,英雄资料,英雄联盟战争学院,明星解说视频,101战争学院,英雄,攻略,WCG,点亮图标,赛事"/>
    <meta name="description"
          content="英雄联盟官方网站，海量风格各异的英雄，丰富、便捷的物品合成系统，游戏内置的匹配、排行和竞技系统，独创的“召唤师”系统及技能、符文、天赋等系统组合，必将带你进入一个崭新而又丰富多彩的游戏世界。"/>
</head>
<body>
</body>
</html>

移动端头部示范：


 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 月影 2019-02-19  -->
    <title>页面名称-产品中文全称-官方网站-腾讯游戏-产品slogan</title>
    <!-- 禁止缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <!-- 为了防止页面数字被识别为电话号码，可根据实际需要添加： -->
    <meta name="format-detection" content="telephone=no">
    <!-- 让添加到主屏幕的网页再次打开时全屏展示，可添加： 删除默认的苹果工具栏和菜单栏  -->
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="Description" content="页面的描述内容"/>
    <meta name="Keywords" content="页面关键字"/>
    <!-- External CSS -->
    <link rel="stylesheet" href="demo.css">
    <!-- In-document CSS -->
    <style>

    </style>
</head>
<body>

<!-- External JS -->
<script src="demo.js"></script>

<!-- In-document JS -->
<script>

</script>
</body>
</html>

2、HTML标签

  • 标签必须合法且闭合、嵌套正确，标签名需小写
  • 自定义标签需要符合语义化，必须小写
  • 标签的自定义属性以data-开头，后面跟小写单词，多单词使用下划线连接如：
  • 缩进使用Tab键不要使用空格键，webstorm中使用快捷键command+option+L（Ctrl+Alt+L）对齐
  • 引入CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。样式表在head中，JavaScript在body中

  • 标签中属性必须添加双引号（非单引号)，应该按照特定的顺序出现以保证易读性；属性顺序

    class
    id
    name
    data-*
    src, for, type, href, value , max-length, max, min, pattern
    placeholder, title, alt
    aria-*, role
    required, readonly, disabled
    class是为高可复用组件设计的，所以应处在第一位；
    id更加具体且应该尽量少使用，所以将它放在第二位。
  • boolean属性指不需要声明取值的属性，XHTML需要每个属性声明取值，但是HTML5并不需要；boolean属性的存在表示取值为true，不存在则表示取值为false。

参考
Code Guide by @AlloyTeam
页面前端规范

来源：https://segmentfault.com/a/1190000018194697

你可能感兴趣的:(Web前端开发标准规范)

  • 《Java前端开发全栈指南：从Servlet到现代框架实战》
    前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • 【Python】邮件处理2 宅男很神经 python开发语言
    7.Pythonemail库深度解析：MIME邮件构建与解析的艺术在前面的章节中，我们深入探讨了电子邮件的底层协议（SMTP,POP3,IMAP）以及如何使用imaplib库从服务器接收和管理邮件。然而，邮件内容的实际格式和结构并非由这些传输协议定义，而是由MIME(MultipurposeInternetMailExtensions)标准规范。Python的email库是处理MIME格式邮件的强
  • Spring Boot类加载机制深度剖析 weixin_ab #类的加载机制java类加载
    SpringBoot类加载机制深度剖析：从可执行Jar到自动配置的实现原理SpringBoot通过对Java类加载机制的定制化扩展，实现了可执行Jar包运行、自动配置、热部署等核心特性。其类加载机制既保留了JVM标准规范，又针对微服务架构和嵌入式容器进行了优化，以下从架构设计、核心组件、典型场景到源码实现展开深度解析。一、SpringBoot类加载器体系架构（对比独立Tomcat）1.简化的两层类
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • 大学专业科普 | 计算机应用、视觉与算法 鸭鸭鸭进京赶烤 计算机应用
    一、专业概述计算机应用专业是一门实践性很强的学科，专注于将计算机技术转化为实际应用，服务于各个行业和领域，为社会的数字化转型提供人才支撑。二、课程设置专业基础课程：包括计算机组成原理、操作系统、数据结构、计算机网络等，为学生构建坚实的理论基础。专业核心课程：聚焦于程序设计语言（如C、C++、Java、Python等）、数据库原理与应用、软件工程、Web前端开发等，使学生具备开发各类软件系统的能力。
  • 【信息安全管理与评估】2024年浙江省职业院校技能大赛高职组“信息安全管理与评估”赛项规程 2401_84302369 程序员web安全网络安全
    赛项归属产业：电子信息大类二、竞赛目的（一）引领教学改革通过本项目竞赛让参赛选手熟悉世界技能大赛网络安全项目的职业标准规范，检验参赛选手网络组建和安全运维、安全审计、网络安全应急响应、数字取证调查、应用程序安全和网络攻防渗透能力，检验参赛队计划组织和团队协作等综合职业素养，强调学生创新能力和实践能力培养，提升学生职业能力和就业质量。（二）强化专业建设该赛项衔接国家信息安全技术应用高职专业标准，竞赛
  • RJ45 网口实现千兆传输速率（1Gbps）的原理，涉及物理层传输技术、线缆标准、信号调制及网络协议等多方面的协同设计。以下从技术维度展开详细解析： Hqst88888 网络协议arm开发网络
    一、千兆以太网的标准与物理层基础1.标准规范千兆以太网遵循IEEE802.3ab（针对双绞线）和IEEE802.3z（针对光纤）标准，其中RJ45接口对应双绞线场景，核心是通过四对双绞线（CAT5e/CAT6线缆）实现全双工传输。2.线缆与接口的物理设计RJ45接口结构：8针脚（8P8C），对应四对双绞线（4对×2芯），每对线缆负责特定方向的信号传输。线缆标准要求：CAT5e线缆：绞合密度更高，衰
  • Java面向对象编程精髓：从理论到实战的蜕变之路 [特殊字符] 真实的菜 javajava开发语言
    Java面向对象编程精髓：从理论到实战的蜕变之路文章目录Java面向对象编程精髓：从理论到实战的蜕变之路@[toc]前言：宝子们，准备好卷起来了吗？一、类与对象：汽车工厂的完美类比1.1什么是类？什么是对象？1.2创建对象：汽车下线啦！二、抽象类vs接口：汽车标准的两种定义方式2.1抽象类：半成品汽车2.2接口：汽车标准规范2.3抽象类vs接口：到底选哪个？三、实战案例：学生管理系统的工厂模式重构
  • JPA全面指南：使用步骤、语法详解与实战案例 cyc&阿灿 javamysqlsql
    一、JPA概述与核心概念1.1什么是JPA？JavaPersistenceAPI（JPA）是JavaEE和JavaSE平台上的ORM（对象关系映射）标准规范，它简化了Java应用程序与数据库的交互过程。JPA不是具体的实现，而是一套接口规范，常见的实现框架有Hibernate、EclipseLink等。1.2JPA核心组件Entity（实体）：映射到数据库表的Java类EntityManager：
  • 基于MCP的桥梁设计规范智能解析与校审系统构建实践 熊猫钓鱼>_> MCP腾讯云设计规范easyui前端
    引言今天本文准备盘一个大活，聊一聊偏特定行业一点的AI技术深入应用思考及实践。一、传统设计行业项目背景与行业痛点在桥梁设计领域，标准规范是设计的基础，直接关系到桥梁结构的安全性、耐久性和经济性。然而，传统的规范应用方式存在诸多痛点，如查找效率低下、条款理解偏差、规范更新滞后等问题。随着人工智能技术的发展，利用自然语言处理和知识图谱等技术手段，对桥梁设计规范进行智能解析与校审，成为提升设计效率和准确
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • 5G 网络中 DRX（非连续接收）技术深度解析 码农老gou 5G5GC5G网络
    摘要本文深入解析5G网络中的DRX（非连续接收）技术，从基本概念、工作原理、参数配置到性能优化进行全面阐述。结合3GPP标准规范与实际网络部署案例，详细分析DRX在5G网络中的实现机制及其对UE功耗和网络效率的影响，为5G网络优化与终端设计提供技术参考。一、DRX技术概述1.1定义与核心目标DRX（DiscontinuousReception，非连续接收）是一种允许UE（用户设备）周期性休眠的机制
  • 5G 核心网中 NF 选择机制：基于优先级、权重与负载分担的策略解析 码农老gou 5G5GC5G开发语言
    摘要本文深入探讨5G核心网中网络功能（NF）选择的核心机制，详细解析基于优先级、权重和负载分担的选择策略及其在实际网络中的应用场景。通过剖析3GPP标准规范与具体实现方案，揭示NF选择如何实现网络资源的高效分配、保障业务连续性与提升用户体验，为5G网络优化与部署提供全面的技术参考。一、引言5G核心网采用服务化架构（SBA，Service-BasedArchitecture），将传统网元功能拆分为多
  • DeepSeek赋能智慧国土：提升国土空间治理效率，开启智能治理新时代 百家方案 解决方案大数据人工智能DeepSeekAI大模型智慧国土
    在数字化转型的浪潮中，智慧国土正成为提升国土空间治理效率、优化资源利用、保障生态安全的关键领域。DeepSeek作为前沿的人工智能技术，凭借其强大的多模态处理能力、智能决策支持和数据分析能力，正在为智慧国土注入新的活力，推动国土管理从传统模式向智能化、高效化方向转变。智慧国土标准规范及顶层设计指南、整体解决方案及售前PPT、产品视频演示、国土资源知识、国土云与不动产登记论坛PPT等全套110份文件
  • AUTOSAR图解==＞AUTOSAR_SRS_FreeRunningTimer KaiGer666 图解AUTOSAR_CPAUTOSAR嵌入式汽车单片机
    AUTOSAR自由运行定时器(FreeRunningTimer)技术详解基于AUTOSAR标准规范SRS的自由运行定时器详细解析目录1.概述1.1文档目的1.2自由运行定时器介绍1.3约束与限制2.架构设计2.1自由运行定时器架构2.2组件关系3.状态管理3.1状态转换图3.2状态描述4.类与接口设计4.1配置类4.2接口定义5.交互流程5.1初始化流程5.2计时流程5.3终止流程6.总结1.概述
  • 前端面试题之常规布局技术详解 前端小崔 前端前端面试开发语言css3css学习
    前端开发常规布局技术详解在Web前端开发中，布局是构建页面结构的核心环节。不同的布局方式适用于不同的场景，本文将从基础到进阶，详细解析常见的布局方案及其实现方法。一、静态布局（StaticLayout）概念：静态布局是最传统的布局方式，页面元素使用固定尺寸（如像素单位），不随屏幕尺寸变化而调整。例如，PC端网页常限制最小宽度，超出部分通过滚动条显示。优点：开发简单，兼容性高，适合传统PC端项目。缺
  • Web前端开发【新手入门指南】 「已注销」 计算机网络web前端前端开发网络学习计算机网络前端前端框架html5javascript
    Web前端开发入行门槛低、薪资高，是互联网行业的紧俏岗位之一。目前Web前端开发人员年薪基本都在10万以上，一线城市的薪资会更高，这也吸引了很多人进入Web前端行业。对于完全不了解行业的人来说，他们对Web前端知之甚少。下面小菌就给大家解读一下Web前端开发到底是干什么的，初学Web前端的小伙伴不容错过。Web前端开发主要用来干嘛？Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在
  • 【信息系统项目管理师】第24章：法律法规与标准规范 - 27个经典题目及详解 数据知道 信息系统项目管理师高项法律法规与标准规范
    更多内容请见：备考信息系统项目管理师-专栏介绍和目录文章目录【第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题】【第1题】在（）时，可以不进行招标
  • 备考1+X web前端开发-中级综合测试题-个人错题解析记录 混世黑化大魔王 1+Xweb前端开发中级综合测试题个人错题解析记录前端
    1+Xweb前端开发-中级综合测试题-错题解析记录11.在php中，语句for(k=0;k=1;k++);和语句for(k=0;k==1;k++);执行的次数分别是（A）A、0和无限B、无限和0C、都是0D、都是无限关键在中间的那个条件（1）语句for(k=0;k=1;k++);$k=1;是赋值，最后就是1，一般判断条件为真假是和0做比较，0为假，非0为真，所以1就是真，符合条件，所以k被赋值0，
  • web前端 java前端_web前端和Java后端有什么区别？ weixin_39534395 web前端java前端
    一、前端(Frontend)1、对于web前端来说，通常是指网站的前台部分，包括网站的表现层和结构层：Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。2、前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。3、Web前端开发：HTML+CSS+JavaScriptAndroid终端开发：Java(开发工具：Androidstud
  • html5 vue react,Web前端技术（JS，HTML5，JQuery，React，Vue.js） Partfolio html5vuereact
    Web前端框架概览Web前端技术架构：展示层：html，css控制层：JavaScript后端服务接口：ajax，restful，node.jsWeb前端运行原理解析Web前端当前开发趋势典型的web前端开发框架：jQuery、BootstrapVueReactJSWeb前端框架实现原理主流JS框架实现剖析：jQuery、Vue，ReactJS，Node.JS浏览器工作原理JavaScript对象
  • tcs标准编写软件_tcs2010下载-tcs2010(中国标准编写模板) 免费版 - 河东下载站 weixin_39601642 tcs标准编写软件
    tcs2010是一款标准规范编辑软件，可以让通过本软件更快完成规范内容编辑以及排版，其实国家规范、行业规范等文书的编辑模式都是差不多的，排版的样式基本通用，如果你需要定制一份规范，不妨使用这款模板编辑文字内容，这样可以减少您设置书面格式以及前言、附录、说明等内容的时间；tcs2010(中国标准编写模板)在主界面上提供了很多编辑的内容，标题样式、脚注、项目、附录、文献等排版都是可以直接添加的，您只需
  • AUTOSAR图解==＞AUTOSAR_SWS_ICUDriver KaiGer666 图解AUTOSAR_CPAUTOSAR嵌入式汽车单片机
    AUTOSARICU驱动程序详解基于AUTOSAR标准规范的ICU驱动程序架构、状态转换与配置分析目录概述1.1ICU驱动程序的作用与定位1.2适用范围架构设计2.1层次结构2.2模块关系状态管理3.1状态模型3.2状态转换3.3功能状态配置结构4.1数据类型4.2配置参数4.3配置示例操作时序5.1初始化流程5.2信号捕获流程5.3休眠与唤醒流程API接口6.1核心功能函数6.2通知机制总结1.
  • 【FMC216】基于 VITA57.1 的 2 路 TLK2711 发送、2 路 TLK2711 接收 FMC 子卡模块 北京青翼科技 fpga开发
    产品概述FMC216是一款基于VITA57.1标准规范的2路TLK2711接收、2路TLK2711发送FMC子卡模块。该板卡支持2路TLK2711数据的收发，支持线速率1.6Gbps，经过TLK2711高速串行收发器，可以将1.6Gbps的高速串行数据解串为16位并行数据以及一路随路时钟，通过FMC连接器送入FPGA载板。同时也可以将FPGA载板通过FMC发送过来的16位并行数据串化，转成1路高达
  • web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、 Penk是个码农 前端面试题html面试前端
    web前端面试本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处文章目录web前端面试前言HTML兼容性CSS兼容性JavaScript兼容性前言不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。HTML兼容性h5新标签只能兼容到ie9，如果想要兼容ie低版
  • 深入浅出 JDBC 与数据库连接池 笨蛋不要掉眼泪 数据库jdkjavaspringmysql
    在Java开发中，与数据库进行交互是几乎每个项目都离不开的功能。JDBC（JavaDataBaseConnectivity）作为Java操作数据库的标准规范，为开发者提供了底层的数据库访问支持。而数据库连接池则是提高数据库操作效率和性能的重要工具。本文将结合实际代码示例，带你深入浅出地了解JDBC和数据库连接池的知识与应用。一、JDBC基础入门（一）JDBC简介JDBC是一组JavaAPI，它允许
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他