- 博客(24)
- 收藏
- 关注
RSS订阅原创 复习随记——UDP和TCP
关于网络协议的一些理解 UDP和TCP——在记住这些特性之余要去理解它们，要懂其所以然。简介网络协议是每个前端工程师都要掌握的知识，那么接下来我们就先从 UDP 以及 TCP 开始着手啦。UDP首先UDP的全称是用户数据报协议，在网络中它与TCP协议一样用于处理数据包，是一种 无连接 的协议。在OSI模型中，它位于第四层——传输层，处于IP协议的上一层。UDP 有不提供数据包分组、组装和...
2019-08-05 17:21:11
136
原创 复习随记——关于Grid
关于Grid布局的一些理解——其实个人认为CSS这一块最起码先把对应的“公式”先记熟简介Grid布局又叫做网格布局，顾名思义是一种二维网格的布局方式（Flex可以理解为一维布局），Grid的强大让人兴奋！兼容性提到Grid布局可能很多人会联想到它的兼容性问题，但是截止至2017年3月，已经有许多浏览器对Grid提供了支持，而且无需加浏览器前缀。上面的浏览器，顺序从左到右：PC 端...
2019-07-24 21:14:35
217
原创 复习随记——关于Flex
关于Flex布局的一些理解——其实个人认为CSS这一块最起码先把对应的“公式”先记熟1.简介布局的传统解决方案是基于盒子模型（content+padding+border+margin），依赖于display+position+float来实现，灵活性比较差。而且在网页布局还未进入CSS的时代，排版几乎都是通过table元素来实现，因为在table的单元格里面我们可以使用align、vail...
2019-07-24 17:37:10
158
转载 前端性能优化
浏览器渲染页面的过程所谓优化，第一个要弄明白的就是：优化什么、从哪里优化。前端做出来的页面是在浏览器里面呈现的，那浏览器是怎么渲染这个页面的呢？遇到CSS、js静态资源，浏览器是怎么处理的？具体的过程这里不再赘述，网上资源一大堆，我自己之前也写过一篇，《网站性能优化—CRP》，算是谷歌文档的翻译版吧。理解了浏览器渲染页面的过程，也就明白了：CSS为什么要放到里面、js放到前面，以及js的异步加载...
2019-06-24 11:26:15
218
转载 Vue.js性能优化（转载）
一、Vue.js优化先看一下常见的vue写法：在html里放一个app组件，app组件里又引用了其他的子组件，形成一棵以app为根节点的组件树。<body> <app></app> </body>而正是这种做法引发了性能问题，要初始化一个父组件，必然需要先初始化它的子组件，而子组件又有它自己的子组件。那么要初始化根标签，就需要从底层...
2019-06-24 10:49:19
218
原创 JS中的盒子模型属性
一、操作DOM的属性和方法【获取元素或者元素集合】getElementById–>上下文只能是document（只有document这个实例的原型上才能找到这个方法，其他实例找不到）–> ID重复了会获取第一个–> IE 6 -7 中会把表单的元素的name当做 id使用getElementsByTagName–> 获取当前上下文中，所有子子孙孙中标签名为 “...
2019-06-24 10:28:24
468
原创 事件以及事件对象
一、什么是事件事件就是一件事情或者一个行为（对于元素来说，它的很多事件都是天生自带的），只要我们去操作这个元素，就会触发这些行为。“事件就是元素天生自带的行为，我们操作元素，就会触发相关的时间行为”二、事件绑定给元素天生自带的事件行为绑定方法，当事件触发，会把对应的方法执行。三、元素天生自带的事件（常用）【鼠标事件】click:点击（PC端是点击，移动端的click代表单机[移动端使...
2019-06-23 15:49:19
455
转载 重要知识点归纳
一、ES6 新语法：1.let / const和ES5的区别：–>let不存在变量提升机制–>let不允许重复声明变量–>在全局作用域中的window和let创造的变量没关系–>typeof 未被声明的变量 不是undefined 而是会报错（暂时性死区）–>let 会形成块级作用域（类似于私有作用域，大部分大括号都会形成块级作用域）…2.解构赋值...
2019-06-23 15:47:08
117
转载 数组的遍历方法
数组的遍历方法：1.普通的for 循环for(j = 0; j < arr.length; j++) { }简要说明：最简单的一种，性能不弱，但仍有优化空间2.优化版for循环for(j = 0,len=arr.length; j < len; j++) { }简要说明：使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显3.forEach...
2019-06-23 15:41:34
187
转载 Symbol
此篇文章是摘抄他人博客，因为保存了很久，所以忘记地址。1、ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。2、Symbol值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原...
2019-06-23 15:38:08
107
原创 同步/异步编程的原理
一、JS中的同步编程和异步编程：同步：任务是按照顺序依次处理的，当前这件事没有彻底做完，下一件事是执行不了的。异步：当前这件事没有彻底做完，需要等待一段时间才能继续处理，此时我们不等，继续执行下面的任务，当后面的任务完成后，在去把没有彻底完成的任务完成。【JS中的异步编程】1.所有的事件绑定都是异步编程 xxx.onclick = function(){};2.所有的定时器都是异步编程...
2019-06-23 15:31:40
575
原创 面向对象以及原型链
一、模块开发1.团队协作开发的时候，会把产品按照功能板块进行划分，每一个功能板块都有专门的人负责开发。2.把各个板块之间公用的部门进行提取封装，后期在想实现这些功能，直接的调取引用即可（模块封装）。二、工厂模式1.把实现相同功能的代码进行“封装”，以此来实现“批量生产”（后期想要实现这个功能，我们只需要执行函数即可。2.“低耦合高内聚”：减少页面中的多余代码，提高代码的重复利用率。三、...
2018-12-20 23:26:25
189
原创 变量提升
一、栈内存 和 堆内存栈内存：Undefined、boolean、string、number和null。这五种数据类型可以直接访问，是按照值进行分配的，存放在栈内存当中。堆内存：引用类型存放在堆内存中的对象，变量保存的实际上是一个指针，这个指针指向一个位置。堆内存的释放：让所有引用堆内存空间地址的变量赋值为NULL即可（没有变量占用这个堆内存了，浏览器会在空闲的时候把它释放掉。）栈内存的释...
2018-12-18 23:24:22
212
原创 DOM节点
一、节点的获得节点的访问关系，是以属性的方式存在的，DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系进行访问。二、父节点的获取parentNode2.调用者就是节点 一个节点只有一个父节点三、兄弟节点1.sibling ---兄弟 Next ---下一个 Previous ---上一个2.下一个兄弟节点 = 节点.nextElementSibling |...
2018-12-09 13:12:34
91
原创 CSS3——基本内容
一、CSS3边框1、圆角边框：border-radius: 0 0 0 0; —4个零分别表示上右下左四个角圆的程度，一般的圆角范围会在1-5px之间。2、边框阴影：box-shadow: 0 0 0 color; —前面2个零分别表示右 下 阴影的拓展程度，第三个零表示阴影的“浓度”最后一个表示阴影的颜色。3、边框图片：border-image :url() 0 0 round...
2018-12-05 21:24:52
254
原创 DOM基础一
一、DOM的查找方法1、document.getElementById(“id”) — 返回对拥有指定ID的第一个对象的引用，id是DOM元素上的属性值。2、document.getElementsByTagName(“Tag”); — 返回一个对所有tag标签的集合，注意这里返回的是数组，而且tag是指要获取的标签名称。二、设置元素样式1、ele.style.styleName = ...
2018-11-29 11:32:01
165
1
原创 JavaScript sort（）中方法原理以及使用
一、功能前面有提到过，sort()方法是用于对数组的元素进行排序，并返回成数组。默认排序顺序是根据字符串UniCode码，所以通常需要把数组元素转化成字符串（有需要的话），以便进行比较。语法： arrayObject.(sortby)；参数sortby是可选的，用来规定排序的顺序，但必须是函数。二、用几个栗子来展示一下sort方法的应用栗子一：按照字母顺序排序栗子二：还是按照字母进行排...
2018-11-28 21:55:26
161
原创 JavaScript中的string 方法（看得自己都想睡觉！！）
JavaScript中的string 方法（看得自己都想睡觉！！）1.charAt()与charCodeAt()1、stringObject.charAt(index) — 返回stringObject中Index位置的字符2、stringObject.charCodeAt(index) — 返回stringObject中Index位置的字符编码2.indexOf()与lastInd...
2018-11-27 21:41:23
108
原创 Javascript中的内置对象——Array数组
一、ECMAScript中的Array数组：1.创建数组的基本方式：1、使用Array构造函数 — 语法：new Array() — 小括号说明预先知道数组要保存的量或者是向其中传递项。2、使用数组字面量表示法 — 由一对包含数组项的方括号【】表示，多个数组项之间用逗号，隔开。二、数组元素的读写：1、和前面提到的arguments几乎一样，同样使用方括号【】并提供相应的索引。2、...
2018-11-27 12:29:37
358
原创 JavaScript基本知识——函数基础
函数一、函数的作用：通过函数来封装多条语句，并且可以随时调用，想当于把零食封存起来然后可以随时随地拿出来吃。二、函数的声明：函数使用function声明，后面跟一组参数以及函数体，语法如下：function functionName (形参1，形参2，…){statements}说明：1.functionName 是要定义的函数名，属于标识符2.参数不是必须的三、函数的调用（执...
2018-11-26 23:57:29
148
原创 JavaScript基本知识——循环语句基础
一、条件语句——if1.语法：if( condition ){statement1;}else if (condition1) {statement2;}…else{statement3;}2.与if 语句相关的方法： 1.alert（）； ---弹出警告对话框 2.prompt（）； ---弹出输入框，并且在点击确...
2018-11-26 13:12:07
129
原创 JavaScript基本知识——第三节
1.基本操作运算符：+ 、- 、* 、/ 、%。当涉及到运算时，会有一种隐式转换，默认把运算两边的类型转化为number。2.递增和递减：1.++a 与 a++都是对a进行递增的操作2.区别：1.++a先返回递增之后的a 的值。2.a++先返回a的原值，再返回递增之后的值。3.递减同理。3.赋值操作符：1.简单赋值 ：=2.复合赋值：+=、-=、*=、/=、%=，例如：a +=...
2018-11-25 13:00:03
86
原创 JavaScript基本知识——第二节
5.变量的类型：变量本身是没有类型的，只是取决于它的值。五个基本的变量类型：number、string、boolean、underfined、null，还有一个复杂变量类型—object。6.typeof操作符：1.用来检测变量的类型。2.使用方法有两种：1.typeof（XXX）；2.typeof XXX；3.用typeof检测未声明的变量时会返回undefined。7.numb...
2018-11-25 12:59:34
110
1
原创 JavaScript基本知识第一节
JavaScript基本知识第一节1.Javascript发展历史：JavaScript是一种基于对象和事件驱动的脚本语言，起源于Netscape公司的LiveScript语言，后来Netscape公司为了搭上媒体炒JAVA的热潮，遂改名Javascript，实际上和JAVA没有一点关系。2.Javascript的组成：完整的Javascript是由ECMAScript（语法）、Browe...
2018-11-25 12:58:41
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人