规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。 文件规范 文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。 HTML的命名原则 主页统一使用index.htm、index.html或index.asp文件名(小写) 各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。例如:
关于我们 --> aboutus 信息反馈 --> feedback 产品 --> product 如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示; 每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm、index.html或index.asp;
图片的命名原则 图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质 例如:广告、标志、菜单、按钮等等。 放置在页面顶部的广告、装饰图案等长方形的图片取名: banner 标志性的图片取名为: logo 在页面上位置不固定并且带有链接的小图片我们取名为 button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu 装饰用的照片我们取名: pic 不带链接表示标题的图片我们取名: title 范例:banner_sohu.png、banner_sina.png、menu_aboutus.png、menu_job.png、title_news.png、logo_police.png、 logo_national.png、pic_people.png 鼠标感应效果图片命名规范为"图片名+_+on/off"。 例如:menu1_on.png、menu1_off.png
javascript的命名原则 例如:广告条的javascript文件名为 ad.js 弹出窗口的javascript文件名为 pop.js
动态语言文件命名原则 以性质描述,描述可以有多个单词,用“ ”隔开,性质一般是该页面得概要。 范例:register_form.asp、register_post.asp、topic_lock.asp
文件存放位置规范 //项目目录(都不是必须存在的目录) cn 存放中文HTML文件 en 存放英文HTML文件 flash 存放Flash文件 images 存放图片文件 imagestudio 存放PSD源文件 flashstudio 存放flash源文件 inc 存放include文件 library 存放库文件 media 存放多媒体文件 project 存放工程项目资料 temp 存放客户原始资料 js 存放JavaScript脚本 css 存放CSS文件 CSS书写规范 基本原则:
CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。
自定义样式为设计师自定义的新CSS样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。样式名为“.”+“相应样式效果描述的单词或缩写”,例: .shadow,文字样式样式名为“.word”+“字号”+“行距”+“颜色缩写”,例:.word12、.word12-24、.word12-24-red 重新定义HTML样式为设计师重新定义已有的HTML标签样式,影响全部的被设定标签样式,用于统一网页中某一标签的样式定义。样式名为HTML标签,例:hr { border: 1px dotted #333333 } 链接状态样式为设计师对链接不同状态设定特殊样式,影响被使用本样式区域中的链接,该样式写法有2种:a.nav:link、nav.a:link,第一种只能修饰标签中;第二种可以修饰所有包含有 标签的其他标签。 页面内的样式加载必须用链接方式 注意细则:
协作开发及分工: Me(前端负责人,主开发人员,以下简称Me)会根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件, 分配给前端人员实现内部结构、表现、行为; 共用css文件base.css由Me书写, 协作开发过程中, 每个页面请务必都要引入, 此文件包含reset及头部底部样式, 此文件不可随意修改; class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id原则上都是由Me分发框架文件时命名的, 为JavaScript预留钩子的除外; 为JavaScript预留钩子的命名, 请以js_起始, 比如:js_hide、js_show; class与id命名: 大的框架命名比如header/footer/wrapper/left/right之类的在 2 中由Me统一命名.其他样式名称由 小写英文、数字、_来组合命名(不能以数字开头), 如i_comment, fontred, width200; 避免使用中文拼音, 尽量使用简易的单词组合; 总之, 命名要语义化, 简明化. 规避class与id命名(此条重要, 请及时与Me沟通): a、 通过从属写法规避, 示例见d; b、 取父级元素id/class命名部分命名, 示例见d; c、 重复使用率高的命名, 请以自己代号加下划线起始, 比如Me_clear; d、 a,b两条, 适用于在 2 中已建好框架的页面, 如, 要在 2 中已建好框架的页面代码
中加入新的div元素:
//按a命名法则
//样式写法
mainnav .firstnav{.......}
//按b命名法则
//样式写法 .main_firstnav{.......} css属性书写顺序, 建议遵循布局定位属性-->自身属性-->文本属性-->其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起. 属性列举: 布局定位属性主要包括: margin、padding、float(包括clear)、position(相应的 top,right,bottom,left)、display、visibility、overflow等;自身属性主要包括: width、height、background、border; 文本属性主要包括:font、color、text-align、text-decoration、text-indent等;其他属性包括: list-style(列表样式)、vertical-align、cursor、z-index(层叠顺序) 、zoom等,所列出的这些属性只是最常用到的, 并不代表全部; 书写代码前, 考虑并提高样式重复使用率; 充分利用html自身属性及样式继承原理减少代码量, 比如:,定义ul.list li{position:relative} ul.list li span{position:absolute; right:0},即可实现日期居右显示。 样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码; 背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作; 使用table标签时(尽量避免使用table标签), 请不要用width/height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现, 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;}, 一般base.css文件中Me会初始化表格样式) 用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’img/bg.png’); 避免兼容性属性的使用, 比如text-shadow、css3的相关属性; 减少使用影响性能的属性, 比如position:absolute、float; 必须为大区块样式添加注释, 小区块适量注释; 代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化Me会统一处理; 命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyright 滚动:scroll 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 注册:regsiter 状态:status 投票:vote 合作伙伴:partner
注释的写法: /* Footer / 内容区 / End Footer / id的命名: 页面结构 容器: container 页头:header 内容:content container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:menu 子菜单:submenu 标题: title 摘要: summary 功能 标志:logo 广告:banner 登陆:login 登录条:loginbar 注册:regsiter 搜索:search 功能区:shop 标题:title 加入:joinus 状态:status 按钮:btn 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 当前的: current 小技巧:tips 图标: icon 注释:note 指南:guild 服务:service 热点:hot 新闻:news 下载:download 投票:vote 合作伙伴:partner 友情链接:link 版权:copyright 基本样式: / CSS Document */ body {margin:0; padding:0; font:12px "\5B8B\4F53",san-serif;background:#fff;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} table,td,tr,th{font-size:12px;} li{list-style-type:none;} img{vertical-align:top;border:0;} ol,ul {list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} address,cite,code,em,th {font-weight:normal; font-style:normal;} .fB{font-weight:bold;} .f12px{font-size:12px;} .f14px{font-size:14px;} .left{float:left;} .right{float:right;} a {color:#2b2b2b; text-decoration:none;} a:visited {text-decoration:none;} a:hover {color:#ba2636;text-decoration:underline;} a:active {color:#ba2636;}
//重定义的最先,伪类其次,自定义最后,便于自己和他人阅读! 中英文混排时,我们尽可能的将英文和数字定义为verdana 和 arial 两种字体。 HTML书写规范 网页制作细节 head区代码规范 head区是指HTML代码的
和之间的内容。 必须加入的标签:
公司版权注释 网页显示字符集
简体中文: 繁体中文: 英 语: 网页制作者信息 网站简介 搜索关键字 网页的css规范 网页标题
xxxxxxxxxxxxxxxxxx 可以选择加入的标签:
设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 禁止浏览器从本地机的缓存中调阅页面内容。 用来防止别人在框架里调用你的页面。 自动跳转。 5指时间停留5秒 网页搜索机器人向导。用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。 收藏夹图标 所有的javascript的调用尽量采取外部调用. 附
标签: 标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景 字体 在设定字体样式时对于文字字号样式和行间距应必须使用CSS样式表。禁止在页面中出现 标记。 在网页中中文应首选使用宋体。英文和数字首选使用verdana 和arial 两种字体。一般使用中文宋体的9pt 和11pt 或12px 和14.7px 这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt 和14.7px 的字号比较合适。 为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用 来人工干预分段。 不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外,汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。 请不要在网页中连续出现多于一个的空格,也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text-indent, padding, margin, hspace, vspace 以及透明的gif图片来实现。 行距建议用百分比来定义,常用的两个行距的值是line-height:120% line-height:150%。 排版中我们经常会遇到需要进行首行缩进的处理,不要使用空格或者全角空格来达到效果,规范的做法是在样式表中定义 p { text-indent: 2em; } 然后给每一段加上 标记,注意,一般情况下,请不要省略
结束标记 。 链接 网站中的链接路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样: 而应该这样: ,所有内页指向首页的链接写成 在浏览器里,当我们点击空链接时,它会自动将当前页面重置到首端,从而影响用户正常的阅读内容,我们用代码javascript:void(null)代替原来的“#”标记 表格 1px表格style="border-collapse: collapse" 实例如下:
bordercolor="#000000" cellpadding="0">
设置亮、暗边框颜色 表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性可以对表格样式设置。
在写 互相嵌套时,严格按照的规范,对于单独的一个来说,对齐, 缩进两个半角空格, 中如果还有嵌套的表格,也缩进两个半角空格,如果中没有任何嵌套的表格, 结束标记应该与 处于同一行,不要换行, 如我们注意在源代码中不应有这样的代码:
而应该是这样的:
这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:
一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用 标记,以便能够使这个大表格分块显示
下载速度 首页Flash 网页大小应限定在 200K以下,尽可能的使用矢量图形和Action来减小动画大小。非首页静态页面含图片大小应限定在70K左右,尽可能的使用背景颜色替换大块同色图片。 include asp标准写法 jsp标准写法 <%@ include file="../inc/index_top.jsp" %>
Alt和Title 都是提示性语言标签,请注意它们之间的区别。 在我们浏览网页时,当鼠标停留在图片对象或文字链接上时,在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。 alt用来给图片来提示的。title用来给链接文字或普通文字提示的。 用法如下:
文字
文字 缓存 HTM网页
ASP网页
Response.Expires = -1 Response.ExpiresAbsolute = Now() - 1 Response.cachecontrol = "no-cache" 浏览器兼容性 创建站点时,应该明白访问者可能使用各种 Web 浏览器。在已知的其他设计限制下,尽可能将站点设计为具有最大的浏览器兼容性。 目前使用的 Web 浏览器有二十多种,大多数已发行了多个版本。即使您只针对使用 Netscape Navigator 和 Microsoft Internet Explorer 的大多数 Web 用户,但您应明确并不是每个人都在使用这两种浏览器的最新版本。 您的站点越复杂(在布局、动画、多媒体内容和交互方面),跨浏览器兼容的可能性就越小。例如,并非所有的浏览器都可以运行JavaScript。不使用特殊字符的纯文本页面或许能够在任何浏览器中正确显示,但比起有效地使用图形、布局和交互的页面,这样的页面在美感上可能要差得多。所以,应尽量在最佳效果设计和最大浏览器兼容性设计之间取得平衡。 所有的HTML 标签的属性都要用单引号或者双引号括起,即我们应该写 而不是 . banner 全尺寸banner为468X60px,半尺寸banner为234X60px,小banner为88X31px。 另外120X90,120X60也是小图标的标准尺寸。全尺寸banner不超过14K。 普遍的banner尺寸760X100,750X120,468X60,468X95,728X90,585X140 次级页的pip尺寸360X300,336X280 游标:100X100或120X120 LOGO的国际标准规范 为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格: 8831 这是互联网上最普遍的LOGO规格。 120 60 这种规格用于一般大小的LOGO。 12090 这种规格用于大型LOGO。 页面修饰图片处理 图片经过优化以加快下载的速度,有较佳的视觉空间效果,用图要与页面风格、页面内容相符;制作精美,细节处理得当。 JavaScript书写规范 书写过程中, 每行代码结束必须有分号; 原则上所有功能均根据XXX项目需求原生开发, 以避免网上down下来的代码造成的代码污染(沉冗代码 || 与现有代码冲突 || ...); 库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定; 变量命名: 驼峰式命名. 原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为_, 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明, 避免全局变量. 类命名: 首字母大写, 驼峰式命名. 如 ITaoLun; 函数命名: 首字母小写驼峰式命名. 如iTaoLun(); 命名语义化, 尽可能利用英文单词或其缩写; 尽量避免使用存在兼容性及消耗资源的方法或属性, 比如eval() & innerText; 后期优化中, JavaScript非注释类中文字符须转换成unicode编码使用, 以避免编码错误时乱码显示; 代码结构明了, 加适量注释. 提高函数重用率; 注重与html分离, 减小reflow, 注重性能. 图片规范 所有页面元素类图片均放入img文件夹, 测试用图片放于img/demoimg文件夹; 图片格式仅限于gif || png || jpg; 命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif; 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间; 尽量避免使用半透明的png图片(若使用, 请参考css规范相关说明); 运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对应的sprite psd源图中划参考线, 并保存至img目录下. 注释规范 html注释: 注释格式 , '--'只能在注释的始末位置,不可置入注释文字区域; css注释: 注释格式 / 这儿是注释/; JavaScript注释, 单行注释使用//这儿是单行注释 ,多行注释使用 / 这儿有多行注释 */; 浏览器兼容性 CSS hack 一、标识区别: 区别IE6,IE7,IE8,FF。
IE都能识别; 标准浏览器(如FF)不能识别 ; IE6能识别,但不能识别!important; IE6在样式前面加_ IE7能识别 ,也能识别!important; IE8能识别\9, 例如:background:red \9; firefox不能识别,但能识别!important; 1.IE6和firefox的区别: background:orange; background:blue; 意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色. 2.IE6和IE7的区别: background:green !important;background:blue; 意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色 3.IE7和FF的区别: background:orange; *background:green; 意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色
4.FF,IE7,IE6的区别: background:orange;background:green !important; background:blue; 意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.
你可能感兴趣的:(前端规范手册)
为什么说仪式和习惯非常重要?
章鱼老师zy
这是章鱼姐第【40】篇原创文章,日更计划第【37/100】天。阅读张萌萌姐【精力管理手册】第【6/7】章。一阅读摘要这一章萌姐讲到了习惯的重要性,为什么说养成一个习惯很重要?如何养成一个好习惯?如何建立自己的仪式感?二金句精力管理最重要的是产生什么效果。当你想做却没有动力去做一件事情时,你就应该把它养成习惯。习惯可以帮我们创造稳定框架。对于那些特别考验意志的事情,我们应该先行后思。三思考题,萌姐讲
读书笔记《穿越寒冬》
如雪般飞舞
各位好,我们今天来讲一本书,名字叫作《穿越寒冬》。看起来特别应景,大家觉得现在创业的状况不景气,大家都在忍受着寒冬的煎熬。但实际上,这本书的英文名字并不是这个意思,它的英文名叫作“如何创立一家新公司,并且能够活下来”。我在整个读完了以后,我发现这本书真正要翻译得好,它的名字应该叫作《创业生存手册》。这个书的作者,来自硅谷的霍夫曼船长。霍夫曼船长写过一本让创业者觉得特别贴心的书,叫作《让大象飞》它和
前端埋点解决方案
zhu_zhu_xia
前端
一、前言:基于神策数据的前端埋点解决方案JavaScript快速使用·神策分析使用手册[预览版]二、sdkgitlab下载地址https://github.com/sensorsdata/sa-sdk-javascript/releases或者npm安装npmisa-sdk-javascript三、入门3.1接入sdk以及配置(version1.17.2),入口文件接入sdk以及添加配置(func
【必须收藏】华为配置命令手册大全
6IE闫辉教你考HCIE
华为 网络 p2p
配置名称和密码system-view进入系统视图配置quit或return退出系统视图模式sysname名称设置主机名user-interfaceconsole0进入控制台authentication-modepasswordsetauthenticationpasswordcipher密码配置密文密码配置远程管理IP地址interfacevlanif1进入VLANipadd192.168.1.2
AI原生安全 亚信安全首个“人工智能安全实用手册”开放阅览
亚信安全官方账号
安全 网络 web安全 人工智能 大数据
不断涌现的AI技术新应用和大模型技术革新,让我们感叹从没有像今天这样,离人工智能的未来如此之近。追逐AI原生?企业组织基于并利用大模型技术探索和开发AI应用的无限可能,迎接生产与业务模式的全面的革新。我们更应关心AI安全原生。实施人工智能是一项复杂又长远的任务,任何希望利用大模型的组织在设计之初,都必须将安全打入地基,安全一定是AI技术发展的核心要素。针对人工智能和大模型面临的威胁与攻击模式,亚信
日更2021048:假期余额不足
恋上清咖
明天大部分公司都开始上班了,而我还有两天的假期,但悲催的是假期结束后我要连续上七天的班。假期余额已不足了,怎么让这两天的假期过的更充实点儿呢?原本打算能一天回娘家的,结果我老公明天就开始上班了,没办法送我们去了!这两天我应该好好按照张萌老师的《人生效率手册》中的内容,好好梳理一下今年的计划和目标。感觉今年有好多事情要做呢,而且我觉得从今年开始都会是我成长最快的时候,我必须有快速接受、快速适应的能力
TC551001系列
慎独yfs
单片机 stm32 嵌入式硬件
东芝公司(Toshiba)关于其TC551001系列静态随机存取存储器(SRAM)的技术手册。这款存储器具有131,072个存储单元,每个单元可以存储8位数据,总计1,048,576位。下面是对文档内容的翻译和详细分析,包括图表分析。翻译内容:描述:TC551001CPI/CFI/CFTI/CTRI/CSTI/CSRI是一款1,048,576位的静态随机存取存储器(SRAM),组织为131,072
21天艾宏职场课程16日打卡
7IMpossible
【今日小作业】主题格式:Day16_lynn【时间管理—《每日工作日志》】1、你有没有根据自己的实际情况制定过时间管理的工具?如果有是什么样的形容或者展示一下。我一直按照萌姐的效率手册进行时间管理,用番茄工作法进行时间计时。9.19效率手册内容9.19总结笔记番茄钟2、你觉得《每日工作日志》这样的时间管理工具你会用吗?有什么建议或者实际操作一下。有用没有用我不确定,艾宏学姐特别的厉害,总结的又简单
Java二次开发海康SDK-对接门禁机一文全解
半自定义大剑仙
一文全解 java 前端 服务器 图像处理
写在最前SDK版本:CH-HCNetSDKV6.1.6.45_build20210302_win64参考文档:海康SDK使用手册_V6.1对接测试设备型号:DS-K1T671M设备序列号:E50247795业务目标使用门禁设备实现对人脸的抓拍,将抓拍的人脸与其对应的数据进行上传。业务流程图:业务流程节点解释:1.初始化SDK(NET_DVR_Init):进行海康提供开发库的载入,使用海康官方提供的
云原生部署手册01:构建k8s集群并配置持久化存储
吴智深
云原生 kubernetes 容器
写在前面:k8s弃用docker的影响其实没那么大k8s通过dockershim对docker的支持从1.20版本后就已经移除,仅支持符合ContainerRuntimeInterface(CRI)的容器运行环境,比如containerd。containerd本身就是docker底层的容器运行环境,只不过docker在containerd的基础上增加了符合人类操作的接口。docker构建的镜像并不
最新WordPress开发手册完整版
技术服务团队
开源 php
这份WordPress开发手册完整版适合建站公司、个人站长使用,在使用WordPress开发网站的时候用到的都整理好在下面了,新手小白一看就懂,这里就不一一列举出来啦,下载地址:最新WordPress开发手册完整版.zip第一章:安装Wordpress下载、安装Wordpress屏蔽谷歌字体第二章:基础Wordpress目录结构Wordpress数据表结构第三章:主题创建我的第一个主题首页模版及调
第3章 基本的bash shell命令
coder_guoxd
bash linux 开发语言
大多数Linux发行版的默认shell都是GNUbashshell。本章将介绍bashshell的一些基本特性,例如:bash手册、tab键自动补全、显示文件内容,带你逐步了解怎样用bashshell提供的基本命令来操作Linux文件和目录。3.1启动shellGNUbashshell能提供对Linux系统的交互式访问。它是作为普通程序运行的,通常是在用户登录终端时启动的。登录时系统启动的shel
JavaGuide知识点整理——集合使用注意事项总结
唯有努力不欺人丶
这篇文章是根据阿里巴巴java开发手册总结了关于集合使用常见的逐一实现以及原理。集合判空判断所有集合内部的元素是否为空使用isEmpty()方法,而不是size()==0的方式。这是因为isEmpty()方法的可读性更好,并且时间复杂度为O(1).不过也有很多复杂度不是O(1)的,比如JUC包下的某些集合ConcurrentLinkedQueue、ConcurrentHashMap...下面是Co
我的复盘Day30
Anna艳娜
Anna艳娜2017年12月7日复盘早晨5点起床,早起仪式:社群打卡+手磨咖啡并冲泡30min;萌姐60s12min;立德金句5min;《人生效率手册》赢本领的修炼章节阅读60min;下班加油站课程“告别拖延症提高效率”课程聆听40min;8点出门今日三目标:一,《人生效率手册》一个章节的阅读二,20―22号乡村文化旅游节项目推进,定制物料定稿三,做一份自我总结(目前经历过小半生)已完成目标:一和
MMDetection3D v1.4.0安装教程
Ly.Leo
激光雷达 神经网络 点云 3d 激光雷达 目标检测
安装MMDetection3Dv1.4.01.系统环境2.安装2.1基本环境安装2.2调整具体版本2.3验证2.3安装MinkowskiEngine和TorchSparse3.最终环境配置5.附加库根据v1.4.0版本官方手册测试后的安装配置,亲测可行。1.系统环境项目版本日期Ubuntu18.04.06LTS-显卡RTX2070-显卡驱动525.105.17-2.安装MMDetection3D的
【SemiDrive】GPIO SAFETY & AP 配置地址的计算
WPG大大通
单片机 嵌入式硬件 大大通 人工智能 服务器
一、概述E3430GPIO有分为Safety&AP阈,所以不同GPIO的地址也不一样,需要按照实际的的基地址进行计算,并且,GPIO引脚的定义,是从0递增,对于不同基地址的GPIO,也需要区别计算引脚的寄存器地址。这里介绍以MCAL3.0为例,结合代码和技术参考手册说明,不同阈下,GPIO寄存器的计算方式。二、查看手册确定地址从芯驰官网下载最新技术参考手册,查看《E3400_E3600_MCU_T
Springboot(-) Quartz定时任务cron表达式详解
charles_lun
Java菜鸟到老鸟的蜕变之路
目录前言正文1.cron表达式组成2.子表达式范围3.子表达式格式4.字符含义5.表达式例子结束语前言在做springboot整合Quartz的时候,看到指导手册里推荐用cron表达式,然后抱着试试看的态度,额,刚一上手,感觉又回到了正则表达式的恐惧之中,乱,晕,硬着头皮看,终于看完了,有了一定的理解,赶紧整理记录下来,方便自己查看,也方便新接触的同学理解。正文1.cron表达式组成cron表达式
PHP导出PPT
dongshixiao
正在做的一个广告公司的项目,里面有将Excel导出的功能和导出PPT的功能,导出PPT的我们应该怎么办呢?以前也没有接触过导出PPT这块,就在github上找到一个.查查手册,再此处记录下.比如一个订单下面,有很多图片,我们需要把这么多图片导出来,给下订单的客户看.就需要这种需求首先感谢作者:https://github.com/PHPOffice/PHPPresentation手册地址:http
Java异常
我喜欢你呀!
java 开发语言
解决精度问题BigDecimalBigDecimala=BigDecimal.valueOf(?)divide除法收集Stream流收集Stream流的含义:就是把Stream流操作后的结果数据转回到集合或者数组中去。(为什么?)Stream流,是一种方便操作集合/数组的一种手段集合/数组,才是最终的目的,因为你操作完的数据需要传到其他方法中使用,而其他方法中会用集合或者数组。具体方式查手册,下面
stm32的SysTick外设介绍——学习笔记
Linux嵌入式木子
学习笔记 stm32 学习 笔记
简介:SysTick即系统定时器是一个内核外设,而不是片上外设,寄存器手册说明需要查看《Cortex-M3编程手册》,具体是哪一款内核就查哪一款内核的手册,我用的stm32f103所以我查的Cortex-M3。其实就是个24位递减计数器,计一个数时间是1/SYSCLK,stm32f103里面SYSCLK=72MHZ,所以其计数周期是1/72*10^6s=1/72us。(1s=10^6us),当从初
学习用网址 自留
lsswear
学习 学习
Swoole4文档PHP:PHP手册-Manualshell学习教程(超详细完整)_路人甲的博客-CSDN博客_shell学习Python基础-廖雪峰的官方网站Python爬虫100例教程导航帖(已完结)_梦想橡皮擦,专栏100例写作模式先行者-CSDN博客_python爬虫100例教程蓝桥杯算法全家桶(终极完结版)_JohnnyLin-CSDN博客_蓝桥杯算法Python爬虫100例教程导航帖(
Linux文件系统的目录结构详解
wdsoft
linux linux目录
一、前言文章对Linux下所有目录一一说明,对比较重要的目录加以重点解说,以帮助初学者熟练掌握Linux的目录结构。二、目录1、什么是文件系统2、文件系统的类型3、目录结构的详细解读4、一些重要子目录的解读5、附录:目录结构的简明查阅手册三、正文我想,不光是我,对于每一个Linux学习者来说,了解Linux文件系统的目录结构,是学好Linux的至关重要的一步。下面大家跟飘扬一起来学习吧………….1
区块链+人力资源,发家致富与避免踩雷手册
人博T空间
相信最近很多人都在关注区块链——区块链技术的集成应用在新的技术变革和产业变革中起着重要作用,并明确要求把区块链作为核心技术自主创新的重要突破口和主攻方向,加大投入力度,着力攻克一批关键核心技术,加快推动区块链技术和产业创新发展。区块链技术在人力资源圈也不是什么新词语,许多人可能已经买进了一大批区块链技术的股票,在劝大家“股市有风险,入股需谨慎”的同时,也希望大家不要触及国家虚拟币的红线。而区块链+
D010+6组翠香+《人生效率手册 》读书笔记
羽禾子
文/羽禾子励志姐今天我阅读了《人生效率手册》第二章高效学习!这一章里给我印象最深的就是“下班加油站”,曾经多位名人都说过,一个人最重要的时间是下班后的时间,关于这点张萌老师做的可谓是淋漓尽致!她是下班加油站的创始人!本章中她还讲到了学习分为精学和泛学,讲到了复盘对人生的重要意义!讲到了好习惯(早睡、早起、多喝水、多运动、阅读)的养成的重要性!在人生效率体系中,高效的输入很是重要,只有输入后,做好自
孩子读书系列之二|《夏洛的网》
陈秋玲Linda途正英语
在《朗读手册Ⅱ》中作者曾推荐过这本书,这本书最开始我和孩子们在某平台听过几节,讲的是一头猪(威尔伯)和一只蜘蛛(夏洛)的故事:小主人弗恩救下一只小猪,并给它起名威尔伯。威尔伯在弗恩的悉心照料下慢慢长大,直到它大的不适合再待在弗恩家里,转而去了弗恩舅舅霍默的谷仓农场。威尔伯渐渐长大,一只小猪的命运就是终有一天,它长大长肥会被杀掉,被人做成各种好吃的美味。可这只小猪威尔伯遇到了夏洛,因为夏洛他改变了自
20180121常读常新
O布布O
最近又重新读了关晓彤的《用时间换天分,越努力越幸运》,又重新看了樊登读书会萌姐的《人生效率手册》的“作者光临”。萌姐也提到她2017年读第17遍《卓有成效的管理者》,每年读都会有不同的思考和收获。我发现,同一件事物随着时间的变迁,认知的改变,理解真的会大不相同。
uni-app,app下载文件到自定义文件夹中,为了方便使用者快速找到下载到手机的文件
泡芙小姨
uni-app 前端 javascript vue.js html html5
html给一个点击事件'clickOk()'{{item.original||'未填写手册名称'}}js这里我的app和H5用的是两个方法,app的下载方法是自定义下载路径,H5是用的uni官方方法,下载路径不可以指定位置clickOk(item){//#ifdefAPP-PLUS//本地路径开头使用file://,跟上手机文件本地目录storage/emulated/0,//后缀是用于文件命名和
谢良清:「书评|人生效率手册」@第127篇
谢良清爱培训
张萌一、前言【01】书籍介绍《人生效率手册》,作者是张萌,女性,青年楷模。书中主要讲用7个人物法以及一些行之有效的方法(树立目标、目标分解、总结和复盘、刻意练习、学习闭环、自我激励等),让自己高速成长。【02】为什么要看这本书?其一,因为心中有一个遗憾,去年买了作者书籍系列4本书,送了三本给我的侄子,手中只余留着一本。我特别好奇,基本到底讲什么,如果有收获的话,我可以更进一步的影响我的侄子。其二,
读书笔记|ORK使用手册|关于OKR的初识点
初十一
OKR是什么OKR(ObjectivesandKeyResults)是目标与关键结果的简写,是一种结构化的目标设定系统。它是一种开源系统,组织(或个人)可以根据其业务与管理现状、实施的目的和目标,进行自定义设置。OKR包含两个组成部分:目标(O,Objectives)和关键结果(KR,KeyResults)。目标=O(想要什么?)+KRs(如何实现?如何衡量是否完成?)O和KR的关系目标和关键结果
全球最具影响力的50位心理学家著作推荐(待译介最后部分)
格列柯南
这个系列最后剩余的这10位心理学家,也都是尚没有中文译作。期待出版社能够择优引进。最具影响力的50位心理学家41、KennethI.Pargament|人格心理学、临床心理学|《灵性融合精神疗法》Pargament的专业领域在于分析宗教信仰在心理健康和应对压力是的作用,他开发了“RCOPE调查问卷”来进行宗教研究。Pargament出版的书按照年代倒序有:1、《APA心理学、信仰与灵性手册》APA
JAVA基础
灵静志远
位运算 加载 Date 字符串池 覆盖
一、类的初始化顺序
1 (静态变量,静态代码块)-->(变量,初始化块)--> 构造器
同一括号里的,根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况,那就在父类到子类交替初始化。
二、String
1 String a = "abc";
JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象,根
keepalived实现redis主从高可用
bylijinnan
redis
方案说明
两台机器(称为A和B),以统一的VIP对外提供服务
1.正常情况下,A和B都启动,B会把A的数据同步过来(B is slave of A)
2.当A挂了后,VIP漂移到B;B的keepalived 通知redis 执行:slaveof no one,由B提供服务
3.当A起来后,VIP不切换,仍在B上面;而A的keepalived 通知redis 执行slaveof B,开始
java文件操作大全
0624chenhong
java
最近在博客园看到一篇比较全面的文件操作文章,转过来留着。
http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html
转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html
一.获得控制台用户输入的信息
&nbs
android学习任务
不懂事的小屁孩
工作
任务
完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog,并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程,并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果,写一个实例 已完成 复习fragem
zoom.js
换个号韩国红果果
oom
它的基于bootstrap 的
https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序
<link rel="stylesheet" href="style/zoom.css">
<script src=&q
详解Oracle云操作系统Solaris 11.2
蓝儿唯美
Solaris
当Oracle发布Solaris 11时,它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是,这些说法没有告诉我们为什么Solaris是配得上云的。幸好,我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用:OpenStack、内核域、统一存档(UA)和弹性虚拟交换(EVS)。
spring学习——springmvc(一)
a-john
springMVC
Spring MVC基于模型-视图-控制器(Model-View-Controller,MVC)实现,能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。
1,跟踪Spring MVC的请求
请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样,Spring MVC所有的请求都会通过一个前端控制器Servlet。前
hdu4342 History repeat itself-------多校联合五
aijuans
数论
水题就不多说什么了。
#include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
EJB和javabean的区别
asia007
bean ejb
EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了
1.EJB用于服务端应用开发, 而JavaBeans
Struts的action和Result总结
百合不是茶
struts Action配置 Result配置
一:Action的配置详解:
下面是一个Struts中一个空的Struts.xml的配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
&quo
如何带好自已的团队
bijian1013
项目管理 团队管理 团队
在网上看到博客"
怎么才能让团队成员好好干活"的评论,觉得写的比较好。 原文如下: 我做团队管理有几年了吧,我和你分享一下我认为带好团队的几点:
1.诚信
对团队内成员,无论是技术研究、交流、问题探讨,要尽可能的保持一种诚信的态度,用心去做好,你的团队会感觉得到。 2.努力提
Java代码混淆工具
sunjing
ProGuard
Open Source Obfuscators
ProGuard
http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
【Redis三】基于Redis sentinel的自动failover主从复制
bit1129
redis
在第二篇中使用2.8.17搭建了主从复制,但是它存在Master单点问题,为了解决这个问题,Redis从2.6开始引入sentinel,用于监控和管理Redis的主从复制环境,进行自动failover,即Master挂了后,sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作,如果Master醒来再次加入集群,只能以从服务器的形式工作。
什么是Sentine
使用代理实现Hibernate Dao层自动事务
白糖_
DAO spring AOP 框架 Hibernate
都说spring利用AOP实现自动事务处理机制非常好,但在只有hibernate这个框架情况下,我们开启session、管理事务就往往很麻烦。
public void save(Object obj){
Session session = this.getSession();
Transaction tran = session.beginTransaction();
try
maven3实战读书笔记
braveCS
maven3
Maven简介
是什么?
Is a software project management and comprehension tool.项目管理工具
是基于POM概念(工程对象模型)
[设计重复、编码重复、文档重复、构建重复,maven最大化消除了构建的重复]
[与XP:简单、交流与反馈;测试驱动开发、十分钟构建、持续集成、富有信息的工作区]
功能:
编程之美-子数组的最大乘积
bylijinnan
编程之美
public class MaxProduct {
/**
* 编程之美 子数组的最大乘积
* 题目: 给定一个长度为N的整数数组,只允许使用乘法,不能用除法,计算任意N-1个数的组合中乘积中最大的一组,并写出算法的时间复杂度。
* 以下程序对应书上两种方法,求得“乘积中最大的一组”的乘积——都是有溢出的可能的。
* 但按题目的意思,是要求得这个子数组,而不
读书笔记-2
chengxuyuancsdn
读书笔记
1、反射
2、oracle年-月-日 时-分-秒
3、oracle创建有参、无参函数
4、oracle行转列
5、Struts2拦截器
6、Filter过滤器(web.xml)
1、反射
(1)检查类的结构
在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。
2、oracle年月日时分秒
s
[求学与房地产]慎重选择IT培训学校
comsci
it
关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题
培训学校的教学楼和宿舍的环境和稳定性问题
我们大家都知道,房子是一个比较昂贵的东西,特别是那种能够当教室的房子...
&nb
RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系
daizj
oracle rman filesperset PARALLELISM
RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转
PARALLELISM ---
我们还可以通过parallelism参数来指定同时"自动"创建多少个通道:
RMAN > configure device type disk parallelism 3 ;
表示启动三个通道,可以加快备份恢复的速度。
简单排序:冒泡排序
dieslrae
冒泡排序
public void bubbleSort(int[] array){
for(int i=1;i<array.length;i++){
for(int k=0;k<array.length-i;k++){
if(array[k] > array[k+1]){
初二上学期难记单词三
dcj3sjt126com
sciet
concert 音乐会
tonight 今晚
famous 有名的;著名的
song 歌曲
thousand 千
accident 事故;灾难
careless 粗心的,大意的
break 折断;断裂;破碎
heart 心(脏)
happen 偶尔发生,碰巧
tourist 旅游者;观光者
science (自然)科学
marry 结婚
subject 题目;
I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码
dcj3sjt126com
redis
wget http://download.redis.io/redis-stable.tar.gz
tar xvzf redis-stable.tar.gz
cd redis-stable
make
前面3步应该没有问题,主要的问题是执行make的时候,出现了异常。
异常一:
make[2]: cc: Command not found
异常原因:没有安装g
并发容器
shuizhaosi888
并发容器
通过并发容器来改善同步容器的性能,同步容器将所有对容器状态的访问都串行化,来实现线程安全,这种方式严重降低并发性,当多个线程访问时,吞吐量严重降低。
并发容器ConcurrentHashMap
替代同步基于散列的Map,通过Lock控制。
&nb
Spring Security(12)——Remember-Me功能
234390216
Spring Security Remember Me 记住我
Remember-Me功能
目录
1.1 概述
1.2 基于简单加密token的方法
1.3 基于持久化token的方法
1.4 Remember-Me相关接口和实现
位运算
焦志广
位运算
一、位运算符C语言提供了六种位运算符:
& 按位与
| 按位或
^ 按位异或
~ 取反
<< 左移
>> 右移
1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时,结果位才为1 ,否则为0。参与运算的数以补码方式出现。
例如:9&am
nodejs 数据库连接 mongodb mysql
liguangsong
mongodb mysql node 数据库连接
1.mysql 连接
package.json中dependencies加入
"mysql":"~2.7.0"
执行 npm install
在config 下创建文件 database.js
java动态编译
olive6615
java HotSpot jvm 动态编译
在HotSpot虚拟机中,有两个技术是至关重要的,即动态编译(Dynamic compilation)和Profiling。
HotSpot是如何动态编译Javad的bytecode呢?Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器,即Profile Monitor,专门监视
Storm0.9.5的集群部署配置优化
roadrunners
优化 storm.yaml
nimbus结点配置(storm.yaml)信息:
# Licensed to the Apache Software Foundation (ASF) under one
# or more contributor license agreements. See the NOTICE file
# distributed with this work for additional inf
101个MySQL 的调节和优化的提示
tomcat_oracle
mysql
1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的,它的速度很慢。 3. 使用电池供电的RAM(注:RAM即随机存储器)。 4. 使用高级的RAID(注:Redundant Arrays of Inexpensive Disks,即磁盘阵列
zoj 3829 Known Notation(贪心)
阿尔萨斯
ZOJ
题目链接:zoj 3829 Known Notation
题目大意:给定一个不完整的后缀表达式,要求有2种不同操作,用尽量少的操作使得表达式完整。
解题思路:贪心,数字的个数要要保证比∗的个数多1,不够的话优先补在开头是最优的。然后遍历一遍字符串,碰到数字+1,碰到∗-1,保证数字的个数大于等1,如果不够减的话,可以和最后面的一个数字交换位置(用栈维护十分方便),因为添加和交换代价都是1