- 博客(16)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 xmlhttprequest 2.0总结
xmlHttRequest 是浏览器的一个接口 用于与后台进行http交互。08年XMLHttpRequest2.0问世。在1.0的基础上新增了一些方法。现在浏览器基本都支持XMLHttpRequest2.0.1 http 请求时限 xhr.timeout = 3000 xhr.ontimeout = function(event){ alert('请求超时！');...
2019-07-31 14:32:22
365
原创 vue中数据改变 界面不更新问题
vue双向绑定问题中，不能实现及时更新的问题：不在data中显式声明的对象不能及时更新 在form中，经过v-model的变量 或 在其他html标签中 使用v-bind:方法的变量才能及时更新 vue不能检测到对象属性的增加，修改，删除， 不能及时触发DOM的更新，需要借用其他的更新。 vue不能检测数组的项修改（根据index）、length修改（仅此而已，可直接对数组重新赋值，如使...
2019-07-23 11:03:54
11429
原创 javascript常用方法总结
1 深度克隆function deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'deepClone') } const targetObj = source.constructor === Array ? ...
2019-07-11 18:01:07
191
原创 浅谈cookies和session
先用大白话解释：当你一次访问服务器的时候，服务器会在内存中开辟一块空间，返回唯一一把打开该空间的钥匙，再把这把钥匙返回到浏览器。当你第二次访问的时候浏览器会携带这把钥匙到服务器端打开对应的空间，如果该空间已经销毁又重新返回开辟一块新的空间返回新的钥匙到浏览器。Cookie和Session的区别？ 1、Cookie和Session都是会话技术，Cookie是运行在客户端，Se...
2019-07-11 11:30:36
152
原创 vue源码解析2——模板解析
2 模板解析从上节的第<5>步，引出模板解析，将el的所有子节点取出, 添加到一个新建的文档fragment对象中，对fragment中的所有层次子节点递归进行编译解析处理。文本节点：从data中取出表达式对应的属性值，设置为文本节点的textContent 元素节点：获取节点属性，判断是否是指令 解析指令function Compile(el, vm) { t...
2019-05-29 21:58:28
406
原创 vue源码解析3——数据劫持
3 数据劫持数据劫持是vue中用来实现数据绑定的一种技术，通过defineProperty()来监视data中所有属性(任意层次)数据的变化, 一旦变化就去更新界面。function Watcher(vm, exp, cb) { this.cb = cb; // <1>保存回调函数，主要用与更新节点 this.vm = vm; this.exp = ...
2019-05-29 21:56:32
546
原创 vue源码解析1——数据代理
vue是通过数据劫持的方式来做数据绑定的，其中最核心的方法便是通过`Object.defineProperty()`来实现对属性的劫持，达到监听数据变动的目的。其主要功能是： 数据代理 模板解析 数据劫持 双向数据绑定本博客将带你模仿vue各功能的实现：一数据代理遍历data里面所有的属性，通过Object.defineProperty()给data里每...
2019-05-29 21:48:07
329
1
原创 mock.js+vue的简单使用
1 安装npm install mockjs --save2 在mock文件夹，并在mock文件夹下新建index.js。3 在main.js中引入。// main.jsVue.config.productionTip = falserequire('./mock')/* eslint-disable no-new */new Vue({ el: '#app', ...
2019-03-14 22:14:36
7447
3
原创 vue导航守卫详解
1 全局守卫。router.beforeEach当从一个路由跳转到另一个路由的时候触发此守卫，这个守卫也叫全局前置守卫，所以它是跳转前触发的。任何路由跳转都会触发。const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})每个守卫都有三个参数：to：这是...
2018-10-24 14:39:57
17337
2
原创 vue+axios 使用总结教程
1 下载 引用。npm install axios --save-dev import axios from "axios"2 这个时候 在组件中使用axios是需要每个组件都引一下axios的，比较麻烦，所以我们这样配置：Vue.prototype.$myAxios = axios; //把axios挂载到vue上，$myAxios这个名称可以自定义或者你也可以这样：...
2018-10-23 10:27:56
2750
原创 简洁易懂的vuex总结
这是一个vuex的简单教程，适合像博主一样的初级学者。内容简单易懂，很容易上手。1 下载vuex。使用npm安装 vuex。在控制命令行中输入下边的命令。 npm install vuex --save2 引用vuex。在项目的src下新建文件夹store。在store文件夹下新建index.js（或者叫做store.js）。在index.js里面写入代码：// sto...
2018-10-22 17:36:22
278
原创 学习使用GIT
1 安装git。直接从Git官网直接下载安装程序，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！2 创建一个版本库（repository）。$ mkdir learngit //创建文件夹$ cd learngit //进入文件夹$ pwd ...
2018-09-11 18:35:14
143
原创 ES6学习之路——class
ES5 生成实例对象的传统方法是通过构造函数。如下代码。这种写法跟传统的面向对象语言（比如 C++ 和 Java）差异很大。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ...
2018-09-06 10:54:48
156
原创 简单通俗的去理解ES6的Promise对象
Promise对象其实很简单，就是处理异步加载时候获取数据的问题。通常我们会使用回调回调函数来解决，但是如果你使用了Promise就显得有逼格。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理----...
2018-09-05 17:38:53
196
原创 iframe父子页面通信
1 同域名下iframe父子页面通信。简单的讲就是：父页面调用子页面方法：chiildFrameName.window.childMethod();子页面调用父页面方法：parent.window.parentMethod();当然方法不止一种，上边是比较简单的一种，其他方法看下面代码。父页面代码：<!DOCTYPE html><html lang="...
2018-08-30 11:22:56
3483
原创 封装自己的jquery插件
第一步：要想封装自己的jq插件，要先了解jquery插件运行机制。jQuery使用无new的构造方式，直接$(' ')进行构造，相当于new jQuery()。看下面例子。 jQuery将jQuery.prototype赋值给jQuery.prototype.init的prototype作为中转站，最终return出了一个jQuery实例。将上述代码写在一个自执行函数内（形成私有作用域，避...
2018-08-24 17:23:46
3065
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人