为了账号安全,请及时绑定邮箱和手机立即绑定

Jenkins使用简易教程

题图Jenkins是一款能提高效率的软件,它能帮你把软件开发过程形成工作流,典型的工作流包括以下几个步骤开发提交编译测试发布有了Jenkins的帮助,在这5步中,除了第1步,后续的4步都是自动化完成的,具体的,当你完成了提交,Jenkins会自动运行你的编译脚本,编译成功后,再运行你的测试脚本,这一步成功后,接着它会帮你把新程序发布出去,特别的,在最后一步,你可以选择手动发布,或自动发布,毕竟发布这件事情,还是需要人为的确认一下比较好。简而言之Jenkins可以帮你在写完代码后,一键完成开发过程中的一系列工作使用Jenkins的好处显而易见,它减少了你的重复劳动。更重要的是,一个团队的开发流程一开始是不一致的,不一致往往会带来...

1260浏览
0推荐
0评论

JavaScript中的tasks和microtasks

之前这篇文章介绍回调函数的时候提到了函数调用栈和任务队列的概念,当时并没有深入探讨任务队列这个概念,只提到回调函数是推入任务队列中,待到当前函数调用栈为空时事件循环将执行任务队列中的下一个任务。今天无意间看到了这篇文章介绍了tasks和microtasks的概念,谷歌大牛果然不同,幽默风趣,非常值得一读!本文基本是由该文章翻译过来,加入些许个人的理解。先瞅一个例子:console.log('script start'); setTimeout(function() {    console.log('setTimeout');...

1451浏览
0推荐
0评论

前端Docker化:(二)Nginx容器部署实践

最近本人在学docker,虽然网上关于docker的文档或者资料很多,但针对于前端开发人员的或者前端实践的文章并不多,故总结了这一系列文章,通过具体实践帮助读者更快的上手docker。安装docker本文以ubuntu16版本为例。开始安装先检查服务器中是否安装了dockerdocker -v由于apt官方库里的docker版本可能比较旧,所以先卸载可能存在的旧版本,再进行更新。 sudo apt-get remove docker docker-engine docker-ce docker.io  ...

2551浏览
1推荐
0评论

CSS3 Test: 新border,padding,margin,offset

新边框现在还是草案阶段,还未有相关浏览器规范,目前仅firefox 41以上的版本才支持。border-inline-start,border-inline-end,border-block-start,border-block-end兼容性不说了,目前仅firefox...

1785浏览
0推荐
0评论

进阶攻略|前端最全的框架总结

前端的技术日渐更新,最近得空,花了一上午的时间,将前端常见的UI框架总结了一下,在开发的过程之中,有了这些,不断能够提高自己的工作效率,还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址:http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。Layui还很年轻,首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道...

1437浏览
1推荐
0评论

HTML基础 之 初识HTML

什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词,比如 <html>HTML 标签通常是成对出现的,比如 <b> 和 </b>标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML...

3941浏览
10推荐
0评论

配置文件 .yml 写法小结

yamlyaml 是什么?在 github 一些开源项目里经常可以看到 .travis.yml 文件,后来接触持续集成这个概念时发现很多文件都是 .yml 后缀的文件。我在 阮一峰-YAML 语言教程 里了解了它的作用以及基本写法,他的那篇文章描述的略微有点啰嗦,实际看到的大多数配置文件还是及其简单的,而我们要做的是能读懂它们,就像读懂 .json 一样。yaml 语言(或者说是一种规范吧)可以编写 .yml 文件,和 json 一样是配置文件。也许是有人认为 json 的写法不爽,于是乎发明了这玩意,通过下面的例子,可以看到 yaml 写的配置文件确实要比 json 方便很多。编写规则大小写敏感json...

4237浏览
0推荐
0评论

CSS3过渡模块

CSS3过渡模块[部分图片和文字来自:]http://www.css88.com/archives/47051、什么是CSS3过渡?CSS3 过渡(transition)是通过定义元素从 起点的状态 和 结束点的状态 ,在一定的时间区间内实现元素平滑地过渡或变化 的一种补间动画机制。你可以让属性的改变过程持续一段时间,而不是立即生效。通过transition你可以决定哪个属性发生动画效果 (可以通过明确地列出这些属性),何时开始动画 (通过设置delay), 动画持续多久 (通过设置duration), 以及如何动画...

1019浏览
0推荐
0评论

CSS3实现18种Loading效果

昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记……第1种效果:loading1代码如下:<div class="loading">         <span></span>         <span></span>...

1438浏览
0推荐
0评论

[前端学习]HTML5部分学习笔记,第一天

HTML5介绍H5并不是新语言,而是HTML的第五次重大修改(版本),移动端支持优于PC端所有主流浏览器都支持H5,但IE8及其以下不支持改变了用户与网页的交互方式:各种新型的多媒体标签代替了flash新增的重要特性:语义化特性、本地存储特性、多媒体、二维三维、特效动画等相对于H4的进步:抛弃了一些不合理的旧属性标签新增了一些标签和属性机构代码更加的简洁易读新增的语义化标签H5中新增了非常多的语义化标签,这里只介绍几个常见的,更多的自己去翻手册header 页眉nav 导航main 页面主要内容article 文章aside 主题内容之外footer...

1250浏览
0推荐
0评论

[前端学习]CSS3部分学习笔记,第一天

css3简介:与H5一样,css3就是css的一个新版本,新增了很多功能让开发更便捷有趣现状:浏览器支持程度较差,需要加前缀移动端支持优于PC端不断改进中,部分原JS实现的效果,css3也能做到应用广泛属性选择器css3中新增了许多灵活查找元素的方法,让获取元素更加的精确,并且css3选择器与jQuery中所提供的绝大部分选择器兼容E[attr] 获取有attr属性的E元素,例如:div[class]E[attr=val]...

1185浏览
0推荐
0评论

[前端学习]CSS3部分学习笔记,第二天

transform转换transform与transition一样,默认都是:如果你以触发事件的方式来设置transform转换,那么默认触发结束后会还原样式值(3D是直接设置也会还原)如果想让转换完之后,保留效果不还原,需要在父元素中设置transform-style:flat||preserve-3d。它的作用是让该元素的子元素转换后保留效果,flat是默认值不保留效果,preserve-3d是保留3D效果2D转换2D移动transform:translate(x,y)使元素参照元素自身的左上角作X轴和Y轴的移动,写一个值默认是设置X轴如果你只想设置一个方向移动,那么将另一个值设置为0,或者直接写translateX、tr...

1118浏览
0推荐
0评论

06_CSS居中、文档流、精灵图、网页优化

知识点定位的盒子居中显示标签包含规范规避脱标流图片和文字垂直居中对齐CSS隐藏/可见CSS之内容移除(网页优化)精灵图属性选择器emmet快捷键定位的盒子居中显示margin:0 auto;...

1620浏览
0推荐
0评论

05_CSS文档流、浮动、定位

知识点文档流浮动作用文本绕图制作导航网页布局清除浮动的三种方式额外标签法父元素添加:overflow:hidden;伪元素法:.clearfix:afterCSS初始化overflowvisiblehiddenscrollauto定位:positionstatic:静态定位absolute:绝对定位relative:相对定位fixed:固定定位文档流(标准流)元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行。浮动布局float:  left   |   right特点:   元素浮动之后不占据原来的位置(脱标)   浮动的盒子在一行上显示...

1271浏览
0推荐
0评论

04_CSS行高、盒子模型

CSS中的居中对齐内容居中对齐:text-align:center盒子居中对齐:margin:0 auto;行高浏览器默认文字大小:16px 行高:是基线与基线之间的距离行高=文字高度+上下边距    注意:一行文字行高和父元素高度一致的时候,垂直居中显示。行高的单位行高单位文字大小值20px20px20px2em20px40px150%20px30px220px40px总结:单位除了像素以为,行高都是与文字大小乘积。父行高单位父元素文字大小子元素文字大小子行高40px20px30px40px2em20px30px40px150%20px30px30px220px30px60px总结:...

1505浏览
0推荐
0评论

17-CSS基础-定位

定位相对定位什么是相对定位?对定位就是相对于自己以前在标准流中的位置来移动格式:position: relative;示例程序<style>         *{            margin: 0;             padding: 0;...

1243浏览
0推荐
0评论

00-JavaScript基础-基本概念

计算机常识计算机只能识别0和1计算机所能识别的指令都是由0和1组成的计算机中存储和操作的数据都是0和1计算机程序是什么?一组计算机能识别和执行的指令(机器语言)程序是为了告诉计算机"做某件事或解决某个问题"而用"计算机语言编写的命令序列(语句)"只要让计算机执行这个程序,计算机就会自动地、有条不紊地进行工作,计算机的一切操作都是由程序控制的,离开程序计算机将一事无成什么是编程语言?编程语言就是人和计算机交流的工具,人类通过编程语言来控制、操作计算机编程语言和我们说的中文、英文本质上没有区别,只是语法比较特殊编程语言分类机器语言所有的代码里面只有0和1,...

777浏览
0推荐
0评论

01-JavaScript基础-常量和变量

JS中的常见输出方式在浏览器弹窗中显示内容alert("hello world");prompt("请输入内容:");confirm("你好吗?");在页面中显示内容document.write("hello world2");在控制台中显示内容console.log("hello world3");console.error("错误信息");console.warn("警告信息");注意点:JS中严格区分大小写alert("hello w...

1798浏览
0推荐
0评论

浮动定位(BFC、边距合并)

1.浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响?浮动元素不在文档的普通流中,它可以根据float属性值而左右移动,直到它的外边缘碰到包含框或者另一个浮动元素的框的边缘才停止移动。对父容器的影响:如果父容器的子元素都是浮动元素,那么父容器会失去高度,在浮动元素之外。视觉上,父容器没有包含住浮动的子元素。其它浮动元素的影响:如果包含块太窄无法容纳水平排列的全部浮动元素,那么其它浮动元素会向下移动,直到有足够的空间,而如果浮动元素的高度不同,那么向下移动的时候可能会被卡住。普通元素的影响:普通元素会视浮动元素不见,占据浮动元素原有的位置,但会被浮动元素遮罩。对文字的影响:文字会感知到浮动元素的存在,会留...

1432浏览
0推荐
0评论

浏览器兼容

1.什么是 CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。属性前缀法(即类内部Hack):例如 IE6能识别下划线""和星号" *...

1546浏览
0推荐
0评论
首页上一页1234567下一页尾页
意见反馈 帮助中心 APP下载
官方微信