单页应用与多页应用的区别

多页面网站的定义: 每一次页面跳转的时候,后台服务器都会返回一个新的html文件,这种类型的网站就称为多页面网站(多页面应用) 优点:首屏时间快---整个页面展现出来所需要的时间 SEO效果好 首屏时间快的原因:当访问一个页面的时候,服务器返回一个html,然后这个html展现出来,这个...

2019-03-29 17:14:13

阅读数 94

评论数 0

Vue中需要注意的事项

1、在子component中的data不能是一个对象,必须是一个函数,然后该函数返回一个对象 data(){ retrun { swiperOption:{} } } 2、vue中,如果每个组件发生一个ajax请求,就会造成很大的性能损耗,如何操作可以降低性能损耗 问题:在...

2019-03-29 10:00:15

阅读数 40

评论数 0

在轮播图中去抖动

问题:在页面中存在抖动问题,如下图所示,当网速较慢的时候,图片加载的比较慢,当图片没有加载完前,test是在图片的左上角位置此时不显示图片,当图片加载完,test在图片的左下角,这时候的变化就是页面抖动。 发生抖动的原因:当图片没有加载完成前,img的高度为0,没有将其撑开,等到图片加载完之后,...

2019-03-28 17:43:58

阅读数 81

评论数 0

前端面试十一

98、比较typeof()和instanceof() 通过Object.prototype.toString.call()可以判断所有变量的类型 相同点:JavaScript中typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的 typeof:返回值是一个字符串...

2019-03-22 09:02:17

阅读数 396

评论数 0

前端面试十

46、在做项目的时候有用到哪些基础知识或者说技术栈 面向对象、继承、ajax通信原理、跨域问题、性能优化、公用模块的提取、制作图标icon、代码优化等 1)整个项目使用jquery框架搭建,jquery是js的一个库,他封装了js对象以及事件,从而极大的简化了js的编程,对于操作DOM更加方便...

2019-03-21 16:40:25

阅读数 87

评论数 0

前端面试九

41、请解释事件代理 一篇写的很好的博客:https://blog.csdn.net/majian_1987/article/details/8591385 事件代理的定义: 把一个或者多个元素的事件委托到它的父元素或者更外层元素上,这主要得益于浏览器的事件冒泡机制 事件代理的好处: ...

2019-03-21 16:37:45

阅读数 384

评论数 0

前端面试八

10)Reflect:ES6 为了操作对象而提供的新 API Reflect对象设计的目的: (1)将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflect对象上部署,未来...

2019-03-21 16:35:15

阅读数 135

评论数 0

前端面试七

优化问题-----什么是长缓存?在webpack中如何做到长缓存优化? 浏览器在用户访问页面的时候,为了加快加载速度,会对用户访问的静态资源进行存储,但是每一次代码升级或者更新,都需要浏览器去下载新的代码,最方便和最简单的更新方式就是引入新的文件名称。在webpack中,可以在output给出输...

2019-03-21 16:29:46

阅读数 157

评论数 0

前端面试六

26、用js或jQuery获取id为container的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px。 这里主要是第几个子元素使用css属性nth-child(index),index从1开始 27、请用...

2019-03-21 16:27:04

阅读数 80

评论数 0

前端面试四

11、XMLHttpRequest对象的常用方法和属性XM核 LHttpRequest对象的介绍 Ajax的 心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest...

2019-03-21 16:21:20

阅读数 98

评论数 0

前端面试题三

89、介绍js基本数据类型 1)ECMAScript中有5种基本数据类型: Undefined、Null、Boolean、Number和String 1种复杂的数据类型—Object,Object本质上是由一组无序的名值对组成的 其中Undefined、Null、Boolean、Number...

2019-03-21 16:19:23

阅读数 647

评论数 0

前端面试五

25、列出你所知道的设计模式并简述 设计模式的定义: ● 设计模式是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。 使用设计模式的目的: ●为了代码的可重用性、可靠性、可维护性、更容易被他人理解 设计模式的分类:主要分为三大类 创建型模式:5种,Factory ...

2019-03-21 16:17:03

阅读数 32

评论数 0

前端面试题二

第二阶段 JavaScript、jQuery、ECMAScript、JSON 1、jQuery this与this区别 $(this)是jquery对象,是用jQuery包装过的javascript中的this,能调用jquery的方法,例如click(), keyup() this则是ht...

2019-03-21 16:07:51

阅读数 848

评论数 0

前端面试一

前端面试题 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML、HTML、XML的异同 XHTML-Extensible Hypertext Markup Language:可扩展超文本标记语言,以 XML 应用的方式定义的 HTML,更严格更纯净的 HTML 版本 HTML...

2019-03-21 11:33:59

阅读数 587

评论数 0

生命周期函数、redux的使用(一)

在定义React组件的时候,render()函数返回的html必须只有一个根元素,要想这个根元素不显示并且不占据页面空间,可以从react中引进Fragment组件 JSX语法细节 在JSX里面写注释的方法: 多行注释: {/*注释注释*/} 单行注释: { //注释注释 } ...

2019-03-13 22:03:20

阅读数 32

评论数 0

直接操作DOM一定比虚拟DOM操作耗时,diff算法,key值,虚拟 DOM的定义

直接操作DOM一定比虚拟DOM操作耗时吗? 或者一次直接DOM操作一定比一次虚拟DOM操作耗时吗? 1)虚拟DOM的本质就是一个JS对象,虚拟DOM减少了真实DOM的操作,当修改数据的时候,就是修改虚拟DOM产生全新的虚拟DOM, 新旧虚拟DOM使用diff算法,得到patch(也就是需...

2019-03-13 21:54:45

阅读数 275

评论数 1

React组件定义种类,容器型组件,展示型(UI)组件,受控组件,props和state的区别,setState

创建组件有两种方法: 注意:用function构造函数创建无状态组件,只有props,无自己的私有数据和生命周期---用的不多; 注意:class关键字创建有状态组件,有自己的私有属性(this.state)和声明周期---用的比较多 有状态组件和无状态组件的本质区别:有无state属性、有...

2019-03-13 20:29:47

阅读数 15

评论数 0

Git的基本使用

原文地址 git的操作:https://www.cnblogs.com/mr-wuxiansheng/p/6974170.html

2019-03-08 15:26:43

阅读数 135

评论数 0

库和框架,vue和react的比较

库和框架,vue和react的比较 库:小而巧,只提供API,可以方便的从一个库切换到另外一个库,代码几乎不需要改变 框架:大而全的是框架,,框架与框架之间的切换比较困难 vue和react的比较 一)组件化方面 1)什么是模块化 模块化是从代码的角度进行分析,把一些可复用的代码,...

2019-01-10 19:52:56

阅读数 150

评论数 0

react项目中遇到的bug

1、react-router使用时,在浏览器出错:Attempted import error: 'Link' is not exported from 'react-router   源代码如下:  import React, { Component } from 'react'; im...

2019-01-10 10:06:23

阅读数 1132

评论数 0

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