就不能找个大点的碗吗-CSDN博客

原创 01背包问题降维逆序图解

Q1:为什么降维后内层变成了逆序？A1:据我理解，假设：体积价值表为：其中第0行为体积(w)，第1行为价格(v) 4 1 2 3 4 5 2 4 4 5 状...

2020-02-27 15:42:03 742 2

原创 es6-块级作用域绑定之我见

1.es6引进块级作用域来强化对变量生命周期的控制2.块级作用域（亦称词法作用域）存在于：函数内部块中（字符｛和｝之间的作用域）3.let声明语句放在封闭代码块顶部4.执行流离开if块，value立刻被销毁。如果condition的值为false，就永远不会声明并初始化value代码：if(condition){let value = "blue"return...

2019-03-11 16:47:20 312

原创 javascript--有关于异步，同步（defer与async）

1.defer 和 async 在网络读取（下载）这块儿是一样的，都是异步的（相较于 HTML 解析）2.它俩的差别在于脚本下载完之后何时执行，显然 defer 是最接近我们对于应用脚本加载和执行的要求的3.关于 defer，HTML5规范要求脚本执行应该按照脚本出现的先后顺序执行，但实际情况下，延迟脚本不一定按照先后顺序执行！！！这很重要！！！！4.async 则是一个乱序执行的主，...

2018-09-17 14:47:05 988

原创 javascript--操作表单，表单解读

服务端程序必须要有一个提交按钮提交到服务器，客户端程序则可以不需要服务端程序是基于表单提交动作－－按照表单大小块处理数据，但是限制了交互性客户端程序基于事件－－可以单独对表单元素作出响应，使其有更好恶毒响应度，例如用户打字校验有效性 15.9.1选取表单和表单元素使用getElementById()或getElementByTagName()在支持querySelector...

2018-09-17 14:44:53 982

原创 javascript--文档和元素几何图形滚动

15.8.1文档坐标和视口坐标元素的位置：向右表示x轴增加，向下表示y轴增加文档坐标：相对于整个文档，在用户移动滚动条时坐标不改变视口坐标：相对于窗口获取滚动条位置：1）window对象的pageXOffset和pageYOffset（除ie8以及以下版本）2）通过2.1)在标准模式下document.documentElement的scrollLeft和scro...

2018-09-17 14:43:22 1014

原创 css基础（十四）－－生成内容

40.css生成内容使用content配合伪类选择器一般可以做以下四种事情：例如：css中有一个清除浮动的方法“clearfix”就是用了 content，只不过这里插入了一个空格.clearfix:before, .clearfix:after { content:””; display:table; } ....

2018-08-21 09:52:06 1458

原创 css基础（十三）－－媒体类型

37.Media Queries——媒体类型让一个页面适应不同终端screen all print 最为常见媒体类型的引入方法：1.link方法：<link rel="stylesheet" type="text/css" href="style.css" media="screen" /><link rel="stylesheet" t

2018-08-20 15:27:36 1660

原创 css基础（十二）－－伸缩布局

36.伸缩布局css3引入新的布局模式－－flexbox 主要功能：第一，屏幕和浏览器窗口大小发生改变也可以灵活调整布局；第二，可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），从而调整伸缩项目的大小；第三，可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间，分配到伸缩项目之前、之后或之间；第四，可以指定如何将垂直于元素布局轴的...

2018-08-20 15:25:03 1410

原创 css基础（十一）－－盒子模型

35.盒子模型分为两种：w3c标准模型 ie的传统模型相同之处：都是对元素计算尺寸模型不同之处：计算方法不同 1.w3c标准盒模型外盒尺寸计算（元素空间尺寸） element空间高度＝内容高度＋内距＋边框＋外距 element空间宽度＝内容宽度＋内距＋边框＋外距内盒尺寸计算（元素大小） element高度＝内容高度＋内距＋边框（hei...

2018-08-20 15:22:34 1484

原创 css基础（十）－－多列布局

34.多列布局columns：<column-width> || <column-count>例如：要显示2栏显示，每栏宽度为200px，代码为：columns: 200px 2; column-width:在定义属性列宽的时候能够单独使用或者和多列属性中其他属性配合使用column-width: auto | <length>...

2018-08-20 15:21:37 1431

原创 css基础（九）－－keyframe

33.keyframe关键帧，类似于flash中的关键帧，以@keyframes开头紧跟着动画名称加上花括号｛。。。｝，括号中表示不同时间段样式规则@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; }} 样式规则中可以创建多个百分比，分别给每个...

2018-08-20 15:20:18 13160

原创 css基础（八）－－动画transition

32.过渡属性 transition-propertycss中新增的模块transition 通过鼠标单击，获取焦点，被点击，或者对任何元素改变时触发，并平滑的以动画效果改变css的属性值创建简单的过渡效果步骤：1.在默认样式中生命初始状态样式2.生命过度元素的最终状态，比如悬浮状态3.在默认样式中通过添加过度函数，添加一些不同的样式 transition是一个...

2018-08-20 15:17:50 1428

原创 css基础（七）－－动画效果

26.rotate（）函数指定的角度参数使元素相对原点进行旋转，设置一个角度值，指定旋转的幅度，如果是正值，相对圆点中心顺时针，负值相对于圆点中心逆时针-ms-transform:rotate(7deg); //-ms代表ie内核识别码-moz-transform:rotate(7deg); //-moz代表火狐内核识别码-webkit-transform:rotate(7deg)...

2018-08-20 15:15:24 1423

原创 css基础（六）－－接上文剩余一些选择器

20.：enable选择器与disabled属性input[type="submit"] :disabled在后面直接添加：disabled21.：checked属性：checked表示选中状态的复选框或者单选框22.::selection表示用鼠标选中的文本，可以设置其样式比如：默认是背景为蓝色，字体为白色换一种样式：换成字体为白色，背景为橘色::se...

2018-08-20 15:13:20 1354

原创 css基础（五）－－选择器

5.属性选择器1）^表示以val开头，att表示属性［比如title，class之类的］2）$表示以val结尾的3) *表示含有val字符串的例如； a[class^="column"]{ background:red; } a[href$="doc"]{ background:green; ...

2018-08-20 15:11:45 1428

原创 css基础（四）－－背景

1.背景位置background-originbackground-origin : border-box|padding-box|content-box表示图片从边框还是内边框（默认），或者内容区域开始显示如果背景图片不是no－repeat，属性无效，直接从边框开始显示2.背景是否裁剪 background-clipbackground-clip ： border-b...

2018-08-20 15:05:41 1378

3.字体1.text-overflow 与 word-wraptext－overflow用来设置是否使用一个省略标记（。。。）标示文本内溢出但是只能说明溢出时用什么方式显示，要实现省略号效果，必须定义一行内显示（white－space：nowrap）以及溢出内容隐藏（overflow：hidden）代码如下：如果要溢出时省略号显示text-overflow:ellipsis; overflow:...

2018-07-10 20:38:40 1409

原创 css基础（二）－－颜色控制

2.css颜色1.普通color：rgba(R,G,B,A)R,G,B都可以为0-255的正数，以及百分比0-100，超出范围使用最接近的极限值，并非所有浏览器都支持百分数值，a为透明参数，取值在0-1之间例如：background-color:rgba(100,120,60,0.5);2.渐变分为线性渐变和径向渐变线性渐变：第一个参数为渐变方向，可以用角度或是英文单词表示第二，第三个参数表示起...

2018-07-10 20:37:31 1457

原创 css基础（一）－－边框

1.边框圆角效果border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 可以使用百分比或者em，但兼容性不太好实现实心整个圆：div.circle{ height:100px;/*与width设置一致*/ width:100...

2018-07-10 20:35:37 1396

原创 Jquery基础知识（一）－－样式

jquery属性样式使用attr属性以及removeAttr属性attr： 1 attr(传入属性名)：获取属性的值 2 attr(属性名, 属性值)：设置属性的值 3 attr(属性名,函数值)：设置属性的函数值 4 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }removeAttr:.removeAttr...

2018-07-09 10:02:33 1409

原创 Jquery基础知识（一）－－选择器

jquery基础jquery是一个javascript脚本框架，不需要特别安装，只需要在头标签中，通过script引入jquery库<script type="text/javascript" src=“https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>$(document).ready作用是...

2018-07-07 16:30:53 1935

原创 bootstrap基础知识（六）－－javascript插件

javascript插件javascript插件：一次性导入：Bootstrap提供了一个单一的文件，这个文件包含了Bootstrap的所有JavaScript插件，即bootstrap.js（压缩版本：bootstrap.min.js）。具体使用如下（或见右侧代码编辑器28-29行）：<!—导入jQuery版本库，因为Bootstrap的JavaScript插件依赖于jQuery --&g...

2018-07-05 11:21:20 1494

原创 bootstrap基础知识（五）－－面板

面板1）基础面板div运用panel 产生具有边框的文本显示块<div class="panel panel-default"> <div class="panel-body">我是一个基础面板，带有默认主题样式风格</div></div> 2）有头有尾的面板另外添加两个容器：panel-heading：设置头面板样式panel-footer：...

2018-07-05 10:15:13 1472

原创 bootstrap基础知识（五）－－列表组

列表组1）基础列表包括两个部分：ul中list－group以及li中list－group－item例如：<ul class="list-group"> <li class="list-group-item">揭开CSS3的面纱</li> <li class="list-group-item">CSS3选择器</l

2018-07-05 10:13:30 1116

原创 bootstrap基础知识（五）－－媒体对象

媒体对象像这样排列1）默认媒体对象容器常使用类名“media”表示对象用”media－object“表示主体用”media－body“表示标题用”media－heading“表示“pull－left”以及“pull－right”表示悬浮方式代码如下：<div class="media"> <a class="pull-left" href="#"> &...

2018-07-04 20:03:24 942

原创 bootstrap基础知识（五）－－进度条

进度条1）基本样式一般用两个容器进行存储第一个容器类名为“progress”用来设计进度条样式第二个容器名为“progress－bar”用来限制进度条改进：虽然能够实现进度条，但是对于残障人士阅读浏览器有困难，故将结构做得更好，例如：代码如下：<div class=“progress”><div class=“progress-bar” style=“width:40%;” ro...

2018-07-04 20:02:33 904

原创 bootstrap基础知识（五）－－警示框

警示框提示操作成功或操作错误或警示 1）默认警示框1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色； 2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色； 3、警告警示框：提示用户小心操作（提供警告信息），在“alert”...

2018-07-04 20:01:47 546

原创 bootstrap基础知识（五）－－缩略图

缩略图（一）就是几张图片，底部（左侧或者右侧）带有标题，描述等信息使用方法：通过thumbnail以及bootstrap网格系统完成结构：<div class="container"> <div class="row"> <div class="col-xs-6 col-md-3"> <a href=&quot

2018-07-04 20:00:58 531

原创 bootstrap基础知识（四）－－导航条

导航条导航条和导航一样也是独立的组件1）基础导航条使用方法：1）先在ul的nav后添加类名“navbar－nav”2）然后在外面添加一个容器（div）并添加类名“navbar－default”2）加入导航标题在容器中添加一个新的名为“nav－header”的容器并在其中添加名为“nav－brand”的a标签代码如下：<div class="navbar navbar-default" rol...

2018-07-04 16:16:40 580

原创 bootstrap基础（四）－－导航

导航1）基础样式在ul标签中添加类名“nav”即表示默认导航栏样式，需要在后面追加类名“nav-tabs”或者”nav-pills”如：<ul class="nav nav-tabs"> <li><a href="##">Home</a></li> <li><a href=&q

2018-07-04 11:52:51 619

原创 bootstrap基础知识（四）－－按钮

按钮1）按钮组如果需要多个按钮组合可以是一个div并且添加类名“”btn－group“例如：<div class="btn-group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-step-backward">&amp

2018-07-04 09:34:54 494

原创 bootstrap基础知识（四）－－菜单

菜单1）基本使用在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件 <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"><...

2018-07-03 15:40:39 479

原创 bootstrap基础（三）－－网格系统

网格系统：1）列组合通过改变数字进行合并列<div class="container"> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-8">.col-md-8&lt

2018-07-03 14:35:15 334

原创 bootstrap基础知识（二）－－表单

二）表单默认表单：Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右）在<form>元素上使用类名“form-horizontal”主要有以下几个作用：1、设置表单控件padding和margin值。2、改变“form-group”的表现形式，类似于网格系统的“row”。内联表单：在<form>元素中添加类名“form-...

2018-07-03 14:06:03 313

原创 bootstrap基础知识（一）－－排版

bootstrap基于jquery框架，使用jquery样式一）排版1)标题，副标题：<h1>正标题<small>副标题</small></h1>2)段落强调()即加上class类名：<p class=“lead”></p>原样式代码：.lead {margin-bottom: 20px;font-size: 16px;fon...

2018-07-02 10:42:20 252

qq_39555936的博客