自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2018-12-14 00:19:53 563

转载 ES5与ES6继承的区别

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

2018-11-08 16:44:54 11149

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

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

2018-11-06 21:24:55 169

转载 js,jquery事件委托

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

2018-10-19 17:12:35 108

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

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 130

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

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

2018-10-14 22:42:46 104

转载 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 24836

转载 vue路由传参

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

2018-10-13 18:08:16 96

原创 vue.js脚手架

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

2018-10-12 16:11:55 178

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

如果使用脚手架创项目(1)默认安装好node.js v8.11.1 >(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 106

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

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

2018-10-12 11:28:18 3037

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

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

2018-10-09 22:16:42 101

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

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

2018-10-08 20:07:43 357

空空如也

空空如也

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

TA关注的人

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