web前端开发规范
web前端开发规范的意义 1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高,效率更好的代码 4、为后期维护提供更好的支持
规范
1、命名规则 2、文件存放位置规范 3、css书写规范 4、html代码书写规范 5、JavaScript书写规范 6、图片规范 7、注释规范 8、兼容性规范 9、开发测试约定及实用工具规范 公司统一要求规范
要求 1、熟练使用前端开发工具 2、代码规范 3、目录结构规范 4、切图与原型效果一致 5、命名页面方法命名统一英文规范 6、代码注释 责任 禁止: 1、禁止与客户私聊微信或其他聊天工具沟通项目问题、一切都放到沟通群里面沟通 2、禁止与客户沟通除项目以外公司方面的事情 3、禁止谈论工资情况 4、禁止传播不满情绪,有问题向直属上级反馈 5、除负责人授权外禁止技术与业务沟通报项目价格与工期 …
项目流程制度 UI效果图确认之后准备开发工作 第一步: 项目负责人与开发人员找产品经理了解项目需求(需彻底熟悉利用2天时间确定相关需求)
第二步: 项目负责人分配后台与前台开发工作并制定工期计划
第三步: 技术对照产品提供的原型与客户索要第三方账户并协助申请用作开发使用(提前申请账号)
第四步: 技术开发完之后填充正规数据后自己内测三遍以上没问题再交由负责人把关,负责人把关没问题交由产品与业务内测
第五步: 内部测试没有发现问题交由客户测试,测试反馈细节或bug问题当天解决
第六步: 功能全部开发完APP上架应用市场
技巧 1、客户提的问题、体验效果超出技术难度范围可以给客户绕个弯讲利弊关系做简单的功能,最终目的是要的是简单实用效率高; 2、要让客户知道我们对您的项目非常重视,想办法沟通最终目的是功能做得完美,开发效率高 3、遇到蛮不讲理客户,胡言乱语客户不用与之吵闹,直接反馈上面来处理;
APP内测发包规范 1、发内测包之前需是经过自己内测三遍后; 2、发内测包到项目内部群用二维码形式带LOGO图标; 3、发内测包需有(LOGO图标、起始页、轮播图、正规内测数据); 4、每个内测包都要带自动更新功能; 5、发内测包需提供测试账号密码信息; 6、每个新项目都要单独新建一个文件夹用来整理所有关于本项目的文件。
1、html 的命名规则
1、文件名称命名规则 统一用小写英文字母、数字、和下划线组合,不得包含汉字(转义问题)空格和特殊字符。 方便理解 方便查找 2、索引文件命名原则 和 各子页面命名原则 要么用翻译的英文名称,要么用拼音命名 但注意不要用英语拼音混用
2、图片的命名规则
常规命名: 放置在页面顶部的广告、装饰图案等长方形的图片取名:banner 标志性的图片取名为:logo 在页面上位置不固定并且带有连接的小图片一般取名为button 在页面上一个位置连续出现,性质相同的连接栏目的图片一般取名为:menu 装饰用的照片一般取名;pic 不带连接表示标题的图片一般取名:title
3、脚本文件的命名规则
一般使用脚本功能的英文小写缩写命名: 实际模块: 例如: 广告条的JavaScript文件名为ad.js 弹出窗口的JavaScript文件名为pop.js 共用模块: js文件名;英文命名,后缀js,共用common,js 外部资源: jQuery.min.js jquery.date.js
4、文件存放位置规范
文件夹说明: images存放图片文件‘ media存放多媒体文件 script存放JavaScript脚本 css存放css文件
5、css的3种基本类型
css css指层叠样式表 样式通常存储在样式表中 把样式添加到html中,是为了解决内容表现分离的问题 外部样式表可以极大的提高工作效率 外部样式表通常存储在css文件中 多个样式定义可层叠为一 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" (里面填写搜索关键字)>
css
< link href= ".../css/style.css" rel= "stylesheet" type= "text/css" > < / link>
网页显示字符集:
简体中文:
< meta http- equiv= "content" content= "text/html;charset=gb2312" / >
繁体中文:
< meta http- equiv= "content" content= "text/html;charset=utf-8" >
英语:
< meta http- equiv= "content" content= "text/html;charset=utf-8" >
网页标题:
< title> 我是一个标题< / title>
用来防止别人在框架里调用你的页面
< meta http- equiv= "window-target" content= "_top" >
自动跳转
< meta http- equiv= "Refresh" content= "5" url= http: / / www. baidu. com">
所有的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、在写互相嵌套时,严格按照的规范,对于单独的一个来说,
< table> < tr> 对齐,< td> 缩进两个半角空格,
< td> 中如果还有嵌套的表格, < table> 也缩进两个半角空格。
如果结束标记应该与处于同一行,不要换行。
11、嵌套Alt和Title
相同点: 提示性语言标签 不同点:
alt:一般是对图片进行提示描述 title:一般对文字标签进行描述
实例:
< p title= "给链接文字提示" > 文字< / p>
< a href= "#" title= "给链接文字提示" > 文字< / a>
< img src= "图片.gif" alt= "给图片提示" >
12、JavaScript规范
书写: 书写过程中,每行代码结束必须有分号; 变量命名格式 变量命名: 驼峰式命名. 原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为’_’, 其他与原生JavaScript规则相同, 如: _iTaoLun; 另,要求变量集中声明,避免全局变量. 函数命名: 首字母小写驼峰式命名. 如iTaoLun(); JavaScript文件 JavaScript程序应独立保存在后缀名为.js的文件中。应尽量减少在HTML 中的JavaScript代码,因为存在与HTML中的JavaScript代码会明显增加文件大小,且不能对其进行缓存和压缩。 filename.js或JavaScript的代码应尽量放到body的后面。 这样可以减少因为载入脚本而造成其他页面内容载入也被延迟的问题。
缩进 缩进的单位为四个空格。避免使用Tab键来缩进。 因为始终没有个统一的Tab长短标准。虽然使用空格会增加文件的大小, 但在局域网中几乎可以忽略,且在最小化过程中也可被消除掉。
函数声明 所有的函数在使用前进行声明。内函数的声明跟在var语句的后面. 这样可以帮助判断哪些变量是在函数范围内的。
变量声明 所有的变量必须在使用前通过var进行声明。JavaScript并不强制必须这么做, 但这么做可以让程序易于阅读,且也容易发现那些没声明的变量(它们会被编译成全局变量)。 将var语句放在函数的首部。最好把每个变量的声明语句单独放到一行,并加上注释说明。 尽量减少全局变量的使用。不要让局部变量覆盖全局变量。 {} 和[] 使用{}代替new Object()。使用[]代替new Array()。这样便于书写且能提高一点执行效率。 当成员名是一组有序的数字时使用数组来保存数据。当成员名是无规律的字符串或其他时使用对象来保存数据。
1.event.srcElement问题 //找到触发事件的源对象 问题说明:I.E.下,even对象有srcElement属性,但是没有target属性; Firefox下,even对象有target属性,但是没有srcElement属性。 解决方法:使用 var obj=event.target||window.event.srcElement;
2.parentElement(父元素)问题 firefox与I.E.的父元素(parentElement)的区别 IE:obj.parentElement firefox:obj.parentNode 解决方法: 因为firefox与I.E.都支持DOM,因此使用obj.parentNode是不错选择.
13、图片的使用规范
存放位置 所有页面元素类图片均放入images文件夹, 测试用图片放于img/demoimg文件夹 格式 图片格式仅限于gif || png || jpg; 命名 命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;
性能 运用css sprite技术集中小的背景图或图标, 减小页面http请求,但注意,请务必在对应的spritepsd源图中划参考线, 并保存至img/images目录下. CSSSprites 在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
这当中用到了CSS Sprites切图技术。 CSS Sprites其实就是把网页中一些图标整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。 优点:减少网页http请求,提高页面性能,降低服务器负载;文件命名减少麻烦。 缺点:定位繁琐,布局固定,降低网页弹性。
Css Sprite使用方法: 1、将用到的背景图片压缩为zip格式的压缩包 2、用Css图片拼合生成器将其拼合成一张图片,然后下载该图片 3、拼合完成后会生成相应的Css规则,该文件定位了每个图片的位置及图片的宽度和高度 4、在Css样式中定位背景图片,例如: 例子:
ul. share li{ float : left; }
ul. share li a{ display: block; width: 25 px; height: 25 px; text- indent: - 9999 px; }
a. renren{ background: url ( . . / images/ share. gif) 0 0 no- repeat; }
a. kaixin{ background: url ( . . / images/ share. gif) - 25 px 0 no- repeat; }
a. sina{ background: url ( . . / images/ share. gif) - 50 px 0 no- repeat; }
a. douban{ background: url ( . . / images/ share. gif) - 75 px 0 no- repeat; }
a. googleBM{ background: url ( . . / images/ share. gif) - 100 px 0 no- repeat; }
< ul class = "share" >
< li> 分享到:< / li>
< li> < a class = "renren" href= "/cuiying_2007/blog/ " title= "" > 人人网< / a> < / li>
< li> < a class = "kaixin" href= "/cuiying_2007/blog/ " title= "" > 开心网< / a> < / li>
< li> < a class = "sina" href= "/cuiying_2007/blog/ " title= "" > 新浪微博< / a> < / li>
< li> < a class = "douban" href= "/cuiying_2007/blog/ " title= "" > 豆瓣< / a> < / li>
< li> < a class = "googleBM" href= "/cuiying_2007/blog/ " title= "" > 谷歌书签< / a> < / li>
< / ul>
14、注释规范 html注释: 注释格式 , ‘–’只能在注释的始末位置,不可置入注释文字区域; Css注释: 注释格式 /这是注释/; javascript注释: 单行:单行注释使用//这是单行注释 , 多行:多行注释使用 /* 这有多行注释 */;
你可能感兴趣的:(知识,前端)
1.计算机处理器架构+嵌入式处理器架构及知识
vv 啊
arm-linux学习 linux 系统架构
目录一:x86-64处理器架构二:Intel80386处理器(i386)1.i3862.i686三:嵌入式Linux知识:1.MinGW2.GNU计划2.1GNU工具链概述此次只分享英特尔和ADM处理器有关于x86的架构,至于嵌入式处理器架构请查看https://en.wikipedia.org/wiki/List_of_ARM_processors一:x86-64处理器架构x86-64,也称为x
入伏(五)
喜马ma
图片发自App入伏13今天我看见很多蜻蜓在飞飞得很低想起小学时学的那点知识在这闷热的午后真能来一场暴雨太过瘾了入伏14有点像瓢虫的昆虫喜欢吃葡萄叶喜欢交配在炎热的夏天如果你在葡萄园看见两只昆虫它们不是在吃葡萄叶就是在交配请记住它们的名字叫葡萄十星红甲
【嵌入式模块】步进电机使用总结
记录无知岁月
# 嵌入式设备 嵌入式硬件 步进电机
关于本博客 此前上了一门课《自动控制元件》,但是由于学时有限,讲到步进电机就不讲了,留下了一个小遗憾,导致需要使用步进电机时就有点懵,于是找了一篇博客,链接在这里,推荐具有电机知识(如直流电机,异步电机等)的朋友看,如果完全不懂,建议先啃书。
【转载】SSD测试第一神器——FIO
running_sheep
转自:[http://www.ssdfans.com]对于SSD性能测试来说,最好的工具莫过于FIO了。FIO是Jens开发的一个开源测试工具,功能非常强大,本文就只介绍其中一些基本功能。线程,队列深度,Offset,同步异步,DirectIO,BIO使用FIO之前,首先要有一些SSD性能测试的基础知识。线程指的是同时有多少个读或写任务在并行执行,一般来说,CPU里面的一个核心同一时间只能运行一个
大前端-postcss安装使用指南
黑夜照亮前行的路
postcss
PostCSS是一款强大的CSS处理工具,可以用来自动添加浏览器前缀、代码合并、代码压缩等,提升代码的可读性,并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南:一、安装PostCSS在你的项目目录中,通过npm(NodePackageManager)来安装PostCSS。打开命令行窗口,输入以下命令:bash复制代码npminstallpostcss--save-dev这将把
谷歌浏览器驱动Chromedriver(114-120版本)文件以及驱动下载教程
pigerr杨
Python python chrome drivers
ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
虚拟 DOM 的优缺点有哪些
咕噜签名分发
前端 javascript 开发语言
虚拟DOM(VirtualDOM)技术作为现代前端开发中的重要组成部分,已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势,同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点,深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异,最小化实际DOM操作,从而减少页面重渲染时的性能消耗。这种优
计划比盲目做重要
一祉微笑
坚持分享第99天。一次次会议提醒着老师们假期余额不足,马上面临停机状态。50多天掐指而过,想想放假时的计划,对照如今的完成情况,感觉差太远。想着好好看书,如今50多天过去了第6本还处在未完待续状态;想着假期好好陪陪孩子,在玩中学一些知识,如今想想,孩子学的真不多;想着暑假坚持跑步,有时还是容易给自己找借口,休息三两天。给这个假期一个综合评价,只能说只完成了计划的百分之五六十。想想为什么临近开学没达
3、JavaWeb-Ajax/Axios-前端工程化-Element
所谓远行Misnearch
# JavaWeb 前端 ajax elementui java 前端框架
P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML,异步的JS和XMLJS网页动作,XML一种标记语言,存储数据,作用:数据交换:通过Ajax给服务器发送请求,并获取服务器响应的数据异步交互:在不重新加载整个页面的情况下,与服务器交换数据并实现更新部分网页的技术,例如:搜索联想、用户名是否可用的校验等等。同步与异步:同步:服务器在处理中客户端要处于等待状态,输入域名
Flutter运行flutter doctor 命令长时间未响应如何解决
咕噜签名分发-淼淼
flutter
Hello大家好!我是咕噜铁蛋!在移动应用开发领域,Flutter以其高效、跨平台的特性吸引了众多开发者的关注。然而,在使用Flutter进行项目开发时,开发者可能会遇到各种问题,其中之一就是运行flutterdoctor命令时长时间未响应。今天铁蛋将深入探讨这一问题的成因、解决方案以及相关的Flutter环境配置知识。一、Flutter与flutterdoctor命令简介Flutter是Goog
python清华大学出版社答案_Python机器学习及实践
weixin_39805119
python清华大学出版社答案
第1章机器学习的基础知识1.1何谓机器学习1.1.1传感器和海量数据1.1.2机器学习的重要性1.1.3机器学习的表现1.1.4机器学习的主要任务1.1.5选择合适的算法1.1.6机器学习程序的步骤1.2综合分类1.3推荐系统和深度学习1.3.1推荐系统1.3.2深度学习1.4何为Python1.4.1使用Python软件的由来1.4.2为什么使用Python1.4.3Python设计定位1.4.
沟通管理和相关方管理核心考点梳理
WorkLee
PMP PMP 沟通管理 相关方 干系人
个人总结,仅供参考,欢迎加好友一起讨论PMP-沟通管理和相关方管理核心考点梳理沟通管理和相关方(干系人)管理这两章放在一起进行梳理,这两章很多的考点很容易混淆,经常会纠结于一些题目,究竟选择沟通管理还是干系人管理的知识点。沟通管理1)规划沟通管理沟通在PMP中是指信息流的传递,PM是根据谁的需求来确定这种信息流的传递方式、频率,内容、格式呢?解析:规划沟通管理是基于每个相关方或相关方群体的信息需求
数据管理知识体系指南(第二版)-第五章——数据建模和设计-学习笔记
键盘上的五花肉
数据治理 数据库 数据仓库 数据治理
目录5.1引言5.1.1业务驱动因素5.1.2目标和原则5.1.3基本概念5.2活动5.2.1规划数据建模5.2.2建立数据模型5.2.3审核数据模型5.2.4维护数据模型5.3工具5.3.1数据建模工具5.3.2数据血缘工具5.3.3数据分析工具5.3.4元数据资料库5.3.5数据模型模式5.3.6行业数据模型5.4方法5.4.1命名约定的最佳实践5.4.2数据库设计中的最佳实践5.5数据建模和
保持好奇心,约束注意力
飞巴
一、快人一步不是运气任何新知识、新方向都不会一开始就闹得沸沸扬扬、人尽皆知,通常善于发现新机遇、新方向的人并不是瞎猫碰着死耗子,可能在一个项目成功之前,他已经尝试过四五次新方向了。保持好奇心,保持对周围事物的敏感度,才有可能发现机会。举一个美国投资大师彼得林奇的例子,他投资的一些大牛股是在陪夫人逛超市的过程中发现,他说:家庭主妇在超级市场或百货商场选购商品时,最有资格发掘好的消费类股票。当然整个投
冷门知识 | 大雪冻skr个人,知道其中三条冷知识温暖整个冬天~
带你玩儿
今日大雪今日节气——大雪,可是并没有下雪。“嗷~~冻死了”“啊~好冷啊”办公室里的伙伴们一进门都是出奇的一致好吧,那今天的冷知识,就让小八给大家来送些温暖吧~温暖整个冬天的冷知识其实喝酒不能暖身子喝酒只会降低身体内部温度,增加患上低体温症的风险,喝酒也会阻断身体自然颤抖保暖的机制。之所以喝酒会感觉暖暖的,因为酒精让血管扩张,将温暖的血液带到体表。所以喝酒带来的暖是暂时的,最后反而会大大降低身体抵抗
java实体中返回前端的double类型四舍五入(格式化)
婲落ヽ紅顏誶
java
根据业务,需要通过后端给前端返回部分double类型的数值,一般需要保留两位小数,使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f
Django forms组件
在飞行-米龙
Django django python 后端
【一】引入【1】实现登陆验证功能(1)需求分析登陆验证需要前后端交互,采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容(2)后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
计算机网络知识点汇总
蓝小俊
第1章概述P36习题3、7、14、15、17、22、24、262.“协议”与“服务”的异同点?答:(1)协议是控制两个对等实体进行通信的规则的集合。在协议的控制下,两个对等实体间的通信使得本层能够向上一层提供服务,而要实现本层协议,还需要使用下面一层提供服务。(2)协议和服务的概念的区分:1、协议的实现保证了能够向上一层提供服务。本层的服务用户只能看见服务而无法看见下面的协议。下面的协议对上面的服
记录2022-05-15
果果圆
计划坚持周更,去记录生活。上周计划:①坚持练字5天,每天至少20min;②学习新内容,通过实践回顾曾学知识;③做运动,5天。④每天背单词。完成度:①练字2/5;②学习进度还不错;③运动3/5;④单词6/7。加入了一个单词小组,队友和我每天都按时打卡的情况下,APP给出的当日奖励会更高,并且最终可以瓜分奖池(奖池指的不是money哦,是APP上的一种虚拟币),当然如果有人两次没打卡,整个队伍也会失去
Java回溯知识点(含面试大厂题和源码)
一成码农
java 面试 开发语言
回溯算法是一种通过遍历所有可能的候选解来寻找所有解的算法,如果候选解被确认不是一个解(或至少不是最后一个解),回溯算法会通过在上一步进行一些变化来丢弃这个解,即“回溯”并尝试另一个候选解。回溯法通常用递归方法来实现,在解决排列、组合、选择问题时非常有效。回溯算法的核心要点:路径:也就是已经做出的选择。选择列表:也就是你当前可以做的选择。结束条件:也就是到达决策树底层,无法再做出选择的条件。回溯算法
Web前端Html的表单
任家伟
前端 html
表单的关键字:form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读,不可修改,但是可以提交disabled=“disabled”禁用组件不可修改,不能提交type=“password”密码框type=“radio”单
Thinkphp - 详细实现网站系统登录功能,附带 Mysql 数据库设置、Web 前端展示界面、信息校验等(详细代码,即设计过程)
王佳斌
+ Thinkphp mysql 前端 数据库
前言登录功能,是我们几乎开发每个系统都必须的模块。登录功能设计思路,主要包括几个方面。用户输入网址展示登录页面用户输入用户名,密码等点击登录进行信息校验校验通过之后,记录用户登录信息,跳转指定页面用户校验失败,提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面,我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。
Java面试题:解释JVM的内存结构,并描述堆、栈、方法区在内存结构中的角色和作用,Java中的多线程是如何实现的,Java垃圾回收机制的基本原理,并讨论常见的垃圾回收算法
杰哥在此
Java系列 java jvm 算法 面试
Java内存模型与多线程的深入探讨在Java的世界里,内存模型和多线程是开发者必须掌握的核心知识点。它们不仅关系到程序的性能和稳定性,还直接影响到系统的可扩展性和可靠性。下面,我将通过三个面试题,带领大家深入理解Java内存模型、多线程以及并发编程的相关原理和实践。面试题一:请解释JVM的内存结构,并描述堆、栈、方法区在内存结构中的角色和作用。关注点:JVM内存结构的基本组成堆、栈、方法区的功能和
程序员开发技术整理
laizhixue
学习 前端框架
前端技术:vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术:webservice:soap架构:简单的通信协议,用于服务通信ORM框架:对象关系映射,如EF:对象实体模型,是ado.net中的应用技术soap服务通讯:xml通讯ado.net:OAuth2:登录授权认证:Token认证:JWT:jsonwebtokenJava后端技术:便捷工
【前端学习——js篇】7.函数缓存
笔下无竹墨下有鱼
前端学习 前端 学习 javascript
具体见:https://github.com/febobo/web-interview7.函数缓存函数缓存,就是将函数运算过的结果进行缓存本质上就是用空间(缓存存储)换时间(计算过程)常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化:①柯里化柯里化(currying)是一种函数式编程的概念,指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
牛郎织女罗曼史
潮汐_d5d4
牛郎织女是我国四大民间传说之一,牛郎织女的爱情故事家喻户晓,对他们的真挚感情热情讴歌。那么牛郎和织女是怎么走到一起的呢?单身阶段北斗九星牛郎织女起源于天文,诗经中出现了银河和织女、牵牛星宿,但尚未形成传说故事,还没有后来的情节,这个时候牛郎和织女还是单身。河南郑州青台遗址--陶罐北斗九星天文遗迹,说明5000多年前先民就对天文进行了细致的观察,具备了一定的天文知识,并将观察的结果应用到生活场景中。
遇见美好|期待越来越好的自己|复盘日记Day137
沫ma的1001页
遇见美好|期待越来越好的自己|复盘日记Day1372021年7月21日星期三晴喜马拉雅(沫沫成长记)亲子共读:Day42阅读学习践行Day.17/21晨间日记Day.17/21昨日晚安:23:02今日早安:05:00早起:Day806❥今日运动|跑步0Km(未完成)❥今日自我成长|学习新知识1.听书+书写笔记,小花生阅读打卡2..阅读学习,听音频+写作业3.时间管理2.0线上践行,听课+写作业4.
人情社会,这些心理学知识你了解吗?
小书精
1首因效应首因效应说的就是初次印象的重要性。心理学有个关于第一印象的7/38/55定律,一个人留给他人第一印象,说话内容占7%,说话方式(语速,语调,音量等)占38%,非语言信息(面部表情,行为,服饰等)占55%,,可见人的外在信息是给他人的印象占举足轻重的份量。2肢体语言人与人在交流沟通时,即使不说话,都可以根据对方的身体语言来探索他内心的秘密,对方也会从我们的身体表现来了解我们的真实想法。可谓
26/100参加二一设计线下课程前的一点思考
设计师周文斌
再过两天就要参加21设计线下的课程了,对此很兴奋也很期待。平时很少参加线下课程,一来费用高花费的时间场成本肯定是非常大的,首先学费是6000再加上机票1500住宿1000吃饭500左右,就是总共8000元,这些年参加的线下课程也很多,但真正能落地,或者说是有实际行动的却是少之又少,所以这次线下课程是怀着一个学习的心态能落地的心态去参加的。因此要让知识课程学有所值,就一定要全新的投入进去。实习的目的
【0719+0720复盘】
沙皮狗的快乐
时间执行上的有点差,没有按照正常的安排去落地,好多事都乱了顺序去进行了。一个月了,都是各自忙自己的事,没有特别的去打扰对方的工作事情,嗯,生活自由?不是,都是为了想让彼此的对方更好,她的成长是彼此间成长的动力。小火炉就是扮演这样的角色。利他这个利他,不管是多大的事多大的知识点,有学到好的知识点,就去分享给周边有需要的或者没需要的小伙伴,这样的事不止一次两次见到过,小逸身上有,公司整个团队身上也有。
redis学习笔记——不仅仅是存取数据
Everyday都不同
returnSource expire/del incr/lpush 数据库分区 redis
最近项目中用到比较多redis,感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品,如果好好利用它,会带来很多意想不到的效果。(因为我搞java,所以就从jedis的角度来补充一点东西吧。PS:不一定全,只是个人理解,不喜勿喷)
1、关于JedisPool.returnSource(Jedis jeids)
这个方法是从red
SQL性能优化-持续更新中。。。。。。
atongyeye
oracle sql
1 通过ROWID访问表--索引
你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高.
2 共享SQL语句--相同的sql放入缓存
3 选择最有效率的表
[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善
comsci
JAVA虚拟机
如果我们用汇编语言编写一个直接读写CPU寄存器的代码段,然后利用这个代码段去控制被操作系统屏蔽的硬件资源,这对于JVM虚拟机显然是不合法的,对操作系统来讲,这样也是不合法的,但是如果是一个工程项目的确需要这样做,合同已经签了,我们又不能够这样做,怎么办呢? 那么一个精通汇编语言的那种X客,是否在这个时候就会发生某种至关重要的作用呢?
&n
lvs- real
男人50
LVS
#!/bin/bash
#
# Script to start LVS DR real server.
# description: LVS DR real server
#
#. /etc/rc.d/init.d/functions
VIP=10.10.6.252
host='/bin/hostname'
case "$1" in
sta
生成公钥和私钥
oloz
DSA 安全加密
package com.msserver.core.util;
import java.security.KeyPair;
import java.security.PrivateKey;
import java.security.PublicKey;
import java.security.SecureRandom;
public class SecurityUtil {
UIView 中加入的cocos2d,背景透明
374016526
cocos2d glClearColor
要点是首先pixelFormat:kEAGLColorFormatRGBA8,必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll
mysql常用命令
香水浓
mysql
连接数据库
mysql -u troy -ptroy
备份表
mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql
恢复表(与恢复数据库命令相同)
mysql -u troy -ptroy mm_database < user.sql
备份数据库
mysqldump -u troy -ptroy
我的架构经验系列文章 - 后端架构 - 系统层面
agevs
JavaScript jquery css html5
系统层面:
高可用性
所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说,可以采用两种方式,如果可以做业务可以做负载均衡则通过负载均衡实现集群,然后针对每一台服务器进行监控,一旦发生故障则从集群中移除;如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制,实现Active机在出现故障之后虚拟IP转移到Standby的快速
利用ant进行远程tomcat部署
aijuans
tomcat
在javaEE项目中,需要将工程部署到远程服务器上,如果部署的频率比较高,手动部署的方式就比较麻烦,可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤(http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html),但是在tomcat7以上不适用,需要修改配置,具体如下:
1.配置tomcat的用户角色
获取复利总收入
baalwolf
获取
public static void main(String args[]){
int money=200;
int year=1;
double rate=0.1;
&
eclipse.ini解释
BigBird2012
eclipse
大多数java开发者使用的都是eclipse,今天感兴趣去eclipse官网搜了一下eclipse.ini的配置,供大家参考,我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌,看官方文档,这样我们会知道问题的真面目是什么,对问题也有一个全面清晰的认识。
Overview
1、Eclipse.ini的作用
Eclipse startup is controlled by th
AngularJS实现分页功能
bijian1013
JavaScript AngularJS 分页
对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下,我们的数据会比较多,无法很好地显示在单个页面中。在这种情况下,我们需要把数据以页的方式来展示,同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求,那么把这一功能抽象成一个通用的、可复用的分页(Paginator)服务是很有意义的。
&nbs
[Maven学习笔记三]Maven archetype
bit1129
ArcheType
archetype的英文意思是原型,Maven archetype表示创建Maven模块的模版,比如创建web项目,创建Spring项目等等.
mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式,
mvn archetype
1.在LearnMaven-ch03目录下,执行命令mvn archetype:gener
【Java命令三】jps
bit1129
Java命令
jps很简单,用于显示当前运行的Java进程,也可以连接到远程服务器去查看
[hadoop@hadoop bin]$ jps -help
usage: jps [-help]
jps [-q] [-mlvV] [<hostid>]
Definitions:
<hostid>: <hostname>[:
ZABBIX2.2 2.4 等各版本之间的兼容性
ronin47
zabbix更新很快,从2009年到现在已经更新多个版本,为了使用更多zabbix的新特性,随之而来的便是升级版本,zabbix版本兼容性是必须优先考虑的一点 客户端AGENT兼容
zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4:如果你升级zabbix server,客户端是可以不做任何改变,除非你想使用agent的一些新特性。 Zabbix代理(p
unity 3d还是cocos2dx哪个适合游戏?
brotherlamp
unity自学 unity教程 unity视频 unity资料 unity
unity 3d还是cocos2dx哪个适合游戏?
问:unity 3d还是cocos2dx哪个适合游戏?
答:首先目前来看unity视频教程因为是3d引擎,目前对2d支持并不完善,unity 3d 目前做2d普遍两种思路,一种是正交相机,3d画面2d视角,另一种是通过一些插件,动态创建mesh来绘制图形单元目前用的较多的是2d toolkit,ex2d,smooth moves,sm2,
百度笔试题:一个已经排序好的很大的数组,现在给它划分成m段,每段长度不定,段长最长为k,然后段内打乱顺序,请设计一个算法对其进行重新排序
bylijinnan
java 算法 面试 百度 招聘
import java.util.Arrays;
/**
* 最早是在陈利人老师的微博看到这道题:
* #面试题#An array with n elements which is K most sorted,就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K
* 设计一个排序算法。It should be faster than O(n*lgn)。
获取checkbox复选框的值
chiangfai
checkbox
<title>CheckBox</title>
<script type = "text/javascript">
doGetVal: function doGetVal()
{
//var fruitName = document.getElementById("apple").value;//根据
MySQLdb用户指南
chenchao051
mysqldb
原网页被墙,放这里备用。 MySQLdb User's Guide
Contents
Introduction
Installation
_mysql
MySQL C API translation
MySQL C API function mapping
Some _mysql examples
MySQLdb
HIVE 窗口及分析函数
daizj
hive 窗口函数 分析函数
窗口函数应用场景:
(1)用于分区排序
(2)动态Group By
(3)Top N
(4)累计计算
(5)层次查询
一、分析函数
用于等级、百分点、n分片等。
函数 说明
RANK() &nbs
PHP ZipArchive 实现压缩解压Zip文件
dcj3sjt126com
PHP zip
PHP ZipArchive 是PHP自带的扩展类,可以轻松实现ZIP文件的压缩和解压,使用前首先要确保PHP ZIP 扩展已经开启,具体开启方法就不说了,不同的平台开启PHP扩增的方法网上都有,如有疑问欢迎交流。这里整理一下常用的示例供参考。
一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11
精彩英语贺词
dcj3sjt126com
英语
I'm always here
我会一直在这里支持你
&nb
基于Java注解的Spring的IoC功能
e200702084
java spring bean IOC Office
java模拟post请求
geeksun
java
一般API接收客户端(比如网页、APP或其他应用服务)的请求,但在测试时需要模拟来自外界的请求,经探索,使用HttpComponentshttpClient可模拟Post提交请求。 此处用HttpComponents的httpclient来完成使命。
import org.apache.http.HttpEntity ;
import org.apache.http.HttpRespon
Swift语法之 ---- ?和!区别
hongtoushizi
? swift !
转载自: http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html
Swift语言使用var定义变量,但和别的语言不同,Swift里不会自动给变量赋初始值,也就是说变量不会有默认值,所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错:
var stringValue : String
//
centos7安装jdk1.7
jisonami
jdk centos
安装JDK1.7
步骤1、解压tar包在当前目录
[root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz
步骤2:配置环境变量
在etc/profile文件下添加
export JAVA_HOME=/usr/java/jdk1.7.0_75
export CLASSPATH=/usr/java/jdk1.7.0_75/lib
数据源架构模式之数据映射器
home198979
PHP 架构 数据映射器 datamapper
前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录,相较于这三种数据源架构模式,数据映射器显得更加“高大上”。
一、概念
数据映射器(Data Mapper):在保持对象和数据库(以及映射器本身)彼此独立的情况下,在二者之间移动数据的一个映射器层。概念永远都是抽象的,简单的说,数据映射器就是一个负责将数据映射到对象的类数据。
&nb
在Python中使用MYSQL
pda158
mysql python
缘由 近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到
数据库中。 了解到
Python在这方面有优势,便选用之。 由于我有台
server上面安装有
mysql,自然使用之。在进行数据库的这个操作过程中遇到了不少问题,这里
记录一下,大家共勉。
python中mysql的调用
百度之后能够通过MySQLdb进行数据库操作。
单例模式
hxl1988_0311
java 单例 设计模式 单件
package com.sosop.designpattern.singleton;
/*
* 单件模式:保证一个类必须只有一个实例,并提供全局的访问点
*
* 所以单例模式必须有私有的构造器,没有私有构造器根本不用谈单件
*
* 必须考虑到并发情况下创建了多个实例对象
* */
/**
* 虽然有锁,但是只在第一次创建对象的时候加锁,并发时不会存在效率
27种迹象显示你应该辞掉程序员的工作
vipshichg
工作
1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术,但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的,老板在检查你刚刚完成的工作时,要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中,而不是用在开发好的软件上。 8、部署前5分钟才开始测试。