js
文章平均质量分 82
首展噼里啪啦前端团队
这个作者很懒,什么都没留下…
展开
-
通过生命周期梳理vue组件化流程
初始化流程new Vue从 new Vue 开始作为入口,Vue 只是一个简单的构造函数。function Vue (options) { this._init(options)}进入了 _init 函数之后,先初始化了一些属性。initLifecycle:初始化一些属性如:$parent$children根实例没有 $ parent,parent,parent, $children 开始是空数组,直到它的 子组件 实例进入到 initLifecycle 时,才会往父组件的 $原创 2021-12-29 10:43:35 · 653 阅读 · 0 评论 -
剖析promise
一、分析promise之前,先了解清楚EventLoop事件循环机制从整体上告诉了我们 JavaScript 代码的执行顺序 Event Loop即事件循环。是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。先执行 Script 脚本,然后清空微任务队列,然后开始下一轮事件循环,继续先执行宏任务,再清空微任务队列,如此往复。二、宏任务和微任务因为js的一大特点是单线程,为了协调事件,交互渲染等等行为,防止主线程的阻塞,js有两种任务的执行原创 2021-12-06 11:43:35 · 395 阅读 · 0 评论 -
v-model
默认元素v-model:vue 中的v-model 实现了对数据的双向绑定,即 数据->模版,模版-> 数据 的绑定, 例如:<input type="text" v-model="message"><p>{{message}}</p>v-model 是经过vue封装后的一个指令,目的是方便我们使用,它内部真实的实现方式:<input :value="message" @input="message = $event.target.value原创 2021-11-05 14:21:43 · 196 阅读 · 0 评论 -
深入理解this
在this的学习中需要明确的一件事就是this既不指向函数本身,也不指向函数的词法作用域,this属于动态词法,运行时才会决定真正的指向,完全取决于函数在哪里被调用。this关键字是JavaScript中极其复杂的机制之一,它会被自动定义在函数作用域内,在缺乏清晰的认知下,this完全是一种魔法。任何足够先进的技术都和魔法无异。 ——Arthur C. Clarke调用位置在理解this指向前先要明白一个概念: 调用位置,调原创 2021-06-28 20:57:48 · 132 阅读 · 0 评论 -
weex开发总结2
weex+vue项目使用ts开发接入TypeScript网上关于weex接入TypeScript的文章相当的少,仅存能找到的几篇还都是重复的,按照上面的步骤来做了之后并不能正常运行,关于vue2.0改造ts的文章倒是不少,于是先新建了一个vue2.0项目,尝试改造了ts开发,发现主要是webpack和ts的版本限制比较大,两者版本要对应起来,不然就会出现报错情况。然后简单进行了总结,如以下几点:1、添加ts 环境依赖,根据自己的需要升级相关依赖或者有影响的包,下载ts执行环境需要的依赖。2、生成t原创 2021-06-01 18:16:35 · 411 阅读 · 0 评论 -
图片上传
在我们日常的项目开发中,图片上传是一个很常见的需求。一些常见的UI框架都已经集成了图片上传组件,然而有时候这些组件并不能满足我们的需求,这时候就需要自己写组件实现上传,这就需要弄懂上传的原理以及里面的知识点。本次我就通过简单的代码,为大家解析图片上传的各个知识点。1、传统图片上传服务器前端通过<input type="file"/>获取上传文件,然后通过ajax的post(设置type为multipart/form-data)上传后端,后端取到文件后保存至服务器并返回路径。2、微.原创 2021-04-22 20:46:28 · 631 阅读 · 0 评论