自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 webpack中解决ES6或更高级语法的解决方案

webpack中解决ES6或更高级语法的解决方案/ import***from***是ES6中导入模块的方式//由于ES6的代码太高级,浏览器解析不了,所以会报错import $ from 'jquery'在webpack中,默认只能处理一部分ES6的新语法,一些更高级的ES6或ES7语法webpack是处理不了的:这时候就需要借助于第三方的loader,来帮助webpack处理这些高级...

2019-05-07 10:55:24 2088

原创 什么是webpack webpack与grunt、gulp的不同?

什么是webpack ?webpack与grunt、gulp的不同?webpack优缺点?什么是webpack?webpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到...

2019-05-07 10:44:14 832

原创 Vue中的MVVM模式

Vue中的MVVM模式MVVM全称是Model-View-ViewModelVue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟着变化。 ViewModel是Vue的核心,它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body,也可以是某个id所指代的元素。DOMListeners和...

2019-05-07 10:34:50 284

原创 Vue与Angular以及React的区别?

Vue与Angular以及React的区别?与AngularJS的区别相同点:都支持指令:内置指令和自定义指令;都支持过滤器:内置过滤器和自定义过滤器;都支持双向数据绑定;都不支持低端浏览器。不同点:AngularJS的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比较简单、直观;在性能上,AngularJS依赖对数据做脏检查,所以W...

2019-05-07 10:25:50 242

原创 组件传值 子向父 父向子

组件传值 子向父 父向子子向父<body> <div class="box"> <!-- 父组件向子组件传递方法,使用的是事件绑定机制:v-on --当我们自定义了一个事件属性之后,那么子组件就能够,通过某些方式,来调用传递进去的这个方法--> <com1 v-on:func="show"></com...

2019-05-07 10:06:46 137

原创 Vue指令v-for和key属性

Vue指令v-for和key属性迭代数组<ul> <li v-for="(item, i) in list">索引:{{i}} --- 姓名:{{item.name}} --- 年龄:{{item.age}}</li></ul>迭代对象中的属性<!-- 循环遍历对象身上的属性 --> <div v-for=...

2019-05-07 09:52:49 634

原创 如何解决vue-resource跨域问题vue-resource jsonp请求问题

如何解决vue-resource跨域问题vue-resource jsonp请求问题在项目config目录下的index.js文件中的"dev"下,添加下面的代码,并改变使用的路径proxyTable: { '/api': { target: 'http://localhost:80/', changeOr...

2019-05-07 09:46:58 1619

原创 事件绑定和普通事件有什么区别

事件绑定和普通事件有什么区别传统事件绑定和符合 W3C 标准的事件绑定有什么区别?div1.οnclick=function(){}; 1、如果说给同一个元素绑定了两次或者多次相同类型的事件,那么后面的绑定会覆盖前面 的绑定2、不支持 DOM 事件流 事件捕获阶段目标元素阶段=>事件冒泡阶段addEventListener1、 如果说给同一个元素绑定了两次或者多次相同类型的事件...

2019-05-07 08:46:55 2293

原创 如何解决jQuery事件冒泡和默认行为

如何解决jQuery事件冒泡和默认行为什么是事件冒泡由子元素触发了事件就会向父元素冒泡;并会响应如何阻止事件冒泡$(".son").click(function () { console.log(123); return false; // 第一种阻止方式})$(".son").click(function (event) { console.log(123);...

2019-05-06 20:29:49 203

原创 Promise

PromisePromise的含义Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。特点(1)对象的状态不受外界影响。有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)...

2019-05-06 20:15:07 104

原创 变量的结构赋值

变量的结构赋值数组的结构赋值let[a,b,c]=[1,2,3]//按顺序赋值剩余运算符let [a, ...b] = [1, 2, 3];//a = 1//b = [2, 3]解构默认值let [a = 2] = [undefined]; // a = 2当解构模式有匹配结果,且匹配结果是 undefined 时,会触发默认值作为返回结果。let [a = 3, b =...

2019-05-06 20:10:34 232

原创 let(变量)和const(常量)

let(变量)和const(常量)letES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。let声明的变量不存在预解析(变量提升)let声明的变量不允许重复ES6引入了块级作用域,块内定义的变量,在外部是不允许访问的{ //这里是块级作用域 let flag=111; console.log(fla...

2019-05-06 19:59:50 1040

原创 html5 有哪些新特性、移除了那些元素?如何处理 HTML5 新标签的浏览器兼 容问题?如何区分 HTML 和 HTML5?

html5 有哪些新特性、移除了那些元素?如何处理 HTML5 新标签的浏览器兼 容问题?如何区分 HTML 和 HTML5?HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。绘画 canvas用于媒介回放的 video 和 audio 元素本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage...

2019-05-06 19:41:07 307

原创 Ajax 是什么? 如何创建一个 Ajax?同步和异步的区别?

Ajax 是什么? 如何创建一个 Ajax?同步和异步的区别?Ajax 并不算是一种新的技术,全称是 asynchronous javascript and xml,可以说是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持 ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对 ajax 的原生支持使 用 aj...

2019-05-06 19:33:45 162

原创 什么是 Ajax 和 JSON,它们的优缺点。

什么是 Ajax 和 JSON,它们的优缺点。Ajax 是全称是 asynchronous JavaScript andXML,即异步 JavaScript 和 xml,用于在Web 页面中实现异步数据交互,实现页面局部刷新。优点:可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量,避免用户不断刷新或者跳转页面,提高用户体验缺点:对搜索引擎不友好;要实现 ajax 下的前后退功能...

2019-05-06 19:22:16 282

原创 CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3 新增 伪类有那些?

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3 新增 伪类有那些?1.id 选择器( # myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.子选择器(ul < li)6.后代选择器(li a)7.通配符选择器( * )8.属性选择器(a[rel = “external”])9.伪...

2019-05-06 18:55:53 249

原创 display:none 与 visibility:hidden 的区别?什么是外边距重叠?重叠的结果是什么?

display:none 与 visibility:hidden 的区别?什么是外边距重叠?重叠的结果是什么?display : 隐藏对应的元素但不挤占该元素原来的空间。visibility: 隐藏对应的元素并且挤占该元素原来的空间。即是,使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用 visibility:hidden ...

2019-05-06 18:49:21 189

原创 src 与 href 的区别

src 与 href 的区别src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片和 frame 等元素。<script src =”js.js”></script&gt...

2019-05-06 18:37:02 137

原创 Vue中vue-resource实现get,post,jsonp请求

Vue中vue-resource实现get,post,jsonp请求除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求常见的数据请求类型 get post jsonpJSONP的实现原理由于浏览器的安全性限制,不允许AJAX访问 协议不同、域名不同、端口号不同的 数据接口,浏览器认为这种访问不安全;可以通过动态创建script标签的形式,把sc...

2019-04-26 20:48:00 382

原创 Vue生命周期

Vue生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:1.创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 data 和 ...

2019-04-26 20:26:54 255

原创 Vue中插值表达式 v-text v-html区别

Vue中插值表达式 v-text v-html区别插值表达式 v-text v-html都有插值的作用,但三种有区别:v-text和插值表达式不能解析html,v-html可以插值表达式有闪烁问题,v-text和v-html没有插值表达式只会替换自己位置的这个占位符,v-text会替换元素中的原本内容<div class="box"> <!-- v-cl...

2019-04-26 19:55:52 1157

原创 exports和module.exports的区别

exports和module.exports的区别每个模块中都有一个module对象module对象中有一个exports对象我们可以把需要导出的成员挂载到module.exports接口对象中也就是:moudle.exports.xxx=xxx的方法但是每次这样都太麻烦所以node为了方便,同时在每一个模块中都提供了一个成员exportsexport===moudle.export...

2019-04-26 16:05:19 207

原创 继承 什么是继承 及其方法

继承 什么是继承 及其方法什么是继承js中的继承就是获取存在对象已有属性和方法的一种方式.构造函数的属性继承:借用构造函数function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用构造函数继...

2019-03-27 20:38:55 412

原创 构造函数、实例、原型三者之间的关系

构造函数、实例、原型三者之间的关系任何函数都具有一个 prototype 属性,该属性是一个对象。function F () {}console.log(F.prototype) // => objectF.prototype.sayHi = function () { console.log('hi!')}构造函数的 prototype 对象默认都有一个 constru...

2019-03-27 20:19:58 146

原创 如何在页面上同时使用 jQuery 和其他框架

如何在页面上同时使用 jQuery 和其他框架jQuery 和其他 JavaScriptjQuery 使用 $ 符号作为 jQuery 的简写其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman...

2019-03-21 16:39:09 191

原创 localStorage和 sessionStorage的增删改查

标题localStorage和 sessionStorage的增删改查增加更改数据// 添加或室设置数据 参一key 参二value 且为字符串// 改:重新给属性赋值。以最后一次赋值为准 localStorage.setItem('code',str) sessionStorage.setItem('code',str)获取数据// 获取数据 参数为k...

2019-03-13 21:20:52 423

原创 cookie localStorage 与 sessionStorage的优缺点

cookie localStorage 与 sessionStorage的优缺点cookie缺点:cookie限制大小​ cookie会每次随http请求一起发送,浪费宽带。localStorage特点;可以长期储存数据;需要手动删除数据​ 在同一域下且同一个浏览器不同窗口页面,操作的是同一 个localStorage优点:可以大量保存浏...

2019-03-13 20:52:53 2957

原创 cookie localStorage sessionStorage 的区别

cookie localStorage sessionStorage 的区别cookiecookie存储空间非常小,它的大小限制在4KB左右。它的主要用途是保存登录信息,比如登录页面上的记住密码。localStoragelocalStorage 是 HTML5 标准中新加入的技术,用于数据缓存。sessionStoragesessionStorage 与 localStorage ...

2019-03-13 20:49:45 189

原创 常用的 jQuery 事件方法

常用的 jQuery 事件方法click()click() 方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行。dblclick()当双击元素时,会发生 dblclick 事件。dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数:mouseenter()当鼠标指针穿过元素时,会发生 mouseen...

2019-03-08 17:55:42 163

原创 jQuery attr() 属性操作和prop()属性操作

jQuery attr() 属性操作和prop()属性操作语法.attr(“属性”,“属性值”).prop(“属性”,“属性值”)作用获取匹配元素集合中第一个元素属性的值或设置匹配元素的一个多个属性的值attr()与prop()区别自jQuery 1.6之后 对于checked,selected,disabled这种boolean类型的属性来说,不能用attr(),得用prop()...

2019-03-08 17:47:15 182

原创 jQuery对象与DOM对象的区别及其相互转换

jQuery对象与DOM对象的区别及其相互转换DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合(伪数组))DOM对象与jQuery对象的方法不能混用。DOM对象转换成jQue...

2019-03-08 17:06:18 84

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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