2018年05月_Arashian

原创 Bootstrap 导航栏

导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一个默认的导航栏：<nav> 标签添加class .navbar、.navba...

2018-05-25 21:20:08 3520

原创前端学习——Pug模板

1.类名和ID名 a.button a(class="button") a#button a(id = "button") 编译后：<a class="button"></a> <a id="button"></a> 如果前面没指定标签名，则默认div2.属性用（）包裹，属

2018-05-18 15:20:20 2253

原创前端学习——jQuery库

jQuery库1.$ 所有jQuery都是由$【bling】开始2.jQuery通过选择器来选择一个元素，然后操作元素做些改变. 如 $("button").addClass("animated bounce")：我们用$("button")选中按钮，用addClass("animated bounce")给按钮加CSS class 通过class选中：$(".xxx") 通过id选中...

2018-05-17 19:41:29 156

原创前端学习——参数arguments

JS中function是对象的一种，调用时传的实参个数与定义时的形参个数可以不同。解释器永远不出错。实际上，在函数体内，参数是用一个数组表示的。在函数体内可以通过arguments对象来访问这个参数数组，从而获得传的每个实参。arguments对象可以和命名参数一起使用，内存空间互相独立，值会同步。若果命名参数没有传递值，则默认为undefined。...

2018-05-17 17:05:49 217

原创前端学习——迭代数组

1.map：会迭代数组中每一个元素，并根据回调函数来处理每一个元素，最后返回一个新数组，不会改变原数组。 arr.map(function(val){...});2.reduce: 迭代一个数组，并累积到一个值中，回调函数的参数是一个累加器和当前值。reduce有个第二参数被用来设置累加器初始值，如果没有设置，默认第一项。3.filter:迭代数组，并且按给出的条件过滤出...

2018-05-16 18:43:00 303

所谓文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列，并最终窗体自上而下分成一行行，并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或从排列中拿走。a.定位属性positon　　先看一下定位。看一段对定位各个字段的描述，有助于理解值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left"...

2018-05-08 14:55:18 430

转载前端学习——布局

1. 盒子模型margin：外边距/边界border：边框padding：内边距/填充以上属性又分上下左右四个方向。元素实际占位尺寸 = 元素尺寸+padding+边框宽度2. 最基础的页面布局结构： <div id = "container"> <div id = "header"></div> <div id...

2018-05-08 14:07:36 368

m0_37829710的博客