- 博客(11)
- 收藏
- 关注
原创 浅谈vue双向数据绑定
前沿最近在研究vue的源码,再次记录一下众所周知vue通过数据劫持+发布订阅模式实现双向绑定那么我们就一步一步来实现一个简易版本的mvvm吧入口class Vue { constructor(options) { this.$el = options.el this.$data = options.data if (this.$el) { new Observer(this.$data) new
2020-09-17 10:18:52
169
原创 自己实现一个new方法
前沿好久没有写点东西了,最近看了下js基础教程,觉得有些东西还是有必要记录下来关于newnew关键字通常和构造函数一起使用,用于创建对象。function Animal(name, action) { this.name= name; this.action= action; this.run= function () { ...
2019-07-15 10:00:22
2530
原创 检测数据类型的经典方法
前沿用 typeof 是否能准确判断一个对象变量,答案是否定的,null 的结果也是 object,数组的结果也是 object,有时候我们需要的是 “纯粹” 的 object 对象。如何避免呢?比较好的方式是:console.log(Object.prototype.toString.call(obj) === "[object Object]");例console.log(Objec...
2019-05-18 16:08:32
277
原创 浅谈JS事件循环机制(event loop)的宏任务,微任务
首先看一段代码async function f1(){ await f2() console.log('f1') }// async function f2(){ console.log('f2') } console.log('正常1') f1() setTimeout(()=>{ console.log('定时器') }) console.l...
2019-04-29 15:48:04
256
1
原创 实现一个简单的Vue插件
概念最近看了篇关于Vue插件的文章,为了避免忘记,打算写下来,以遍日后查阅。我们引入全局变量的时候,可能需要一个一个的引入,而且在一个vue文件中引用的组件多了,会显得代码臃肿,所以才有了封装vue插件的需求。插件组件模板<template> <transition name="fade"> <div class="toast" v-s...
2019-04-22 19:09:41
610
原创 浅谈js中的原型、原型链、原型链继承
原型对象、 构造函数、实例对象原型对象:这个要从构造函数开始说起,每个构造函数都会带有一个 prototype 属性。该属性是个指针,指向了一个对象,我们称之为 原型对象。什么是指针?指针就好比学生的学号,原型对象则是那个学生。我们通过学号找到唯一的那个学生。假设突然,指针设置 null, 学号重置空了,不要慌,对象还存在,学生也没消失。只是不好找了,用代码来解释可以这样Person.prot...
2019-04-04 17:59:04
221
原创 关于javascript函数节流和防抖的理解
背景介绍最近本人在开发移动端应用中,遇到关于函数节流和函数防抖功能使用,一个是搜索功能,用户输入完成之后进行接口请求这么一个简单的功能,这里需要用到防抖操作。还有一个功能是我需要监听滚动条距离底部的位置,此时我需要进行一些节流处理,优化前端性能。这是最近在项目中遇到的一些问题,所以记录在博客中以便以后查看,接下来就来简单谈下节流和防抖的的概念和简单的demo实现。概念防抖:将需要执行的方法放...
2019-03-21 19:57:55
175
原创 浅谈单页应用SPA实现原理
背景介绍项目中本人使用Vue作为主要技术栈,众所周知Vue主要用于开发单页面(SPA)应用的框架,具有良好的用户体验,用户不需要重新刷新页面,获取数据也是通过Axios异步获取,使得页面显示更为流畅。分析既然这样,那我们就探究下单页SPA的实现原理吧:查阅相关资料,目前主要有两种实现方式1、监听hash的改变 2、H5新增的的history APIHash在url中可以带上一个#,这个就...
2019-03-11 20:44:15
1934
1
原创 vue.set(this.$set)的正确用法
vue.set的用法项目前沿需求分析解决方案代码分析附项目前沿在做移动端项目的时候,往往有这样一个需求。头部有多个type切换,对应不同的内容,在以往面向web开发的时候我们往往采用的是点击哪个type传对应的值请求哪个的内容,这杨每次点击就会产生一次请求,对于用户体验来说是不怎么友好的,现在移动webapp的时代,我们完全可以做成原生应用的切换效果。需求分析既然这样,那么我们就需要创建多...
2019-01-27 12:04:29
12609
1
转载 一次完整的HTTP请求经历的步骤
一次完整的Http请求,虽然说的是浏览器,但是换成ios,android也是完全没毛病的。原文&nbsp;http://blog.51cto.com/linux5588/1351007当我们在浏览器的地址栏输入&nbsp;www.linux178.com&nbsp;,然后回车,回车这一瞬间到看到页面到底发生了什么呢?以下过程仅是个人理解:Http 的head...
2019-01-24 16:29:47
270
原创 weex多个接口请求比较慢的解决方案
weex微信分享多张图片比较慢前沿需求分析解决方案代码分析附前沿最近接触到weex的一个商城项目,主要用得技术栈是 weex+vue ,不了解weex的同学可以移步weex官方文档 该项目主要是做淘宝优惠券的自动查找功能,类似于市面上的淘客APP,既然是一款c端产品那么当然涉及到微信分享、微信登陆这些主要的引流入口。需求分析进入主题,接到一个需求是,分享多张图片或单张到微信,这个功能本身是...
2019-01-21 12:02:07
395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人