consistent__-CSDN博客

原创盒模型(标准和IE)

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Box</title></head><style> .box{

2021-01-31 16:54:04 137 1

margin塌陷父子元素之间垂直方向的margin会粘合到一起，取最大的那个值解决方法优缺点给父级设置边框或内边距不专业，尽量不用bfc块级格式化上下文margin合并两个兄弟元素之间垂直方向的margin发生合并为高度中的较大者解决方法优缺点给它们添加一个父级然后给父级使用bfc改变了结构改变其中一个外边距的值，使之达到想要的效果BFC (块级格式化上下文)具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素

2021-01-31 13:08:04 395 1

原创 CSS定位详解

一、CSS定位机制1.普通流2.浮动定位3.绝对定位除非专门指定，否则所有框都在普通流中定位。普通流中的元素的位置由元素在 HTML 中的位置决定。块级框从上到下一个接一个地排列行内框在一行中水平布置代码：<body> <div class="box1"> <h1>1</h1> </div> <div class="box2"> <h1>2</h

2021-01-31 11:22:21 151

原创 npm安装任何包都报错解决方法

报错：C:\Users\Administrator>npm install expressnpm ERR! Windows_NT 6.1.7601npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "express"npm ERR! node v4.4.4npm ERR! npm v2.15.

2021-01-25 20:10:52 2566

原创 2020/11/23~11/29（Set和mMap数据结构）

一、Set1.Set类似数组，但成员唯一。const s = new Set();[2,3,4,1,2,3,5,2,2].forEach(x=>s.add(x));for( let i of s){ console.log(i); }//2,3,4,1,52.Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数。const set = new Set([1, 2, 3, 4, 4]);[...set]const set = new Set(d

2020-11-25 23:21:53 118

原创 2020实验室纳新页面总结

前端后台静态介绍：第一版：第二版：问题：1.第一版：（1）长宽用百分比写，很难适配所有屏幕，导致适代码增加，可以不用定死高度；（2）盒子居中用position写，可以用flex布局代替；（3）介绍文字太少；（4）总体适配性差，适配代码多。2.第二版：（1）移动端的简介需要点一下才出现，人机交互不友好，需要设计更好的动画展示；（2）页面样式简单，装饰太少；总结：1.对于盒子，可以只设定宽度，根据手机适配设定宽度，好改布局；2.对于盒子定位可以采用flex布局；3.写页面之前先

2020-11-15 16:03:06 213

原创对象、symbol

对象的扩展1.属性的简洁表示ES6允许在大括号里直接写入变量和函数，作为对象的属性和方法。在打印对象时也很有用。但简洁写法不能用于构造函数。const o = { method() { return "Hello!"; }};const baz = {foo: 'bar'};let user = { name: 'test'};let foo = { bar: 'baz'};console.log(user, foo)// {name: "test"} {b

2020-11-08 15:29:11 157

原创函数的扩展

函数的扩展1.函数参数的默认值基本用法ES6允许为函数参数设置默认值，直接写在参数定义后面。function log(x,y='World'){ console.log(x,y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello此方法除了简洁，有两个好处。一是，方便阅读代码，不用看函数体，意识到哪些参数可以省略。二是，有利于优化代码，即使拿掉参数，也不会导致

2020-10-24 17:10:01 266

原创数值的扩展、数组的扩展

数值的扩展1.二进制和八进制表示法二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示，如果要将0b和0o前缀的字符串数值转为十进制，要使用Number方法。0b111110111 === 503 // true0o767 === 503 // trueNumber('0b111') // 7Number('0o10') // 82.Number.isFinite(), Number.isNaN()Number.isFinite()用来检查一个数值是否为有限的（

2020-10-18 17:32:15 267

原创 ES6—4、6

字符串的扩展1.字符的 Unicode 表示法允许采用\uxxxx的形式表示一个字符，xxxx表示Unicode码点，超出\u0000~\uFFFF之间的字符必须用两个双字节形式表示。但是如果将码点放入大括号，就可正确解读字符。"\uD842\uDFB7"// "????""\u20BB7"// " 7""\u{20BB7}"// "????"JavaScript表示一个字符：'\z' === 'z' // true'\172' === 'z' // true'\x7A' =

2020-10-07 01:40:28 203

原创前端2020年9.20考核题总结

1.选择器权重！important > 行内样式 > id > class / 属性选择器 > 标签选择器 > 通配符选择器2.什么是Margin塌陷/合并？margin塌陷：父子元素使用margin时，垂直方向的margin会合并，当父元素没有设置内边距或边框时，子元素大于父元素时，它会带着父元素一起偏移，此时子元素是相对除了它父级之外的离它最近的元素偏移的。当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑开父元素的高度，导致父元素高度塌陷。m

2020-09-27 15:20:54 237

原创 2020/08/10~08/16周报

【本周任务】JSON一、语法1.简单值可以在 JSON 中表示字符串（字符串必须使用双引号）、数值、布尔值和 null。但 JSON 不支持 JavaScript 中的特殊值 undefined。2.对象首先，没有声明变量（JSON 中没有变量的概念）。其次，没有末尾的分号（因为这不是 JavaScript 语句，所以不需要分号）。再说一遍，对象的属性必须加双引号，这在 JSON 中是必需的。{ "name": "Nicholas", "age": 29 }3.数组同样要注意

2020-08-16 17:25:28 86

原创 2020/08/03~08/09周报

【本周任务】BOMwindow对象1.BOM 的核心对象是 window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色，它既是通过 JavaScript 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。（1）全局变量不可以通过delete删除，但是window对象上直接定义的属性可以。（2）尝试访问未声明的变量会抛出错误，但是通过查询window对象，可以知道某个可能未声明的变量是否存在。2.窗口位置screenTop、screenLeft

2020-08-08 21:23:42 114

原创 07/27~08/02周报

【本周任务】学习JS前七章1.JS特点解释性语言、单线程（同一时间只能完成一项）2.JS数据类型原始值（stack栈内存，先进后出）：Number、Boolean、String、Undefine、Null引用值（heap堆内存）：array、object、function…3.在html中使用JavaScript（在< /body >标签前）直接嵌入外部文件基本概念1.类似C语言，区分大小写标识符：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他

2020-08-02 16:01:39 128

原创 ThoughtWork实验室前端暑假第一次小测验题

1.选择器权重！important > 行内样式 > id > class / 属性选择器 > 标签选择器 > 通配符选择器！2.display常见的值，包括的标签display常见的值，标签inline ：span, a, strong, em,iblock ：div, ul , li, p, forminline-block：imgnone3.标准盒模型和IE和模型的区别w3c标准盒子模型的范围包括margin、border、padding、content

2020-07-27 18:19:24 124

原创 07/20~07/26周报

【本周任务】1.复习html、css;2.仿站（星巴克在中国）【知识点】一、html小标签1.< br >换行2.< hr >分隔3.< sub >下标字4.< sup >上标字5.< ins >插入字6.< del >删除字7.< i >斜体字8.< pre >预格式文本9.< abbr >缩写10. 表格、<h4>单元格跨两列:</h4>&l

2020-07-26 19:28:28 117

原创 04/20~04/26周报

【本周任务】第六章1.属性类型：数据属性和访问器属性，分别有四个特征，改变特征用Object.defineProperty()方法。var person = {};Object.defineProperty(person, “name”, {configurable: false,value: “Nicholas”});alert(person.name); //“Nichola...

2020-04-26 21:11:08 99

原创 04/12~04/19周报

【本周任务】JavaScript（第四章~第五章）第四章变量1.两种类型：基本类型和引用类型（可以为其添加属性和方法，也可以改变删除其属性和方法，动态地添加属性）2.动态的属性:引用类型的值，我们可以为其添加属性和方法，也可以改变和删除其属性和方法,不能给基本类型的值添加属性3.复制变量：复制基本类型的值，复制后互不影响，复制引用类型的值时，改变一个变量，另一个就会受到影响4.传递函...

2020-04-18 22:49:17 82

原创 JavaScript第五章总结

第五章引用类型引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。1.object类型（1）创建方法：第一种是使用 new 操作符后跟 Object 构造函数，第二种是使用对象字面量表示法（推荐使用）。var person = {name : “Nicholas”,age : 29};（2）访问对象属性：...

2020-04-18 22:48:35 219

原创 04/06~04/12周报

一、轮播图二、css复习1.浮动（让盒子从普通流中浮起来，让多个块级元素一行显示）（1）浮动的特点：脱离标准流，浮在标准流的上面、不占位置改变display属性，任何元素都可以浮动（2）如何应用：浮动+标准流的父盒子（3）清除浮动：解决父级元素因为子级浮动是内部高度为0，影响下面的标准流选择器 {clear：属性（both）}元素两侧不能出现浮动元素给父级添加overflow...

2020-04-11 15:48:30 118

原创 03/23~03/29周报

【本周任务】一、JavaScript（第一到第三章）1.JavaScript 是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成：（1）ECMAScript，由 ECMA-262 定义，提供核心语言功能；（2）文档对象模型（DOM），提供访问和操作网页内容的方法和接口；（3）浏览器对象模型（BOM），提供与浏览器交互的方法和接口。2.< script>元素（1...

2020-03-29 16:50:20 76

原创 JavaScript（第一章~第三章）

第一章1.JavaScript 是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成：（1）ECMAScript，由 ECMA-262 定义，提供核心语言功能；（2）文档对象模型（DOM），提供访问和操作网页内容的方法和接口；（3）浏览器对象模型（BOM），提供与浏览器交互的方法和接口。第二章1.< script>元素（1）使用方式：直接和外部文件（2）内部J...

2020-03-29 09:14:58 514

原创 03/16~03/22周报

【本周任务】一、demo1.圆形旋转边框：（1）transition属性：设置元素的过渡效果分为四个：（a）transition-property执行变换的属性（b）transition-duration变换延续的时间（c）transition-timing-function在延续时间段，变换的速率变化（d）transition-delay变换延迟时间效果分为六个：1、ease...

2020-03-22 21:05:52 116

原创 03/09~03/15周报

【本周总结】一、学习html51.拖放；link2.地理定位；link3.视频及音频< video>/< audio>用链接文件；4.新的input类型（color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week）number/range属性;max/...

2020-03-15 21:42:57 98

原创地理

<!DOCTYPE html><html><head> <title></title></head><body> <p id="demo">点击按钮获取您当前坐标（可能需要比较长的时间获取）：</p> <button onclick="getLocation()">...

2020-03-14 21:45:41 133

原创拖放

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> #div1{ width: 350px; height: 70px; padding: 10px;...

2020-03-14 21:44:54 95

原创 03/02~03/08周报

1.css设置background-image是注意width和height都要设置；2.ul的圆点用list-style-type: none;3.li的水平：float：left4.搜索栏点击不出现蓝色边框：xxxx:focus{ outline: none;}...

2020-03-10 09:57:38 76

原创 c语言二进制输出

方法一：短除法短除法，将十进制转换为二进制的笔算过程。 #include<stdio.h>int main(){ int a,b,k,i; int remainder[30]; while(1) { //定义了一个remainder数组，用来收集短除法除得的余数，栈倒序输出。 printf("请输入一个十进制数:...

2020-03-01 20:33:38 8534 1

原创大一第一学期后期学习规划

学习规划前端c语言寒假练习打字专业课前端学习html+css(两周)；学习h5(一周）；学习c3(一周）；c语言看完c-pp（包括寒假）；每天至少做两到题，能多做多做；假期前做完南阳og;寒假准备蓝桥杯；练习打字使用typing提高打字速度专业课周内及时完成作业周末复习python和计导...

2020-02-29 10:34:26 227

原创周报——（2019.11.24~30）

周报——（2019.11.24~30）本周任务下周规划本周任务学习markdown语法；南阳OG15题；学习git并上传OG题；学习c语言（到循环）；学习规划；HTML；书写周报；参加程序设计大赛；下周规划南阳OG15道；c语言（学到指针）；css；练习打字；...

2020-02-29 10:34:11 101

原创第二周

第二周总结一、上周问题二、本周问题三、本周任务一、上周问题git不会二次上传解决方案：link周报太过简单二、本周问题c语言自定义函数link网页如何将一张图片做为背景body{ background-image：url（“b.jpg”）； background-repeat：no-repeat； background-size：100% 100%；...

2020-02-29 10:33:58 75

原创 python---列表元素个数的加权和

x=input()y=len(x)s=0t=0for i in range (y): if x[i]=="[": t=t+1 if x[i]=="]": t=t-1 s=s+1 if x[i]==",": s=s+tprint(s)

2020-02-29 10:33:24 1853

原创第三周

第三周总结一、上周问题二、本周解决一、上周问题网页进度太慢css掌握不熟练二、本周解决网页制作完成复习csslinkC语言：蛇形填数# include <stdio.h># include <string.h>int main(void){ int a[10][10]; int i,j,n,k,m=1; printf("请输入蛇形数组阶...

2020-02-29 10:32:37 92

原创大一寒假学习总结

大一寒假学习总结一、收获1.前端（网页制作）2.ACM3.打字二、不足一、收获1.前端（网页制作）（1）NASA仿站NASA仿站是我做的第一个较为完整的网页，用了很长时间去完成，也遇到了一些当时觉得很难的难题。重点问题：a.下拉菜单css代码：.dropbtn { background-color: #4CAF50; color: white; paddin...

2020-02-29 10:30:31 475

原创背包问题

背包问题一、问题描述：有n 个物品，它们有各自的重量和价值，现有给定容量的背包，如何让背包里装入的物品具有最大的价值总和？二、动态规划的原理及过程：eg：number＝4，capacity＝8i1234w(体积)2345v(价值)34561.原理动态规划是把大问题拆分成小问题，通过寻找大问题与小问题的递推关系，解决一个个小问题，最终...

2020-02-28 23:52:08 343

原创浅显了解自适应布局

自适应布局一、 <div class="left"></div> <div class="right"></div>左侧固定宽度，右侧自适应布局1、左侧使用float浮动，给固定宽度，右侧设置margin-left：　　.left{float:left;width:300px;background:#F00;}　　.right{...

2020-02-28 15:31:42 110

原创 Markdown语法

学习MarkDown 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用M...

2020-02-28 15:19:45 161

原创 git

git 用法安装创建版本库第一步：创建第二步：使用 git init 命令，把这个目录变成Git可管理的仓库第三步：把文件放到git仓库中第四步：提交安装安装后需要输入的命令$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"创建版本库第一步：创建...

2020-02-28 15:19:10 120

原创 iconfont及自定义字体

iconfont及自定义字体一、iconfonticonfont:将iconfont拆开来看，就是icon（图标）和font（字体）。简单的说iconfont就是利用字体工具把我们平时网页上用的图形图标转换成网页字体。其实跟字体差不多，字体对应的是文本，iconfont对应的是图标iconfont的优势：1、相比图片的大小容量，iconfont几乎是羽翼级轻量。2、图标都被打包在字体库...

2020-02-28 14:43:58 1915

空空如也

空空如也