- 博客(13)
- 收藏
- 关注
RSS订阅
1原创 网络基础相关
OSI七层模型：应用层 ： 提供应用程序间的通信表示层 ：处理数据格式和数据加密等会话层 ：建立、维护和管理会话传输层 ：建立主机端口和端口连接网络层 ：寻址和路由选择 （路由器）数据链路层： 提供介质访问和链路管理等 （交换机）物理层 ：比特流传输广域网靠ip地址通信，局域网靠mac地址通信TCP/IP四层模型：tcp/ip是将应用层、表示层、会话层统一称为应用...
2019-08-27 21:44:20
177
原创 ES6：Class基本用法
关于ClassES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。1.我们先用构造函数来构造一个对象： function Point (x,y) { ...
2019-08-17 23:54:33
188
原创 什么是作用域和作用域链以及闭包？
什么是作用域和作用域链？我们首先回顾和学习一下几个概念。1. 执行期上下文当函数执行前，会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境，函数每次执行时对应的执行上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行上下文，当函数执行完毕，执行上下文被销毁。我们在之前学习函数预编译的时候提到这个执行期上下文，也就是我们当时创建的AO对象，当我们多次执行...
2019-08-10 22:09:54
930
原创 函数预编译是怎么一回事？
JS执行三部曲：语法分析 预编译 解释执行语法分析：简单来说就是浏览器先不运行代码，而是检查你代码是否有语法错误比如少加了符号啊，写入了中文字符等等操作。类似于老师检查你的作文，先不看你的内容怎么样，而是看有没有错别字。预编译：预编译有两个抽象出来的知识点：函数声明整体提升变量 声明提升函数声明整体提升指的是当你使用了函数声明，那么函数声明默认会提升至script顶部 func...
2019-08-08 14:24:09
651
原创 CSS：外边距塌陷和BFC（要想生活过得去头上就得带点绿？）
外边距塌陷我们在学习css过程中会学到margin属性。margin指外边距，即围绕在元素边框的空白区域。那么什么是外边距塌陷呢？外边距塌陷也叫做外边距合并，它是指两个在正常流中相邻的具有兄弟或者父子关系的块级元素的外边距组合起来变成了单个外边距。但是只有上下外边距才会有塌陷，左右外边距不会出现这个问题。那么我们还是先来看看例子：我们想要小绿块在父元素的右下角先看看代码： <di...
2019-08-08 10:46:09
223
原创 七夕给女朋友做的一个小礼物
今天正值七夕佳节，想着给女朋友表白，就做了一个小demo，很简单很简单，界面只显示一颗爱心，但是简短的代码里有着我自己想表达的情意 let nowadays, future, dueTime,somewords; nowadays = new Date().getTime(); future = 1565154841314; dueTime = M...
2019-08-07 16:31:26
999
原创 ES6: 数组与对象扩展
一、数组扩展1.Array.from方法Array.from方法用于将两类对象转为真正的数组：类似数组的对象（本质特征是必须拥有length属性）。因此任何有length属性的对象和可遍历的对象（ES6新增的数据结构Set和Map），都可以通过Array.form方法转为数组。（1）Array.from方法会将数组的空位转换为undefined，也就是说这个方法不会忽略空位（2）将类数组的...
2019-08-06 18:06:08
300
原创 ES6: 关于const与let变量问题和解构赋值
一、const和let命令1.letES6中新加入了let命令，用来声明变量，不同于var命令的地方在于let命令声明的变量只在自身所在的代码块才有效。 { let a = 1; console.log(a) //1 var b = 2; } console.log(a...
2019-08-06 00:00:49
418
原创 轻松了解正则表达式的几个属性和方法
JavaScript中RegExp对象的属性一、我们每个js中的regexp对象都有6个属性：1.flags2.global3.ignoreCase4.multiline5.source6.lastIndex其中1-5属性为只读，6属性为可读写（1）flags返回一个字符串，里面包含着正则表达式中所有的修饰符const regex = /hello world/igm;co...
2019-07-29 12:37:18
713
原创 CSS之圣杯布局
圣杯布局，即从上到下由页头、内容、页脚组成，其中内容又由左中右三种布局组成，左右内容区域宽度固定，中间自适应。那么我们先来写HTML基本结构：<body> <header class="header">header</header> <div> <section class="center">cente...
2019-07-22 18:05:54
368
原创 原生JS实现轮播
1.首先我们确定一下轮播图的思路。1.我们用一个div充当容器2.我们在这个div容器当中引入ul标签3.我们将轮播的图片填充到ul标签下的li标签4.通过设置css样式使得轮播图片在同行排列并且设置多余的图片隐藏5.给轮播图添加各种控件并设置样式6写js代码使轮播图运动起来2.让我们开始吧 <div class="wrapper"> //轮播图区域 ...
2019-07-13 16:14:58
146
原创 利用SVG制作名字画板
SVG关于SVGSVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。需要用到的：js ，动态地为元素添加样式；css3 ,我们需要css的动画属性；一个自动生成路径的在线网站：https://e...
2019-07-03 20:55:59
930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人