2 tangxiujiang

尚未进行身份认证

暂无相关简介

等级
TA的排名 2k+

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

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

2019-03-29 17:14:13

Vue中需要注意的事项

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

2019-03-29 10:00:15

在轮播图中去抖动

问题:在页面中存在抖动问题,如下图所示,当网速较慢的时候,图片加载的比较慢,当图片没有加载完前,test是在图片的左上角位置此时不显示图片,当图片加载完,test在图片的左下角,这时候的变化就是页面抖动。发生抖动的原因:当图片没有加载完成前,img的高度为0,没有将其撑开,等到图片加载完之后,img被撑开解决方法:通过给swiper的父级元素设置一个固定的高度来解决的,width:10...

2019-03-28 17:43:58

前端面试十一

98、比较typeof()和instanceof() 通过Object.prototype.toString.call()可以判断所有变量的类型相同点:JavaScript中typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的typeof:返回值是一个字符串,用来说明变量的数据类型(1) typeof 一般只能返回如下几个结果:number,bool...

2019-03-22 09:02:17

前端面试十

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

2019-03-21 16:40:25

前端面试九

41、请解释事件代理一篇写的很好的博客:https://blog.csdn.net/majian_1987/article/details/8591385事件代理的定义:把一个或者多个元素的事件委托到它的父元素或者更外层元素上,这主要得益于浏览器的事件冒泡机制事件代理的好处:1)减少内存消耗,动态绑定事件2)其中事件的参数event中的event.target是指触发...

2019-03-21 16:37:45

前端面试八

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

2019-03-21 16:35:15

前端面试七

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

2019-03-21 16:29:46

前端面试六

26、用js或jQuery获取id为container的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px。 这里主要是第几个子元素使用css属性nth-child(index),index从1开始27、请用jquery和原生js分别实现创建、添加、复制、移除、移动、和查找DOM结点●js 创建DOM...

2019-03-21 16:27:04

前端面试四

11、XMLHttpRequest对象的常用方法和属性XM核LHttpRequest对象的介绍Ajax的心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpReque...

2019-03-21 16:21:20

前端面试题三

89、介绍js基本数据类型1)ECMAScript中有5种基本数据类型: Undefined、Null、Boolean、Number和String1种复杂的数据类型—Object,Object本质上是由一组无序的名值对组成的其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型,String有些特殊...

2019-03-21 16:19:23

前端面试五

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

2019-03-21 16:17:03

前端面试题二

第二阶段 JavaScript、jQuery、ECMAScript、JSON1、jQuery this与this区别$(this)是jquery对象,是用jQuery包装过的javascript中的this,能调用jquery的方法,例如click(), keyup()this则是html元素对象,能调用元素属性,例如this.id,this.value。例如假设已经使得this和...

2019-03-21 16:07:51

前端面试一

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

2019-03-21 11:33:59

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

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

2019-03-13 22:03:20

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

直接操作DOM一定比虚拟DOM操作耗时吗?或者一次直接DOM操作一定比一次虚拟DOM操作耗时吗?1)虚拟DOM的本质就是一个JS对象,虚拟DOM减少了真实DOM的操作,当修改数据的时候,就是修改虚拟DOM产生全新的虚拟DOM,新旧虚拟DOM使用diff算法,得到patch(也就是需要修改的部分),然后将这个patch打到浏览器的DOM上(减少重绘和回流,从而达到性能优化的目的...

2019-03-13 21:54:45

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

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

2019-03-13 20:29:47

Git的基本使用

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

2019-03-08 15:26:43

库和框架,vue和react的比较

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

2019-01-10 19:52:56

react项目中遇到的bug

1、react-router使用时,在浏览器出错:Attemptedimporterror:'Link'isnotexportedfrom'react-router 源代码如下: importReact,{Component}from'react';import{Menu}from'semantic-ui-react';import'seman...

2019-01-10 10:06:23

查看更多

勋章 我的勋章
    暂无奖章