季后的风-CSDN博客

原创 vue问题

1. mvc和mvvm模式的区别mvc包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。过程是这样的，首先view传送指令到controller完成业务逻辑后，要求model改变状态，model将新的数据发送到view，用户得到反馈MVVM是Model-View-ViewModel的缩写Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑View代表ui组件，它负责将数据模型转化成UI展现出来ViewModel监听模型

2020-11-11 12:03:20 294

原创 js问题(3)

31.Void(0)的作用是什么？Void(0)用于防止页面刷新，并在调用时传递参数"zero"Void(0) 用于调用另外一种方法而不刷新页面32.箭头函数和普通函数的区别箭头函数是匿名函数不能作为构造函数，不能使用new操作符箭头函数不绑定arguments获取实参的类数组，取而代之的是es6中的rest参数也就是…表示的拓展运算符解决function fn1(x){ console.log(arguments)}var fn2=(...x)=>{ cons

2020-11-10 20:28:04 1018

原创 js问题(2)

16.js中面向对象和面向过程的区别答：面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步步实现，使用的时候一个一个一次调用就可以了，例如c语言的特点面向对象是把构成问题的事物分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描述某个事物在整个解决问题的步骤中的行为。例如java语言的特点17.什么是脚本？答：脚本script是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件18.cookies、sessionStora

2020-11-10 20:27:34 168

原创 JS问题(1)

1.简述一个ajax的请求过程，以及注意事项//1.通过XMLHttpRequest()构造函数创建httprequest对象 var httpRequest = new XMLHttpRequest(); //2.通过 XMLHttpRequest.open()方法打开链接,第一个参数为请求方式，第二个方式为请求的服务器地址，第三个参数为boolean， httpRequest.open('get','http://120.26.185.239:5588/

2020-11-10 20:26:55 646

原创前端HTML和CSS(3)

31. 简述一下盒子模型答：css的盒子模型有两种：通过box-sizing:border-box;设置IE盒子模型，、通过box-sizing:content-box;设置的标准的W3C盒子模型。盒子模型所具有的属性：width 宽height 高padding 内边距margin 外边距border 边框标准的W3C盒子模型的数值计算：width 表示盒子内容的所占的宽height 表示盒子内容所占的高由此可以得出：整个盒子的宽=width+(padd

2020-11-10 20:25:54 90

原创前端HTML和css(2)

17.有哪些方式可以对一个DOM设置它的CSS样式？答:外部样式表，引入一个或多个外部css文件内部样式表，将css代码放在<head>标签中的style标签内内联样式，将css样式直接定义在HTML元素内部18.CSS都有那些选择器？id选择器(以#开头，后跟id名的选择器)、类选择器(.开头，后跟类名)、普遍选择器(用*来表示的是普遍选择器)后代选择器(使用空格隔开)、子代选择器(使用>隔开)、相邻同胞选择器(使用+隔开)、一般同胞选择器(使用~隔开)由此引申出c

2020-11-10 20:25:12 73

原创前端HTML和css(1)

HTML和CSS1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?答:IE(IE浏览器) : trident 内核Firefox(火狐浏览器) ： gecko 内核Chrome(谷歌浏览器)：Blink(基于 webkit ， Google 与 Opera Software 共同开发 )Opera(欧朋浏览器)：以前是 presto 内核， Opera 现已改用 Google Chrome 的 Blink 内核2. 每个 HTML 文件里开头都有个很重要的东西，Doctype

2020-11-10 20:24:06 206

原创前端综合

1.工作中你是如何检测浏览器兼容问题的？答：界面用不同的浏览器下观察整体界面，页面排版，文字和图片是否正常显示css样式及效果是否正常显示，在不同的分辨率下界面是否出现排版错乱浏览器窗口的缩放是否会影响页面的显示交互提示信息是否完整显示控件和插件功能是否正常显示和使用安全在不同浏览器下传输后台数据，观察数据是否一致等2.手机端怎么适配页面meta标签设置viewport用户网页的可视区域，及通过其中的属性content属性设置可视区域使用rem单位，因为r

2020-11-10 20:22:43 211

原创 Object.creat()和new Object()有什么区别

Object.creat()和new Object()有什么区别首先要深入理解原型链！！！！！！！！！！！！其次理解es6对象的APIObject.create() Object.create()方法是ECMAScript5中新增的，用来规范化原型式继承的。创建的对象是一个空对象，在该对象上没有继承 Object.prototype 原型链上的属性或者方法.这个方法接收两个参数，第一个参数是用作新对象原型的对象，和一个为新的实例对象本身定义额外属性的（可选）对象。new Object() new

2020-11-06 17:27:24 609

原创重走es之迭代器

迭代器遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）作用：一是为各种数据结构，提供一个统一的、简便的访问接口二是使得数据结构的成员能够按某种次序排列三是ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for...of消费迭代器的迭代过程通过 Symbol.iterator 创建一个指针对象，指向当前数据结构的

2020-11-03 09:23:25 151

原创重走es6之set对象

set对象Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构展。Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Set 中的特殊值Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待：+0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复undefined 与 undefin

2020-11-02 22:26:52 130

原创重走es6之map对象

map对象Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值— 值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。Map 可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。//Map 可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组var map = new Map([ ['nam

2020-11-02 19:32:38 170

原创重走vue之es6数组详情

数组API的拓展Array.from(arg) 将类数组对象或可迭代对象转化为数组Array.of(…args) 将参数中所有值作为元素形成数组。Array.prototype.find(callback) 用于查找满足条件的第一个元素Array.prototype.findIndex(callback) 用于查找满足条件的第一个元素的下标Array.prototype.includes(data) 判断数组中是否包含某个值，使用Object.is匹配Array.pr

2020-11-02 10:36:43 351

原创重走es6之es6对象

对象看到这里突然就想到，你有对象吗？我没有(哭的超大声)对象属性的简写Es6中规定可以直接在对象中写入变量和函数作为对象的属性和方法，此时属性名为变量名，属性值为变量的值。对象的简写在项目中使用频率极其高。let name="zhangsan"let age=18let obj={ name, age, sayName(){ console.log("my name is",name) }}console.log(obj) //结果为{ n

2020-10-30 16:37:35 164

原创重走vue之axios

AxiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。jQuery中也封装了ajax机制，但是仅适用于浏览器。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装通过<script>直接导入<script src="https://cdn.bootcdn.n

2020-10-29 20:20:32 79

原创重走vue之vue-router

vue-router概述:vue-router是vue的核心插件，用来提供路由功能。通过路由的改变来动态加载组件，达到开发单页面应用网站的目的。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为安装通过使用cdn导入在线资源<script src="https://cdn.b

2020-10-29 17:16:08 606

原创重走vue之vue的可复用技术

mixin混入是非常灵活的技术用来分发Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项.var mixin = { data:function(){ return { info:"this is a mixin" } }, created(){console.log("this is mixin created

2020-10-29 14:08:09 324

原创重走vue之vue组件

组件概述:组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。组件的定义因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed 、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例

2020-10-29 09:16:30 165

原创重走vue之vue的计算属性和侦听属性

计算属性我们希望一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性在双大括号中直接使用表达式获取结果<div id="example"> {{ message.split('').reverse().join('') }} </div>在Vue定义参数中添加computed属性，或者是在methods中添加方法<div id="example"> <p> Computed revers

2020-10-28 19:32:15 64

原创重走vue之表单的输入绑定

表单的输入绑定概述：用v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、 selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值单行文本框<input v-model="messag

2020-10-28 19:00:14 83

原创重走vue之vue的事件机制

事件绑定可以用v-on 指令监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。<button v-on:click="greet">Greet</button> methods: { greet: function (event) { if (event) { alert(event.target.tagName) } // `event` 是原生 DOM 事件

2020-10-28 18:38:21 210

原创重走vue之模块语法

模块语法概述：vue使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有 Vue的模板都是合法的 HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。插值文本使用“Mustache”语法 (双大括号) 进行文本插值实例：<span>Message: {{ msg }}</span&g

2020-10-28 15:22:00 137

原创重走vue之初识vue及vue的生命周期

vuevue是一个MVVM视图层框架，可以构建出复杂的单页面应用程序。vue与原生的Js显著的区别就是不再对dom进行直接操作，而是通过对数据操作来改变视图。也就是说数据模型中的数据发生改变时，视图中使用到该数据的地方也会随之改变安装通过cdn在html中引入在cdn加速服务器中获取vue的库直接进行导入即可，这种方式更加便捷，另外当项目部署到服务器以后直接从cdn上获取资源要比直接从我们的云服务器上获取资源的速度快很多<script src="https://cdn.bootcd

2020-10-28 10:16:46 205

原创重走es6之es6解构

解构Es6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构，解构的本质属于"模式匹配"，只要等号两边的模式相同，左边的变量就会被赋予对应的值，如果解构不成功，变量的值就等于undefined。数组解构等号左边的变量放到中括号内部，匹配右侧数组中的元素。实例：完全解构//数组解构之完全解构let [a, b, c, d, e] = [1, 2, 3, 4, 5, 6]console.log(a, b, c, d, e); //结果为1 2 3 4 5不完全解构//数组

2020-10-27 19:53:35 202

原创重走es6之模块化和npm

模块化为什么要模块化？答:Javascript一直没有模块体系，无法将一个大程序拆分为相互依赖的小文件，再用简单的方法拼装起来。这对开发大型的、复杂的项目形成了巨大障碍。在Es6之前，社区制定了一些模块加载方案，最主要的有CommonJs和AMD两种，前者用于服务器，后者用于浏览器。Es6在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代CommonJs和AMD规范，成为了浏览器和服务器通用得模块解决方案。Es6模块化设计思想:尽量得静态化，使得编译时就能确定模块得依赖关系，以及输

2020-10-27 16:01:20 365

空空如也

空空如也