- 博客(40)
- 收藏
- 关注
RSS订阅原创 display属性和flex grid布局
Display属性表Flex布局Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫...
2020-11-07 23:35:03
1315
原创 2020-11-06 浮动模型，定位
浮动的原理浮动元素会脱离正常的文档布局流，并吸附到其父容器的左边或者右边。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。注：浮动内容仍然遵循盒子模型诸如外边距和边界。清除浮动的方法Clear 指定一个元素是否必须移动(清除浮动后)到在它之前的浮动元素下面。当把这个应用到一个元素上时，它主要意味着"此处停止浮动"——这个元素和源码中后面的元素将不浮动，除非稍后将一个新的float声明应用到此后的另一个元素。闭合浮动增加一个清除浮动的子元素，由于给元素添加fl
2020-11-06 23:16:15
147
1
原创 盒模型
为什么存在两种盒模型第一种是w3c的标准模型，另一种是IE的传统模型。2. 区别IE的content部分把 border 和 padding计算了进去通过哪个CSS属性可以设置width的基准box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下box-sizing: content-box | border-box | inherit盒模型主要有哪些属性这张3D图网上看到的感觉比较好理解盒模型就放这里了 margin ..
2020-11-05 23:23:01
223
原创 2020-11-04
相对长度单位相对长度单位相对于其他一些东西，比如父元素的字体大小，或者视图端口的大小。使用相对单位的好处是，经过一些仔细的规划，可以使文本或其他元素的大小与页面上的其他内容相对应。百分比在许多情况下，百分比与长度的处理方法是一样的。百分比的问题在于，它们总是相对于其他值设置的。例如，如果将元素的字体大小设置为百分比，那么它将是元素父元素字体大小的百分比。如果使用百分比作为宽度值，那么它将是父值宽度的百分比。响应式web设计会用到的单位：字号的相对单位em和rem：rem用于页面...
2020-11-04 22:55:35
131
原创 css选择器权重、大小写、区别
选择器类型通配选择器，元素选择器，类选择器，ID 选择器，属性选择器，并集选择器，后代选择器，子选择器，一般兄弟选择器，紧邻兄弟选择器，伪选择器。权重计算：第一优先级：无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。 2、第一等：内联样式，如：style="color:red;"，权值为1000.（该方法会造成css难以管理，所以不推荐使用） 3、第二等：ID选择器，如：#header，权值为0100. 4、第三等：类、伪类...
2020-11-03 23:02:39
360
原创 ES6第七章数值的扩展
数值的扩展二进制和八进制表示法二进制前缀0b（或0B）八进制和0o（或0O）表示。 0b111110111 === 503 // true 0o767 === 503 // true如果要将0b和0o前缀的字符串数值转为十进制，要使用Number方法。 Number('0b111') // 7 Number('0o10') // 8Number.isFinite(), Number.isNaN()ES6 在Number对象上，新提供了Number.isFinite(
2020-08-02 18:19:45
206
原创 ES6第六章正则的扩展
ES第五章EegExp构造函数第一种情况是: 参数是字符串，这时第二个参数表示正则表达式的修饰符（flag）。var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i;第二种情况是，参数是一个正则表示式，这时会返回一个原有正则表达式的拷贝。在ES5中当第一个参数是正则表达式时，不支持第二个参数...
2020-08-02 11:38:36
133
原创 ES6第五章字符串的新增方法
字符串的新增方法String.fromCharCode() 方法与ES5比较，改进了不能识别码点大于0xffff的码点。注：如果String.fromCodePoint方法有多个参数，则它们会被合并成一个字符串返回。而且fromCodePoint方法定义在String对象上String.raw() 该方法返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串例如：String.raw"Hi\u000A!"=== "Hi\\u000A!" (如果原字符串的斜杠已经转义，那么String.raw()会进行
2020-08-02 00:06:53
142
原创 ES6第四章字符串的扩展
ES6第四章1.字符的Unicode表示法加强了表示的方法，原来只能表示\u0000~\uFFFF超过范围的无法表示现在可以勇\u{20BB7}这样子。2.字符串的遍历借口字符串的遍历借口，除了可以正常的遍历，还可以识别大于\uFFFF的字符。但是要用for（…of…）才行。3.允许直接输入字符直接在字符串里面输入这个汉字，也可以输入它的转义形式\u4e2d，两者是等价的。也就是说'中'==='\u4e2d'。JavaScript 规定有5个字符，不能在字符串里面直接使用，只
2020-05-26 01:12:50
169
原创 Javascript 的 Event loop 理解
Javascript 的 Event loop 理解首先先理解Event loop到底是个什么东西，都知道JavaScript是一个单线程的语言，至于为什么是单线程语言呢，简单的说JavaScript本来就是一个脚本语言没有必要做成多线程的。但是单线程的话就会碰到一些问题 例如 在涉及文件读取的时候就会变成这样之间的红色部分就是等待的时间这段时间内浏览器什么也做不了，这样的话就很浪费，给人的体验就是很卡。然后呢Event Loop 就被提出来了，可以理解为把JavaScript的单线程分为一个主线程和
2020-05-22 23:55:09
287
原创 ES6第三章
第三章 变量的解构赋值数组的解构赋值也就是在ES6里面允许对变量进行模式匹配来赋值类似let [a, b, c] = [1, 2, 3];，但是如果解构不成功的话值就是undefined。像let [foo] = [];。当只有部分匹配成功的时候，匹配成功的与没有匹配成功的不会干扰也就是如果有一部分没有匹配成功也不会影响全部的匹配。当然当“=”右边的不是数组（没有interator借口的类型）的时候就不能这样做。我感觉之所以这样是因为没有interator接口的话就不能遍历访问。默认值
2020-05-17 21:43:57
149
原创 ES6第二章
ES6 第二章Let和Const命令一.Let基本用法就是是一个变量声明类似于var，但是所声明的变量，只在let命令所在的代码块内有效。常用于for循环的循环变量for中声明循环变量i类似于for(let i=0;i<n;i++){…} for循环有两个作用域，声明循环变量的是父作用域，代码部分是子作用域。 也就是说I在每次循环的当前次数才有意义循环重新开始一次都会重新初始化但是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进
2020-05-17 20:20:08
153
原创 AJAX学习
AJAX学习概念AJAX简称Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），首先AJAX不是一门新的编程语言，只是一种现有的新的标准方法，最大的优点就是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分页面内容。工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。创建AJ...
2019-11-30 22:10:12
148
原创 HTML5脚本编程
JavaScript第十六章HTML5脚本编程1. 跨文档消息传递就是来自不同的域的页面建传递消息，简称XDM，核心是postMessage（）方法。目的是向另一个地方（当前页面的ifarme或者当前页面弹出的窗口）传递数据。postMessage()方法接收两个参数：一条消息和一个表示消息接收方来自哪个域的字符串。第二 个参数对保障安全通信非常重要，可以防止浏览器把消息发送到不安全的地方...
2019-11-23 23:17:50
319
原创 JavaScript第十五章使用 Canvas 绘图
JavaScript第十五章使用 Canvas 绘图<canvas>元素基本用法使用 元素，必须先设置其 width 和 height 属性，指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息，如果浏览器不支持 元素，就会显示这些信息。在使用 元素之前，首先要检测 getContext() 方法是否存在，这一步非常重要。使用 toDataURL() 方法，可...
2019-10-28 17:11:58
553
原创 学习Async和Promise
学习Async和Promisepromise主要用于异步计算使异步操作队列化，按照期望得顺序执行，返回符合预期得结果可以在对象之间传递和操作promise，帮助我们处理队列两个特点对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。只...
2019-10-27 18:28:39
256
原创 csdn_export_md
JavaScript第十四章表单的基础知识*提交表单可以通过按钮将其 type 特性的值设置为"submit"来提交表单,也可以通过document.getElementById(“myForm”);来提交。避免一次性提交太多表单，在第一次提交表单后就禁用提交按钮，或者利用 onsubmit 事件处理程序取消后续的表单提交操作。重置表单。使用 type 特性值为"reset"...
2019-10-13 15:07:33
122
原创 JavaScript第十三章
JavaScript第十三章理解事件流事件流：事件流描述的是从页面中接收事件的顺序事件冒泡：事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。事件捕获：事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。DOM事件流：包括三个阶段：事件捕获阶段、...
2019-09-28 23:01:19
131
原创 JavaScript第九章客户端检测
JavaScript第九章客户端检测能力检测能力检测（又称特性检测）。能力检测的目标不是识别特定的浏览器，而是识别浏览器的能力。也就是因为，有些函数，方法在某些浏览器里面用不了，使用要检测一下，防止出现问题两个重要概念：先检测达成目的的最常用的特性。是必须测试实际要用到的特性。一个特性存在，不一定意味着另一个特性也存在。更可靠的能力检测检测某个特性是不是一...
2019-09-22 13:34:41
202
原创 理解授权码模式
这里写自定义目录标题使用puppeteer下载安装puppeteer爬取登录网站总结使用puppeteer下载安装puppeteer首先安装的时候总是会很慢，而且总是会失败说什么error像下面这个样子ERROR: Failed to download Chromium r515411! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOA D" env var...
2019-09-22 00:49:58
714
原创 JavaScript第八章
JavaScript第八章理解window对象——BOW的核心window对象全局作用域所有在全局作用域中声明 的变量、函数都会变成 window 对象的属性和方法窗口关系及框若架页面中若包含框架，则每个框架都拥有自己的window 对象，并且保存在frames 集合中。在frames 集合中，可以通过数值索引（从 0开始，从左至右，从上到下）或者框架名称...
2019-09-02 00:11:02
384
原创 JavaScript第七章
JavaScript第七章定义函数的 方式：函数声明function functionName(arg0, arg1, arg2) {//函数体}首先是 function 关键字，然后是函数的名字。是在执行 代码之前会先读取函数声明，可以把函数声明放在调用它的语句后面。函数表达式var functionName = function(arg0, arg1, arg...
2019-08-16 13:51:20
280
原创 eslint使用
eslint配置Configuration Comments -使用JavaScript注释把配置信息直接嵌入到一个代码源文件中Configuration Files -使用JavaScript、JSON或者YAML文件为整个目录（处理你的主目录）和它的子目录指定配置信息，任务要求的那种，配置一个独立的[.eslintrc.*文件，或者直接在package.json文件里的e...
2019-08-12 00:55:13
141
原创 Postman首用
Postman简介我用的是插件，没有下PC版的，刚开始去官网下的时候半天没有反应就去下了一个chrome插件用。用起来效果还行，没有什么问题。请求也有反应。对posmtan的介绍Postman 是一个很强大的 API调试、Http请求的工具简单的使用的话导入：用于导入你或团队保存的API请求文件，json格式。新建文件夹：用于API请求分门别类，便于管理。保存请求：保存你的...
2019-08-11 14:23:02
197
原创 Easy-Mock
Easy-MockEasy Mock 是一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 mock 服务。都是用它来模拟数据的。Easy-Mock的使用非常简单，甚至不需要下载什么东西，直接几张图就会了，主要是看一下语法部分语法String'name|min-max': string数组：name：字符串名，min-max：头和尾Number'nam...
2019-08-11 13:01:36
241
原创 JavaScript第六章
第六章理解对象属性类型数据属性Configurable:能否通过 delete 删除属性从而重新定义属性，能否修改属性的特 性，或者能否把属性修改为访问器属性Enumerable:表示能否通过 for-in 循环返回属性Writable:：表示能否修改属性的值Value:包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候， 把新值保存在这个位置默...
2019-08-11 09:53:24
343
原创 npm了解
npm了解npp是什么NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。网站：开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径注册表（registry）一个巨大的数据库，保存了每个包（package）的信息命令行工具 (CLI)通过命令行或终端运行。开发者通过 CLI 与 npm 打交道...
2019-08-04 23:36:15
230
原创 GIT命令行
GIT命令行git init用 git init 在目录中创建新的 Git 仓库。git clone使用 git clone 拷贝一个 Git 仓库到本地，让自己能够查看该项目，或者进行修改‘git clone [url]’默认情况下，Git 会按照你提供的 URL 所指示的项目的名称创建你的本地项目目录。 通常就是该 URL 最后一个 / 之后的项目名称。如果你...
2019-08-04 01:10:59
84
原创 JavaScript第五章
JavaScript第五章object类型实现方法new操作符跟Object函数‘var person = new Object();’用对象字面量表示'var person = {name : “Nicholas”, age : 29 }; ’对象的访问方法点表示法方括号表示法’ var propertyName = “nam...
2019-08-04 01:08:22
338
原创 了解的五个前端框架
了解的五个前端框架首先简单总结一下：之前没有接触过前端框架这个，经过最近一段时间的学习，学的也不是很深入只是大概的了解了一哈，感觉框架这个东西，就是把一些基础的零件给你做了出来，方便了很多，不用像之前一样很多东西都要自己来码。jQuery UI简介jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库，可以使用它创建高度交互的 Web 应用...
2019-07-28 10:39:57
348
原创 对fiddle的了解和基操
fiddle使用fiddle原理Fiddler是一个http调试代理，它能 够记录所有的你电脑和互联网之间的http通讯，Fiddler 可以也可以让你检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 //用了一下之后感觉它就是一个中转站，在网页与服务器之间的一个缓冲区，很多地方的...
2019-07-26 15:33:27
190
原创 第四章：变量、作用域和内存问题
第四章：变量、作用域和内存问题基本类型和引用类型的值ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是 简单的数据段，而引用类型值指那些可能由多个值构成的对象。JavaScript不允许直接访问内存中的位置， 也就是操作对象的时候只是操作的引用而不是实际的对象。动态的属性引用类型的值，我们可以为其添加属 性和方法，也可以改变和...
2019-07-25 10:16:41
155
原创 css深入学习点点
css深入学习背景background简写属性，作用是将背景属性设置在一个声明中。background-attachment]背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。bac...
2019-07-21 09:20:52
149
原创 SQL语句
SQL语句（不区分大小的语言）基础创建数据库CREATE DATABASE database-nameCREATE TABLE 语句用于创建数据库中的表CREATE TABLE table_name(column_name1 data_type(size),column_name2 data_type(size),column_name3 data_type(size)...
2019-07-20 19:09:59
216
原创 JavaScript第三章
JavaScript第三章语法区分大小写标识符第一个字符必须是一个字母、下划线（_）或一个美元符号（$）； 其他字符可以是字母、下划线、美元符号或数字。标识符建议使用驼峰大小格式注释单行：//多行：/。。。。。/严格模式“use strict”在严格模式下，ECMAScript 3中的一些不确定的行为将得到处理，而且对某些不安全 的操作也会抛出错...
2019-07-19 18:24:40
475
原创 JavaScript红宝书第一章
JavaScript红宝书第一章Netscape公司首先开发开发JavaScript，当时初衷是为了处理一些简单的验证问题，减少等待的时间，开始命名为live Script后来改名为JavaScript。后来微软也加进来了，市面上出现了两个不同的JavaScript版本，在1997年把JavaScript标准化定义为ECMA-262A新脚本语言的标准。JavaScript实现核心...
2019-07-14 00:25:56
694
原创 JavaScrip红宝书第二章
JavaScript第二章<script>元素向页面插入JavaScript的主要方法有六个属性 async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。 charset：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值， 因此这个属性很少有人用。 defer：可选...
2019-07-13 23:41:06
171
转载 HTTP协议
HTTP协议简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等。HTTP是一个属于应用层的面向对象的协议。HTTP协议工作于客户端-服务端架构为上。浏...
2019-07-13 23:27:48
120
原创 学习使用Git
Git的使用和与GitHub的关系Git的使用Git使用在版本版本控制管理中，我现在的理解就是用来团队开发项目的，虽然一个人也可以用Git来开发，但是这样好像就浪费Git了。版本控制管理大概应该就是来管理代码的，可以记录一次次的更改并且留下记录。基本操作就是git clone把中央仓库克隆到本地，git add filename跟踪文件，然后git commit 提交到本地仓库，最后p...
2019-07-05 10:10:20
156
原创 markdown
文章目录web前端web前端是什么前端的职责涉及到的知识后台后台是什么后台的职责后台涉及的知识总结前端后台的关系和区别关系区别web前端web前端是什么前端就是与用户直接进行交接的部分，像网站页面、小程序页面、APP的页面…总的来说，就是用户可以看到和操作的地方。web前端便是在浏览网页时接触的所有视觉内容–从字体到颜色，以及下拉菜单和侧边栏这些部分。主要包括Web页面的...
2019-05-31 15:35:11
325
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人