meizi........*-优快云博客

转载前端之web上传文件的方式

在web浏览器上传文件一般有以下几种方式： form表单上传文件原生js实现ajax上传文件 jquery实现ajax上传文件 form+iframe上传文件其中form提交数据之后会整个刷新页面； js通过ajax上传文件虽然不会刷新整个页面，但是他们都是通过使用formdata对象实现的，formdata对象在老版本的浏览器中并不支持；为了兼容老版本浏览器，使用iframe方式提交； ...

2018-12-14 00:19:53 601

1.ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上（Parent.apply(this)）. 2.ES6的继承机制完全不同，实质上是先创建父类的实例对象this（所以必须先调用父类的super()方法），然后再用子类的构造函数修改this。 3.ES5的继承时通过原型或构造函数机制来实现。 4.ES6通过class关键字定义类，里面有构造方法，类之间通过extends...

2018-11-08 16:44:54 11244

转载 Jquery的ready()与Javascrpit的load()区别

做web开发时常用Jquery中$(document).ready()和JavaScript中的window.onload方法，两者都是要在页面加载完成以后加载的方法，但是这两者还是有很大区别的。最近遇到了这样的问题，查询了多篇文章，做一下总结。简单来说，要以用以下张表来表示： window.onload() $(document).ready() 一般情况下window的load()都是用...

2018-11-06 21:24:55 207

转载 js，jquery事件委托

JavaScript事件委托的技术原理分享：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多人不理解事件委托的工作原理。这里我将要解释事件委托是...

2018-10-19 17:12:35 132

原创实现垂直居中有哪些方法

html文件中； <div class="mydiv"> <span class="myspan">我要居中</span> </div> css中： .mydiv{ width:200px; height:200px; border:1px solid red; } .myspan{ border:1...

2018-10-19 16:47:45 157

转载 Jquery选择器大全、属性操作、css操作、文档、事件等

一、简介定义　　jQuery创始人是美国John Resig，是优秀的Javascript框架；　　jQuery是一个轻量级、快速简洁的javaScript库。 jQuery对象　　jQuery产生的对象时jQuery独有的，只能自己调用书写规则　　支持链式操作；　　在变量前加””符号（var”符号（varvariable = jQuery 对象）；　　注：此规定并不是强制要求。 ...

2018-10-14 22:42:46 133

转载 css实现点击事件

一、选择胶囊 <style> *{padding:0;margin:0} body{background: #abcdef} input{display: none} .switch{ position:relative; display: block; width:38px...

2018-10-14 22:19:43 24953

转载 vue路由传参

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：方案一： getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`, }) 方案一，需要对应路由配置如下： { path:...

2018-10-13 18:08:16 117

原创 vue.js脚手架

Vue——CLI脚手架：什么是脚手架：具有核心功能的半成品代码，只需要向其中添加个性化自定义内容即可为什么：简化和标准化开发如何：下载Vue——CLI工具（node8以上） npm i -g @vue/cli 2.为本次项目创建脚手架代码在要创建项目的夫文件夹下： vue create xz_vue xz_vue --自动创建菜单： 1.Manually ...

2018-10-12 16:11:55 205

原创如果使用脚手架创项目

如果使用脚手架创项目 (1)默认安装好node.js v8.11.1 &amp;amp;amp;amp;gt; (2)全局安装vue-cli： npm i -g vue-cli (3)初始化一个项目，指定打包工具 webpack vue init webpack app ? Project name ? Project description ? Author ? Install vue-rou...

2018-10-12 15:25:02 124

原创发送ajax请求的方式有哪些

一、发送ajax的原理和步骤。 ajax的原理是在HTTP协议的基础上以异步的方式通过XMLHttpRequest对象与服务器进行通信。XMLHttpRequest是浏览器内建对象，用于在浏览器后台与服务器通信(交换数据)。因此，可以不用刷新整个页面实现页面的部分更新。 1、创建异步对象启动浏览器内建对象XMLHttpRequest，用于在浏览器后台与服务器通信(交换数据)。 ...

2018-10-12 11:28:18 3104

转载 localStorage、sessionStorage、Cookie的区别及用法

localStorage、sessionStorage、Cookie的区别及用法图片描述 webstorage webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。 localStorage localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为...

2018-10-09 22:16:42 128

原创 Vue.js实例/组件的生命周期

Vue.js实例/组件的生命周期——重点理论问题: 页面加载后自动执行window.onload DOM内容加载后自动执行jQuery有$(document).ready() Vue何时加载完成？解决: 用Vue的生命周期钩子函数: 鄙视: Vue.js实例/组件的生命周期: 4个阶段: 创建(create) 创建模型数据和响应系统 2个钩子函数: beforeCreate() $el...

2018-10-08 20:07:43 391

qq_42908794的博客