- 博客(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 &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
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关注的人