一、选择合适的ide 推荐使用vs code编辑器，界面清晰、使用方便，控制台功能很好用。webstorm也可以，看个人喜好。 二、ui框架选择 目前，pc端一般是选择element ui（饿了么），移动端的框架比较多，mint ui（饿了么，已不提供更新）、vant ui（有赞）、cube-ui（滴滴...

2019-05-23 09:55:13

AJAX 异步的JavaScript与XML技术（ Asynchronous JavaScript and XML ） Ajax 不需要任何浏览器插件，能在不更新整个页面的前提下维护数据，但需要用户允许JavaScript在浏览器上执行。 兼容性 封装 XMLHttpRequest 对象 1 // 创建 构造函数 2 function Ajax(obj) { 3 t...

2019-05-23 09:55:11

1.Vue的生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。 new Vue({...

2019-05-23 09:55:04

检测浏览器窗口最小化的两种方法： 1.利用window的属性 function isMinStatus() { var isMin = false; if (window.outerWidth != undefined) { isMin = window.outerWidth = 160 window.outerHeight = 28; } else { isMin = window.screenTop -30000 window.screenLeft...

2019-05-23 09:55:00

背景 页面采用ajax获取数据时，每访问一次就会发送一次请求向服务端获取数据，可是呢。 有些数据更新的又不频繁，所以我就想着使用localStorage进行本地存储，然后在固定间隔时在去更新数据。(下载地址：https://gitee.com/whnba/data_storage) 结构设计 expires ：用...

2019-05-23 09:54:57

来自：https://github.com/ElemeFE/element/issues/3367#issuecomment-376402380 侵删 el-upload里面绑定一个占位class： :class="{hide:hideUpload}" data里面初始值： hideUpload: false, limitCount:1 onChange里面（添加文件、上传成功和上传失败时都会被调用的那...

2019-05-23 09:54:57

效果展示 （鼠标移入，滚动停止；鼠标移出，滚动继续） 实现原理 1. html结构：核心是ul li，ul外层包裹着div。因为想要内容循环滚动无缝衔接，所以在原有ul后面还要有一个一样内容的ul。如下图： （红色边框为可视区域div，此处为了方便查看效果去除overflow:hidden；...

2019-05-22 06:35:08

文章开始前先上个图： 大话富文本技术概要： 在web领域，一提到富文本，大伙都觉得很高深，很难，很复杂。但是如果你看了我这篇简短的技术分析，你会发现其实富文本不算高深，称不上很难，只是比较复杂，需要用点心，折腾几回你也能做一个富文本编辑器。下面我将采用问...

2019-05-22 06:34:46

以select为例，如果select写在循环里，触发change事件时可能不只需要传递被选中项的值，还要传递index过去，来改变同一循环中的其他标签的状态。 下面这样写是无效的： @change="changeStatus(val, index)" div v- for = " (item,index) in itemList " el- select v-mo...

2019-05-22 06:34:42

使用New是构造函数，不使用New是函数调用，同时this指向不同。 示例： function Test(name, age, job) { console.log(this); this.name = name; this.age = age; this.job = job; } 1、直接调用函数 var test1 = Test('Tom', 27, 'IT'); 来看下test1的值： console.log...

2019-05-22 06:33:21