ezjoke-优快云博客

原创 Vue源码中Observer-Dep-Watcher所有属性函数功能意义解析(脑图)

备注展示不出来在这里补充：Dep:Dep主要记录每一个依赖属性，一般为vm.￥$data中的，也可以用vm.$set设置。在属性的getter中会把使用这个依赖的Watcher记录在Dep.subs中Watcher:全局只有3处new Watcher:1：mountComponent-->定义渲染函数2：inintComputed3：initWatch分别用于渲染更新、计算属性、监听属性。分析知道其主要用于解析所观察的表达式来收集依赖，如对应上面的用途：1：渲染函数的..

2021-01-08 14:52:27 578

原创 vue响应式的简易实现（超详细注释说明）

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：vue响应式的简易实现(对比2.x源码)提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、vue解析流程认识二、核心实现 1.引入库 2.读入数据总结前言简易的实现只实现了v-model，@click事件，与插值表达式{{}}，解析部分未使用虚拟dom用的是真实dom，如果没有你想看的实现部分可斟酌浏览。通过解析文..

2021-01-06 12:21:34 332

转载 TypeScript中使用getBoundingClientRect报错Property 'x' does not exist on type 'ClientRect | DOMRect

内容参考github ts问题11085DomRect之前叫ClientRect，后来更名了1，ts兼容了两种对象，但ClientRect没有x,y属性。所以使用getBoundingClientRect时：let unspecifiedRect = document.body.getBoundingClientRect();unspecifiedRect.x // failslet ...

2020-05-08 11:41:48 1856

原创 vue中nexttick原理（源码分析）

nexttick函数的作用是来延迟一个函数的执行。结合vue nexttick.js源码进行分析：/* @flow *//* globals MessageChannel */ import { noop } from 'shared/util'import { handleError } from './error'import { isIOS, isNative } fro...

2018-10-15 17:29:33 960 3

原创 vue+webpack+element打包后线上样式不一样

修改elementui样式不能加scoped，否则无效，修改完后线上的样式却与本地不一样，原因是样式的引入顺序决定了打包顺序：import 'element-ui/lib/theme-chalk/index.css' // element样式import '@/assets/css/reset.css' // 全局或重置样式import App from './App' // App...

2018-09-29 17:49:45 8292 2

原创 echarts图表在Vue中双纵轴刻度不齐

我们一般都是用的动态数据，ecarts在处理纵轴数值的时候，所以在处理这些数据时会"友好"的将纵轴分段便于分析。然而在多纵轴中容易引起麻烦，因为两个的数据差异较大，导致纵轴分段数不易很难看，即使设置了splitNum,它也会在它认为好的情况下，自顾自的进行分段。那没办法了，我只能把它写死固定分段数，我选择固定5段，因为能整除，不能整除的情况我没有试，有人试了可以来分享一下。首先我们需要固定...

2018-09-29 16:35:57 2037

翻译 OpenLayer基础概念翻译

最近正在学习gis，openlayer学习记点笔记。0penLayer基本概念翻译笔记MAPopenlayer组件核心是map，它被渲染到一个目标容器 target (e.g. web页面上一个包含map的div元素）。所有的map参数可以在构建地图时配置，也能使用setter方法设置，e.g. setTarget()。<div id="map" style="width: 1...

2018-09-21 17:36:13 838

原创项目网页不从8080端口启动

最近遇到一个问题：项目跑起来的时候总是跑在8081端口，这表明8080端口被占用了的，但我访问8080端口时是404，其实当时404下还有一句话webstorm.2.1,嘛当时也不知道啥意思。这就导致一个问题，我们配置跨域在nginx上监听的是80端口，而我项目启动在81端口，导致出错。折腾了半天，终于找到问题所在：原因是我在webstorm中debugger中配置了webstor...

2018-09-14 08:55:03 2187 2

转载 meta中的http-equiv = "X-UA-Compatible"

今天看到<meta http-equiv = "X-UA-Compatible" content="ie=edge">这个标签感到很困惑，按捺不住好奇心去查了下，总结了几篇讲的比较好的文章，写下一些感悟。百度经验：https://jingyan.baidu.com/article/bea41d43a40910b4c51be60a.html ；长江之友博客文：htt...

2018-09-07 20:25:42 15248 1

转载 js的异步加载

今天被问到了如何异步加载js，听到这句话我内心是拒绝的，啥玩意儿？js也要用异步加载不是引入了就行了，也没见速度变慢啊。后来仔细查询了一下，才发现自己原来还是太年轻了。因为之前自己写的加载的都是本地js，或者是并没有复杂逻辑运算的js,导致看不出来太大问题，查完资料后，要将不会的记在这里，当作学习的资料室。1，什么是异步加载js 使js文件脱离html解析的瀑布流...

2018-09-05 21:24:31 6280 2

前端知识总结