前端知识点

一.HTML5和CSS3新特性:

CSS3新特性:圆角border-radius,阴影 box-shadow,旋转transform,动画animation,过渡模块transition,

HTML5新特性:视频video ,音频audio,画布canvas,表单控件属性data,url,email、file、time。新标签footer,nav,header,section

二.对W3C的理解

1.对于结构要求:标签闭合,标签字母要小写,标签不要乱嵌套

2.对于css和js来说:使用外链css和js,结构,表现,行为分离三块,结构清晰,提高页面加载速度,用户体验提高

三.对Less理解

Less语言是css的预处理器,动态性语言,可以声明变量,存储的值可以随时调用,还可以值运算,函数等方式。

四.WebStorage和cookie的区别

webStorage是html5的属性,分别是sessionStorage和localStorage

相同点:都是保存在服务器端

1.存储的大小不一样,cookie存储小,数量限制在20个,数据最多不能超过4k,webStorage存储比较大,能达到5M或者更大。

2.共享方式,cookie在同源下只要没过期就会一直共享,localStorage在同源中没被删除也会共享,sessionStorage在窗口关闭之前在同一个窗口同源下才会共享

3.cookie始终在同源的http请求中携带,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存

4.数据的有效期不一样,sessionStorage:仅在当前的浏览器窗口关闭有效

localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据

Cookie:只在设置的cookie过期时间之前一直有效,即时窗口和浏览器关闭

五.你对ajax的理解

Ajax是客户端向服务器发送异步请求数据的一种技术,从服务器获取数据,ajax不必刷新整个页面,只需对局部页面进行更新,提高页面的加载速度,从而缩短用户等待时间,改善用户体验。

Ajax优点:

1.无需刷新就可以更新数据,减少用户等待时间,更好的用户体验

2.异步与服务器通信,无需打断用户,响应更加迅速

3.可以把服务器端的一些负担转到客户端,利用客户端闲置的时间来处理。减去服务器的压力

六.讲一下MVVM和MVC模式

MVVM模式:

Model(数据模型)负责对数据的存和取,View(视图负责页面展示),ViewModel(视图数据模型,负责业务逻辑处理),MVVM模式是通过视图模型viewModel来实现连接,view和Model是通过viewModel实现数据双向绑定,分离视图和数据模型

优点:1主要目的是分离视图和模型

2降低代码耦合度,提高视图或者逻辑的复用性

3提高了模块的可测试性

MVC模式:Model(模型)处理数据,view(视图)展示数据的界面,controller(控制器)链接模型和视图的桥梁

MVC是一种业务逻辑,数据,界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进界面及用户交互的同时不需要重新编写业务逻辑。实现分离数据模型和视图的代码。

优点:低耦合,复用性高,可维护性高,分离视图和模型

MVC和MVVM的区别:

MVC的控制器变成MVVM的视图模型,MVVM解决了MVC大量的DOM操作使页面渲染性能降低,加载速度变慢,影响用户体验,当模型Model频繁发生变化,开发者需要主动更新视图,MVC的控制器不能直接改变视图,视图还要依赖于模型,所有MVVM解决了这些问题

七.SQL的理解

SQL是结构化查询语言,是一种数据库查询语言,和数据库通信的语言

八.MySQL的理解

MySQL是关系型数据库,特点:开源,免费,轻量,跨平台

优点:1.免费开源,节约成本

2.性能优越,执行速度非常快

3.操作简单,学习成本低

4.应用广泛

九.git的理解

Git是构建代码管理工具,

优点:1.适合分布式开发,强调个体

2.公共服务器压力和数据量都不会太大

3.速度快,灵活

4.任意两个开发者之间可以很容易的解决冲突

5.离线工作

十.Git和svn的区别

1.git是分布式的,svn不是

2.git和svn的分支不同

3.git的内容完整性要高于svn

十一.Vue的理解

Vue是一套用于构建用户界面的渐进式框架,可以为复杂的单页面应用提供驱动,支持组件化,可以将页面封装成很多个组件,数据驱动加组件化的前端开发,通过简单的API实现响应式的数据绑定和组合的视图组件,核心是关注视图层,是一个构建数据驱动页面的一个框架,将数据绑定视图上,vue提供数据和视图双向绑定原理使我们开发页面更简单,修改了数据,视图会自动更新。Vue是模块化和组件化,如果页面要更新数据,在组件来修改就可以。

Vue有几个特点:1简洁2轻量3快速4模块化5组件化6数据驱动

Vue组件的过程:组件可以提升整个项目的开发效率,能够把页面拆分为多个独立的模块,解决了效率低,难维护,复用性,等问题。

Vue的生命周期

生命周期就是钩子函数,主要是在什么时候来调用这些函数,比如是在创建,挂载,更新,销毁完成之后还是之前,初始化数据完成之前还是之后等

从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列

过程,我们称这是Vue 的生命周期

beforeCreate : 数据声明还没被调用时使用

created :vue渲染完毕后,所有数据和方法初始化后调用

mounted : 挂载元素之后

updated : 如果对数据统一处理,在这里写上相应函数

beforeDestroy : 可以做一个确认停止事件的确认框

nextTick : 更新数据后立即操作dom

BeforeMount 挂载开始之前被调用

vue生命周期的作用是什么?

答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

第一次页面加载会触发哪几个钩子?

答:第一次页面加载时会触发beforeCreate, created, beforeMount, mounted 这几个钩子

十二.jQuery的理解

jQuery是一个轻量级的javascript框架,极大的简化了js的编程。

1.首先jQuery提供了强大的元素选择器。用于获取html页面中封装了html元素的jQuery对象。像常见的选择器有:基本选择器,层次选择器,过滤选择器,表单选择器。

2.第二点就是jQuery提供了对css样式操作的支持,像对class属性的增加删除切换操作。还有对单个样式操作的支持的css方法,提供了一种简洁统一的操作样式的方法。

3.第三点就是jQuery出色的DOM操作的封装,极大的简化了javascript的对dom节点的增删改查操作,让我们可以使用一种更加简洁的方法来操作节点。

4.第四点就是jQuery还是一个为事件处理特点设计的框架,提供了静态绑定事件和动态绑定事件,完善了事件的处理机制。

5.jQuery解决了大量浏览器之间的兼容性的问题。

6.jQuery极大的简化ajax编程,提供了一种更加简洁,统一的编程方式。

7.jQuery内置了一些简单有用的内置动画,像常见的slideDown/slideUp,hide/show,fadeIn/fadeOut等,还支持基于定位机制使用animate来自定义动画效果。

十三:webpack和gulp的理解

Gulp 是一个任务管理工具,让简单的任务更清晰,让复杂的任务易于掌控,对代码进行构建的工具

webpack是一个前端模块化方案,更侧重模块打包,webpack是一款模块加载兼打包工具,它可以将js、jsx、coffee、样式sass、less,图片等作为模块来使用和处理。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180509G0EK9T00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励