自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 如何学习前端?

仓库地址:https://github.com/sophiayang1997/web-notebook欢迎star~里面有BAT实习面经,数据结构等知识点,持续更新,欢迎issue,不如star?

2018-04-16 23:35:57 175

原创 前端知识点分析——js里的__proto__和prototype有什么区别?

实例的proto指向该对象的构造函数的原型对象,该对象的构造函数的原型对象中定义了共享的属性和方法构造函数的prototype指向原型对象原型对象的constructor指回构造函数1.方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象共有的特点。即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造...

2018-03-22 11:12:17 480

原创 前端知识点分析——捕获、冒泡、事件委托

1.事件流描述的是从页面中接收事件的顺序2.事件冒泡1.IE的事件流,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Do

2018-03-21 17:30:30 234

转载 计算机技术——已知二叉树的前序遍历和中序遍历,如何得到它的后序遍历?

对一棵二叉树进行遍历,我们可以采取3中顺序进行遍历,分别是前序遍历、中序遍历和后序遍历。这三种方式是以访问父节点的顺序来进行命名的。假设父节点是N,左节点是L,右节点是R,那么对应的访问遍历顺序如下:前序遍历    N->L->R中序遍历    L->N->R后序遍历    L->R->N/************************************...

2018-03-21 09:39:59 1896 1

原创 前端知识点分析——Node.js概述

1.Node.js适用场景高并发(双十一电商)、聊天、实时消息推送2.适用Node.js能够解决什么问题Node.js的首要目标是提供一种简单的、用于创建高性能服务器及在该服务器中运次那个的各种应用程序的开发工具。在JAVA等服务端语言中,为每一个客户端连接创建一个新的线程。Node.js修改了客户端到服务器端的连接方法,它并不为每个客户端连接创建一个新的线程,而是为每个客户端连接触发一个在Nod...

2018-03-20 16:27:40 248

原创 前端知识点分析——CSS相关

1.display:none和visibility:hidden的区别?display:none 隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢,就当他从来不存在。visibility:hidden 隐藏对应的元素,但是在文档布局中仍保留原来的空间。2.CSS中 link 和@import 的区别是?(1) link属于HTML标签,而@import是CSS提供的;(2...

2018-03-20 15:59:40 155

原创 前端知识点分析——重排和重绘

1.document.write和innerHTML的区别document.write重排整个页面innerHTML可以重绘页面的一部分2.浏览器运行机制1、构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tree/DOM Tree);2、构建渲染树(construct):解析对应的CSS样式文...

2018-03-19 17:09:38 9791 2

原创 前端知识点分析——性能优化

更新中ing

2018-03-19 16:23:27 166

原创 前端知识点分析——cookie和webstorage

1.Cookie的弊端  cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。 第一:每个特定的域名下最多生成20个cookie优点:极高的扩展性和可用性1.通过良好的编程,控制保存在cookie中的session对象的大小。2.通过加密和安全传输技术(SSL),减少cookie被破解的可能性。3.只在cookie中存放不敏感数据,即使被盗也不会有重大...

2018-03-19 15:33:27 237

原创 前端知识点分析—异步和回调

1.异步的概念任何时候,只要把一段代码包装成一个函数,并指定它在响应某个事件(定时器、鼠标点击、Ajax响应等)时执行,即在这个程序中引入了异步机制。 2.事件循环eg:js程序发出了一个Ajax请求,从服务器获取一些数据,我们在一个函数(回调函数)中设置好响应代码,然后js引擎就会通知宿主环境“当你完成网络请求,拿到了数据,请调用这个回调函数吧”。然后浏览器会设置侦听来自网络的响应,拿到想要的数...

2018-03-17 17:10:22 684

原创 数据结构与算法(JavaScript实现)

1.如何在数组中间位置添加数组function avaerageAdd(){ var nums = [1,2,3,4,5,6,7,8]; var newElements = [233,666]; nums.splice.apply(nums, [Math.floor(nums.length)/2, 0].concat(newElements)); return nums // [1...

2018-03-14 21:07:31 484

原创 Javascript字符串常用方法

字符串字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。'abc'"abc"length属性js里的字符串类似于数组,都是一个一个字符拼凑在一起组成的,因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt():从一个字符串中返回指定的字符str.charAt(index)index一个介于0 ...

2018-03-14 19:32:08 153

原创 经典面试题

1.问:使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱?想对函数返回 true 的话想对数组返回 false 时2.下面的代码将输出什么到控制台,为什么?答案:true、false3.关于this指向的常见面试题4.NaN 是什么?如何测试一个值是否等于 NaN ?ES6提供了一个新的 Number.isNaN() 函数5.Jav...

2018-03-14 11:02:31 186

原创 JavaScript在线编程

1.题目描述找出数组 arr 中重复出现过的元素示例1输入[1, 2, 4, 4, 3, 3, 1, 5, 3]输出[1, 3, 4]function duplicates(arr) { var res = [];    arr.sort();    for(var i=0;i<arr.length-1;i++)    {        if(arr[i] == arr[i+...

2018-03-13 20:00:35 4617 1

原创 JavaScript笔试题(写完这些注释我妈都不认识我)

1.修改 this 指向描述:封装函数 f,使 f 的 this 指向指定的对象输入:bindThis(function(a, b){return this.test + a + b}, {test: 1})(2, 3)function f(a, b) { return this.test + a + b;}function bindThis(f, obj) { //你实现的...

2018-03-10 17:57:39 209

原创 CSS面试题

1.CSS属性不区分大小写2.行内(inline)元素 设置margin-top和margin-bottom 是否起作用?   行内元素分替换元素和非替换元素   替换元素:img、imput【起作用】   非替换元素:span【不起作用】3.对内联元素设置padding-top和padding-bottom是否会增加它的高度?   替换元素:img、imput【起作用】撑开了父元素   非替换元...

2018-03-10 15:35:17 225

原创 项目总结——个人应用广场

正在构建该项目ing...此博文暂时记录重要的过程一、设想:构建一个个人中心web端应用,需要登录之后享有应用使用权,设想应用有:通讯录、天气预报等等。由于采用类似于微服务的形式,可维护性高。二、技术栈:服务端:node.js、express前端:vue.js数据库:MongoDB三、开始:在preapp下:express server在server下:cnpm install、npm start...

2018-03-08 19:26:02 154

原创 教程——MongoDB

一、概念mongodb就是非关系型数据库,而非关系型数据库是不能通过横向纵向去定位一条数据,它的结构更像是一个数组里放了很多个json数据。二、设置(1)设置数据文件和日志文件储存位置按自己的爱好设置文件的储存位置,本安装文档的储存位置设置在E盘,目录如下E:\MongoData├─data   #MongoDB数据库中的数据的储存位置└─log    #MongoDB数据库中的日志的储存位置  ...

2018-03-07 21:34:18 257

原创 项目总结——酷拼编程

职责:系统页面开发、不同分辨率显示器适应掌握:利用vue封装组价利用CSS3媒体查询、bootstrap等实现不同分辨率显示器下的自适应.1.先看boostrap里面container和container-fluid源码的区别:container与.container_fluid是bootstrap中的两种不同类型的外层容器,按照官方的说法,这两者的区别是:.container 类用于固定宽度并支...

2018-03-07 10:28:27 472

原创 面试知识整理三

1.LinkList和ArrayList有什么区别ArrayList的实现用的是数组,LinkedList是基于链表,ArrayList适合查找,LinkedList适合增删ArrayList和Linkedlist都实现List接口。 Arraylist的底层是通过数组实现,其支持随机访问,LinkedList是以元素列表的形式存储它的数据,每一个元素都和它的前一个元素和后一个元素链接起来,查...

2018-03-05 17:11:59 192

原创 《深入理解ES6》

一、块级作用域绑定varJavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting)也就是说,如果在函数内部声明的变量,都会被提升到该函数开头,而在全局声明的变量,就会提升到全局作用域的顶部。letlet和const都能够声明块级作用域,用法和var是类似的,let的特点是不会变量...

2018-03-05 11:17:28 3222

原创 教程——Vue.js

一、Vue是什么MVVM:view、viewModel、Model核心:数据绑定、组件化实现原理:Object.defineProperty()<body>//双向绑定的实现 <div id="app"> <input type="text" id="txt"> <p id="show-txt&quot

2018-03-04 20:09:21 261

原创 教程链接大集合

《vue2.0基础系列》《vue2.0进阶系列》《深入理解ES6》笔记Flex 布局教程前端总结前端面试题指导

2018-03-04 19:01:08 434

转载 面试知识整理二

0.谈谈对前端安全的理解,有什么,怎么防范前端安全问题主要有XSS、CSRF攻击XSS:跨站脚本攻击它允许用户将恶意代码植入到提供给其他用户使用的页面中,可以简单的理解为一种javascript代码注入。XSS的防御措施:过滤转义输入输出避免使用eval、new Function等执行字符串的方法,除非确定字符串和用户输入无关使用cookie的httpOnly属性,加上了这个属性的cookie字段...

2018-03-04 16:05:40 193

原创 《你不知道的JavaScript上》

第一部分 作用域和闭包JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里。一、作用域是什么1.RHS查询:简单地查找某个变量的值2.LHS查询:试图找到变量容器本身,从而进行赋值3.作用域嵌套:向上寻找二、词法作用域1.意味着作用域是由书写代码时的函数声明的位置来决定的2.作用域查找会在找到第一个匹配的标识符时停止。在多层的嵌套作用域中可以定义同名的标识符,这叫遮蔽...

2018-03-02 21:37:39 356

原创 面试知识整理一

html + css基础1.基本的布局(中间自适应旁边固定啥的)的几种实现方法;http://blog.csdn.net/kongkongyou/article/details/545617602.垂直居中的几种实现方法;方法一、(父块子块)对父容器使用display: table-cell+vertical-align: middle;使其内的子元素实现垂直居中;方法二、(父块子块)给父添加  ...

2018-03-02 17:20:12 368

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除