qq_51986661的博客

html总结,语义化标签、h5新增标签、表格、表单、列表。html面试题精选

微信小程序支付流程（详解）

移动端适配(物理像素、css像素、设备独立像素)虚拟像素 - b. 用于开发中设置元素的样式 - c. 疑问： 开发中编写的css 像素如何落地？？？

分页器、滚动条、轮播图封装

vue2核心以及面试题讲解（组件通信方式，分页器，防抖节流）

React学习笔记，适合刚开始或者对react有一定理解的更快的学习react

HTTP（hypertext transport protocol）协议也叫『超文本传输协议』，是一 种基于 TCP/IP 的应用层通信协议，这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。协议主要规定了两方面的内容。

文档: https://webpack.docschina.org/Webpack 是一个模块打包器 (bundler)，本质就是一个工具包。在 Webpack 看来，项目源码中所有的静态资源文件都是模块，如 JS / JSON / CSS / LESS / IMG / FONTS 等等，这些文件都会作为模块来处理。Webpack 会根据模块之间的依赖关系，进行分析打包所有在整个依赖图中的模块资源，生成最终的浏览器能高效运行的静态资源。

Git 是一款开源免费的版本控制系统，是一个应用程序。Gitee和GitHub一样，是一个 Git 仓库管理网站。可以创建远程中心仓库，为多人合作开发提供便利。hooks 目录包含客户端或服务端的钩子脚本，在特定操作下自动执行info 信息文件夹. 包含一个全局性排除文件，可以配置文件忽略logs 保存日志信息objects目录存储所有数据内容,本地的版本库存放位置refs 目录存储指向数据的提交对象的指针（分支）config 文件包含项目特有的配置选项。

文档对象模型，英文全称为Document Object Model，它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。D：Document，文档，表示的整个Html的网页文档O：Object, 对象，将网页的每一部分（标签）转换为每一个对象M：Model，模型，使用模型来表示对象之间的关系，方便我们获取。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来，让脚本来操作页面，使

ES61995年的美国，有一家名为netscape(网景)的公司打造了一款主要用于check验证的脚本语言，而恰在此时，Sun公司的java语言火的一塌糊涂，netscape公司为蹭其热度，便将该脚本语言命名为JavaScript。不料JavaScript居然被越来越多的人使用，后效仿大秦的货币统一政策将其提交给国际标准组织ECMA。该组织发布的标准被称做ECMAScript。2015年6月发布的版本称为，简称ES6。从ES6开始，该组织每年会发布一个版本，版本号比年份最后一位大1，至今最新版本为。

​ 相信前端开发人员对与CSS（Cascading Style Sheet-级联样式表）这种「面向命名语言」，一定非常熟悉。你可能在某个舍友熟睡的深夜，还在电脑面前被 css 繁重、冗杂的样式，折磨的死去活来。我们曾经面对 css 很多令人发指的不友好特性，也因为 css 的低复用性而刀耕火种。语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，预处理语言

1.1 解释型JavaScript是一门解释型编程语言，解释型编程语言指代码不需要手动编译，而是通过解释器边编译边执行。所以要运行JS，我们必须现在计算机中安装JS的解释器。像是我们使用的浏览器都已经自动集成了JS的解释器（我们也称它是JS引擎）。Node.JS也是JS引擎，它使得JS可以直接在计算机中运行。无论是浏览器还是Node.js都需要遵循ECMAScript（ES）标准。在JavaScript中函数是一等公民，它可以像其他类型的值一样赋值给任意变量，字符串数组函数对象去重方法面向对象

/ }, thisArg) element：元素的值 index：元素的索引 array：被遍历的数组本身。这个循环用的人也很多，但是效率最低（输出的 key 是数组索引），如果遍历的是对象，输出的则是对象的属性名。方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变。遍历数组，返回符合条件的第一个元素，js数组归纳总结，超级详细，数组遍历，数组方法，map,foreach

break竟然可以这样使用。break与continue的区别。break关键字，continue关键字。

【代码】css实现折扇效果。

1.px pt em rem vw 几个单位2.px 绝对单位 网页布局最常用的单位，一般用于pc端布局。px像素的意思。版心是1200px3.pt 点 常用于印刷。或者ios常用的单位。我们前端基本不用。4.em 相对单位。1em就是当前一个文字大小。场景：段落首行缩进2个字。5.rem 相对单位。相对于的文字大小，跟其余标签没有任何关系。场景：做适配。bootstrap响应式布局，栅格系统

li的身上有list-style-type属性，而且是继承ul。这就解释了为什么li身上有小圆点了。这就是为什么ul有个初始的padding了。lower-alpha：小写英文字母。upper-alpha：大写英文字母。lower-roman：小写罗马数字。upper-roman：大写罗马数字。是ul的属性但是却作用在li身上。decimal：阿拉伯数字。none：不使用项目符号。square：实心方块。我们看看li身上的属性。circle：空心圆。

a表示数组，from表示数组开始排序的位置下标，to表示数组结束位置下标。如果 comparefn(a,b) return 的结果小于 0 ，那么 a 会被排列到 b 之前；如果 comparefn(a, b) return 的结果等于 0 ， a 和 b 的相对位置不变。如果 comparefn(a, b) return 的结果大于 0 ， b 会被排列到 a 之前。数组arr1[6,8,2,4,10] 排序后的结果是[10,2,4,6,8]10中的第一位1跟6，8，2，4进行排序。...

iframe框架、a标签、链接、html笔记、前端。

1.行内元素水平居中的方法。可以通过给他设置text-align:center(给父盒子)2.块级元素设置水平居中:margin:0 auto(前提是他的父盒子是有宽度的,是根元素也可以)3.块级元素也可以通过display: inline（转换行内元素）,display:inline-block(转换行内块元素) 然后给他们添加text-align:center来实现水平居中水平垂直居中。...

你给一个盒子加一个top:-5px,加了transtion不起效果可能是你没有给盒子初始的top:0;就像这里想利用定位加一个过渡的效果，可是忘记给初始的top值，导致过度失效了。这一点有时候很难被发现，所以加过渡时一定看一看有没有初始的值。注意:有时候过渡不起效果可能是定位的问题。只需要在.goos-inner中加上。

padding内边距，盒子模型是，margin外边距

css选择器

2.字体是大小和字体的种类不能省略，font-family和font-size不能省略的，否则连写失效。注意：标签选择器是选择当前页面里面所有的一类标签，比如选择页面所有的页面标签。em:当前文字大小的单位，1em相当于当前一个文字的大小。2.ID选择器相当于人的身份证，只能使用一次，唯一的。2.如果行高大于盒子的高度，则里面的单行文字会垂直偏下。3.如果行高小于盒子的高度，则里面的单行文字会垂直偏上。1.类选择器相当于人的名字，可以重复，可以多次使用。和类选择器的区别 （使用次数上）...

html 列表 表格 form表单 文本域 label