15、前端知识点--MVVM

MVVM模式的理解 MVVM模式里面,核心是数据. 各种前端框架,最核心的说就是保持了数据与视图的同步. 数据驱动思想:数据驱动视图. Vue不建议手动操作DOM. 以前是指令操作DOM,其实本质上底层还是操纵DOM.现在都用数据驱动了. 虽然vue中不推荐手动操作DOM,但是有些情况下必须操作DOM,这是可以通过$ref来操作DOM.…

1.MVVM与MVC的区别是什么? 在MVC里,View是可以直接访问Model的!从而,View里会包含Model信息,不可避免的还要包括一些业务逻辑. MVC模型关注的是Model的不变,所以,在MVC模型里,Model不依赖于View,但是 View是依赖于Model的.不仅如此,因为有一些业务逻辑在View里实现了,导致要更改View也是比较困难的,至少那些业务逻辑是无法重用的,mvc的所有通信都是单向的.而MVVM在概念上是真正将页面与数据逻辑分离的模式并且可以实现数据双向绑定. 2.…

前端框架MVVM是什么（整理）

前端框架MVVM是什么(整理) 一.总结一句话总结:vm层(视图模型层)通过接口从后台m层(model层)请求数据,vm层继而和v(view层)实现数据的双向绑定. 1.我大前端应该不应该做复杂的数据处理的工作? 不应该只要后端保证对外接口足够简单就行了,我请求api,你把数据返出来,咱俩就这点关系,其他都扯淡. 后端:我们这里的业务逻辑和数据处理会非常复杂! 前端:关我屁事! 后端业务处理再复杂跟我们前端也没有半毛钱关系,只要后端保证对外接口足够简单就行了,我请求api,你把数据返出来,咱…

Vue.js中前端知识点总结笔记

1.框架和库的区别: 框架:framework 有着自己的语法特点.都有对应的各个模块库 library 专注于一点框架的好处: 1.提到代码的质量,开发速度 2.提高代码的复用率 3.降低模块之间的耦合度 (高内聚低耦合) UI:user interfaceGUI : graphical user interfaceCLI : command line interfaceAPI : application interface 思维模式的转换: 从操作DOM的思维模式切换到以数据为主 2.…

前端知识点总结(HTML)

前端知识点总结(HTML) 一,头部常用的标签 1,link标签 (1),设置ico图标 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="img/gif_favicon.gif" type="image/gif"> (2),外…

前端知识点回顾——HTML，CSS篇

前端知识点回顾篇--是我当初刚转行为了面试而将自己学过的前端知识整理成的一份笔记,个人目的性很强,仅供参考. doctype 有什么用 doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档. 浏览器本身分为两种模式,一种是标准模式,一种是怪异模式(混杂模式),浏览器通过doctype来区分这两种模式,doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirk…

前端知识点-CSS相关知识点

1.解释一下CSS的盒子模型? 回答一: a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度 b.网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性. c.这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型. 回答二:…

前端知识点-JS相关知识点

1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 优点 a.不需要插件支持 b.优秀的用户体验 c.提高Web程序的性能 d.减轻服务器和带宽的负担缺点 a.浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持 b.破坏浏览器"前进"."后退&…

前端知识点一HTML相关知识点

1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务. 2.HTML5的优点与缺点? 优点: a.网络标准统一.HTML5本身是由W3C推荐出来的. b.多设备.跨平台 c.即时更新. d.提高可用性和改进用户的友好体验: e.有几个新的标签,这将有助于开发人员定义重要的内容: f.可以给站点带来更多的多媒体元素(视…

软件测试必备-前端知识点之html基础

前端必备知识点第一部分:HTML基础一. web前端标准 1. 结构标签----html 2. 样式标准,美化----css 3. 行为标准---js 二. 五大浏览器厂商 1. ie 2. 谷歌 3. 火狐 4. 苹果与谷歌类似 5. 欧朋占有率低注意:国产浏览器只是使用了,ie和谷歌的核心技术换了一套皮肤,所以只测三个重要浏览器即可三. 第一个html页面详解 1. 打开软件后,一定要先准备好一个文件夹专门放代码,拖拽文件夹放在软件的左侧位置 2. 使用鼠标左键点击刚刚的文件夹,…

java容易混淆的15个知识点

java知识点不多,但是有一些经常会被我们忽略 1.java是强类型的语言,数组也是对象,一旦确定数组的类型,里面就只能存放一个类型的数据. 2.新建的对象都被存放到堆上,如果没有引用,会很快垃圾回收. 3.java没有全局变量和方法这个概念,全局方法,被加上static关键字,全局的变量是,static final 4.java是值传递,对于primitive基本类型,是拷贝数值,对于复杂对象类型是拷贝引用,操作会影响原来额数据. 5.实例变量声明在类内,局部变量声明在方法内,局部变量使用前必…

vue前端知识点整理

1. 说一下Vue的双向绑定数据的原理 vue 实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调 2. 解释单向数据流和双向数据绑定单向数据流: 顾名思义,数据流是单向的.数据流动方向可以跟踪,流动单一,追查问题的时候可以更快捷.缺点就是写起来不太方便.要使UI发生变更就必须创建各种 action 来维护对应的 state 双向数据…

前端知识点总结——HTML

HTML:HTML4.01 指的就是网页技术HTML5:HTML4.01的升级版本 1.web的基础知识 web与Internet1.Internet:全球性的计算机互联网络,因特网,互联网,交互网2.提供服务 3.Internet上的应用程序 4.web 2.HTML快速入门 1.什么是HTML? 2.HTML的基础语法 3.HTML文档结构 1.HTML文档结构自己是一个五年的全栈工程师,这里推荐一下我的前端学习交流群:开始484然后757最后760,里面都是学习前端的,群里会不定期更新最…

web前端知识点

一.CSS问题 1.flex布局 display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果超出一行,按比例压缩 flex:1; 子元素设置,设置子元素如何分配父元素的空间,flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式,center 垂直居中justify-content:center 设置子元素在父元素中居中,前提是子元素没有把父元素占满,让子元素水平居中. 2.css3的新特性 transtion trans…

java前端知识点整理

1.jsp内置对象?作用? request :客户端请求,包含来自 GET/POST,提供了几个用于获取 cookie, 和 session 的方法 response :网页传回用户端的回应 pageContext :网页的属性是在这里管理,获取上下文对象 session :与请求有关的会话期,表示一个请求的HttpSession 对象.Session 可以存贮用户的信息 application :servlet 正在执行的内容 out :用来传送回应的输出 config: servlet 的构…

Web前端知识点记录

一.HTML的加载顺序浏览器边下载HTML,边解析HTML代码,二者是从上往下同步进行的先解析<head>中的代码,在<head>中遇到了<script>标签,暂停解析,网页渲染的控制权转交给JavaScript引擎,如果< script >标签引用了外部脚本,就下载该脚本,否则就直接执行,并会阻塞后续的资源下载与执行,因为js有可能修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 当head中代码解析完毕,会开始解析body中的代码,如果…

web前端知识点1

1. input属于窗体元素,层级显示比flash.其它元素都高.请判断这句话的正确与否. 错误层级显示优先级: frameset > 表单元素 > 非表单元素在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高. 表单元素包括:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等: 非表单元素包括:链接(a),div,table,span等. 所有的html元素又可以根据其显示分成两类:有窗口元素以及无窗口元素.有窗口元素总是显示在无窗口元素…

前端知识点总结——CSS

1.CSS的概述 1.什么是CSS? CSS:Cascading Style Sheets层叠样式表,级联样式表(简称:样式表) 2.作用设置HTML网页元素的样式 3.HTML与CSS的关系 HTML:负责内容的展示 CSS:负责内容(元素)的修饰 4.HTML与CSS之间的使用原则 W3C建议尽量使用CSS属性去取代HTML属性来修饰元素 2.CSS语法规范 1.使用CSS样式的方式(重点) 1.内联样式又称为行内样式特点:将CSS样式定义在HTML开始标记中语法: <ANY sty…

前端知识点回顾之重点篇——CORS

CORS(cross origin resource sharing)跨域资源共享来源:http://www.ruanyifeng.com/blog/2016/04/cors.html 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制. 简介 CORS需要浏览器和服务器同时支持.目前,所有浏览器都支持该功能,IE浏览器不能低于IE10. 整个CORS通信过程,都是浏览器自动完成,不需要用户参与.对于开发者来说,CORS通信与同源的AJAX通信…

web前端知识点反思总结

当别人问你之前的知识,我们便会勾起之前的回忆,然后进行一番痛苦的挣扎后,发现我依然记得你什么是 DTD ? 文档类型定义 (DTD) 可定义合法的 xml 文档的构建模块 ,他是使用一系列合法的元素来定义文档的结构 DTD 可被成行的声明于 XML 的文档,也可作为一个外部引用 DOCTYPE 是定义浏览器使用什么样的文本类型定义 DTD 载入页面,也就是告诉浏览器使用什么样的 HTML 或者 XHTML 规范来解析 html,一般情况出现在 html 文档的开头严格模式,又称为标准模式,是…

27、前端知识点--webpack面试题(二)

webpack面试题总结本文主要是对webpack面试会常被问到的问题做一些总结,且文章会不断持续更新 1.webpack打包原理把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载. 2.webpack的优势 (1) webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移. (2)能被模块化的不仅仅是 JS 了. (3) 开发便捷,能替代部分 grunt/gulp 的工作,比如打包.压缩混淆.图片…

25、前端知识点--webpack篇之面试考点

前端面试之webpack篇 https://blog.csdn.net/sinat_17775997/article/details/78122999 关于webpack的面试题随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,如react的jsx代码必须编译后才能在浏览器中使用:又如sass和less的代码浏览器也是不支持的. 而如果摒弃了这些开发框架,那么开发的效率将大幅下降.在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具. 然而大多数…

23、前端知识点--webpack的使用详解

Webpack 是当下最热门的前端资源模块化管理和打包工具. https://www.cnblogs.com/zhangruiqi/p/7656206.html…

21、前端知识点--html5和css3新特性汇总

跳转到该链接新特性汇总版: https://www.cnblogs.com/donve/p/10697745.html HTML5和CSS3的新特性(浓缩好记版) https://blog.csdn.net/m0_37631322/article/details/81945113 前端的入门现在基本是由hml和css组合写静态页面开始,w3school官方已经推出Hhtml5和css3新特性了,让前端开发者书写起来比较容易.简单,不过作为一个好的前端开发者更要遵循w3c官方标准去开发. htt…

7、前端知识点--关于Array.from详解

1.Array.from()方法就是将一个类数组对象或可遍历对象或可迭代对象转换成一个真正的数组.浅拷贝的数组实例. 2.那么,什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象. 应用一.将类数组对象转换为真正数组 let arrayLike = { 0:'jack', 1:'60', 2:'男', 3:['rose','john','mary'], 'length':4}; let arr = Array.from(arrayLike) console.…

前端知识点也可以当做面试题含vue

一.webpack3.x打包工具三大组成结构.package.json.webpack.config.js.serve.js 1.Package.json:下载目录需要的依赖包 2.Webpack.config.js:是配置webpack的打包文件的配置由下四个部分组成 (1)entry:入口 (2)Ouput:出口 (3)Module:这个里面处理各种文件的loader (4)Plugins:webpack用的的插件 3.serve.js在自己本地起一个服务器 4.处理图片用url-load…

web前端知识点（JavaScript篇）

call,apply,bind call,apply,bind这三者的区别,及内部实现原理,点这里 promise promise函数的内部实现原理,点这里闭包闭包就是能够读取其他函数内部变量的函数.形式上,就是一个函数返回一个内部函数到函数外,内部函数引用外部函数的局部变量.本质上,闭包是将函数内部和函数外部连接起来的桥梁. 原型链 JavaScript中每一个对象都有一个__proto__和constructor属性,每一个函数都有一个prototype属性,因函数也是对象,所以函数也拥…

js 整理前端知识点前端面试题（2020）（vue）

数据类型字符串(String).数字(Number).布尔(Boolean).对空(Null).未定义(Undefined).Symbol. 引用数据类型:对象(Object).数组(Array).函数(Function). 注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值. undefined和null 区别 undefined是未定义不存在的 null 是空值已定义 typeof得到的是object javaScript权威指南: null 和 undef…

8.15 CSS知识点6

自定义动画 1.animation-name(动画名称) 元素所应用的动画名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义. 语法: animation-name :none | <identifier> 例: div{ -webkit-animation-name : FromLeftToRight; animation-name : FromLeftToRight; } 2.keyframes(关键帧) 被称为关键帧,其类似于Flash中的关键帧.在CS…