-
细谈 vue - vdom 篇
很早之前,我曾写过一篇文章,分析并实现过一版简易的 vdom。想看的可以点击 传送门聊聊为什么又想着写这么一篇文章,实在是项目里,不管自己还是同事,都或多或少会遇到这块的坑。所以这里当给小伙伴们再做一次总结吧,希望大伙看完,能对 vue 中的 vdom 有一个更好的认知。好了,接下来直接开始吧一、抛出问题在开始之前,我先抛出一个问题,大家可以先思考,然后再接着阅读后面的篇幅。先上下代码<template> <el-select class="test-select...…
-
TypeScript + 大型项目实战
写在前面TypeScript 已经出来很久了,很多大公司很多大项目也都在使用它进行开发。上个月,我这边也正式跟进一个对集团的大型运维类项目。项目要做的事情大致分为以下几个大模块 一站式管理平台 规模化运维能力 预案平台 巡检平台 全链路压测等每一个模块要做的事情也很多,由于牵扯到公司业务,具体要做的一些事情这里我就不一一列举了,反正项目整体规模还是很大的。一、关于选型在做了一些技术调研后,再结合项目之后的开发量级以及维护成本。最终我和同事在技术选型上得出一致结论,最终选型定为 V...…
-
初探 Nuxt.js 秘密花园
前言笔者最近业余时间想着学点新东西,于是开始接触服务器端渲染(SSR),花了一周的时间学习和实战,然后在周末高仿掘金撸了一个 SSR 的 Demo 项目。技术栈选的是平滑开箱的 Nuxt,整个项目整合了 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)。项目目前实现了以下几大功能 服务器端渲染 静态页面部署 掘金首页 掘金推荐列表 滚动分页加...…
-
揭秘组件库一二事
一、写在前面1、灵感来源我平常比较喜欢对一些东西做一些记录和总结,其中包括一些组件,积累的量比较多的时候,发现零散的堆积已经不太适合进行管理了。于是我开始思考,有什么好的办法可以比较规范地来管理这些比较零散的东西呢?如果以组件库这种形式来对组件进行管理的话,会不会更适合自己的积累并方便以后的工作呢?于是我开始参考市场上一些优秀的 UI 组件库,比如 element-ui、vux、 vant等,对其源码进行拜读,了解其架构的搭建,随后整理出一套属于自己的移动端 UI 组件库 vui 。我在业...…
-
从 vue 源码看观察者模式
观察者模式首先话题下来,我们得反问一下自己,什么是观察者模式?概念观察者模式(Observer):通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系,即当一个对象的状态发生改变的时候,所有依赖于它的对象都会得到通知并自动更新,解决了主体对象与观察者之间功能的耦合。讲个故事上面对于观察者模式的概念可能会比较官方化,所以我们讲个故事来理解它。 A:是共产党派往国民党密探,代号 001(发布者) B:是共产党的通信人员,负责与 A 进行秘密交接(订阅者) A 日常工作就是在明面采...…
-
前端面试那些事
项目相关 自我介绍:职业经历,项目经历 选一个你觉得印象最深的项目讲一讲,然后会从项目里面切入到 web 基础(html/css/js),这一块大概会聊 20-30 分钟,所以一定要提前选好一个自己做过的得意的项目,花一点时间捋一捋你觉得项目中出色的点,用到了比较 hack,比较酷炫的方法解决了哪些痛点。JS 基础(ES5) 原型:这里可以谈很多,只要围绕 [[ prototype ]] 谈,都没啥问题 闭包:牵扯作用域,可以两者联系起来一起谈 作用域:词法作用域,动态作用域 ...…
-
造一个属于自己的组件库
一、项目介绍vui:一个私人的vue ui 组件库(移动端为主) It’s a A personal Vue UI component library .二、文档官网进入 PC 端直接是文档界面,想查看 demo 效果直接将浏览器调成手机模式即可,如果喜欢,还请不要吝惜你的 star 哦~~在线效果预览请扫描以下二维码已有组件 swiper swipe swipe-item scroller search toast dialog picker select swit...…
-
移动端开发踩过的一些坑
前言两个月前开始全身心投入到公司的一个移动端项目,框架选型是vue,这篇文章也是在花费两个月的时间,项目一期完成之后得空进行的一片总结性文章,其中包括通用的移动端开发的坑以及vue在移动端开发特有的一些坑,本博文目的也是为了让小伙伴们以后在开发移动端的时候可以尽量避免掉这些坑,从而提高自己的开发效率。本博文总结顺序大概如下 移动端开发通用坑 vue移动开发特有坑以及小技巧分享 移动端开发性能优化一、移动端开发通用坑1、click300ms延迟?讲道理,现在开发移动端基本是不会有这么一...…
-
从指向看 JavaScript
前言开写前大家先来理解一下指向:指向,即目标方向、所对的方位。很多人刚刚接触前端甚至一些“老”前端都经常会在JavaScript中所谓的难点,如this,原型,继承,闭包等这些概念中迷失了自我。接下来这篇文章会把我自己对于JavaScript中这些点通过指向的概念做个总结并分享给大家,希望可以帮助大家更好的了解这些所谓的难点。一、thisthis是什么?其实它本身就是一种指向。this指向可以分为以下几种情况 普通调用,this指向为调用者 call/apply调用,this指向为当前...…
-
Virtual Dom && Diff
前言这是一篇很长的文章!!!坚持看到最后有彩蛋哦!!!文章开篇,我们先思考一个问题,大家都说 virtual dom 这,virtual dom 那的,那么 virtual dom 到底是啥?首先,我们得明确一点,所谓的 virtual dom,也就是虚拟节点。它通过 JS 的 Object 对象模拟 DOM 中的节点,然后再通过特定的 render 方法将其渲染成真实的 DOM 节点。其次我们还得知道一点,那就是 virtual dom 做的一件事情到底是啥。我们知道的对于页面的重新渲染...…