- 博客(4)
- 收藏
- 关注
原创 vue自定义组件中的v-model解析
在vue项目的开发中,我们肯定用到了很多第三方的组件,我们使用这些组件的input时,通常是直接使用v-model进行双向的数据绑定,但是如果是我们自己来实现一个input组件的话,想达到通过v-model直接双向绑定的效果,就要进行一些适配了官方的文档上有提到过这样的一句话可以看到组件上的v-model实际上是vue提供给我们的语法糖,而其本质实质上是这样的 <!-- 这其实是语法糖 --> <my-input v-model='name'></my-input
2020-11-23 13:01:05 558 1
原创 webpack打包流程解析以及手撸简易webpack
webpack打包的流程实际上是根据文件间的依赖关系对其进行静态分析,然后将这些模块按指定规则生成静态资源,webpack会将这些关系整理成一个依赖关系图(dependency graph),整理完成后再根据整个依赖关系图来生成文件,所以我们可以大致的将整个打包流程分为4步根据入口文件,分析依赖逐级分析,确定用到的所有模块将这些模块以及他们之间的关系生成一个依赖关系图依据这个依赖关系图生成文件为了完成这几个步骤,我们需要一个帮助我们分析单个模块的module analyzer的函数一个帮
2020-11-18 11:36:42 438 1
原创 webpack从入门及实战(四)webpack实战配置以及性能优化
单页路由在devServer中的配置一般来说,使用了主流前端框架的项目,如vue和react,生成的项目都是单页应用,使用前端路由来切换页面的展示import React, { Component } from "react";import { BrowserRouter, Route } from "react-router-dom";function Home(props) { return <div>Home</div>;}function Demo(prop
2020-11-13 10:35:17 611
原创 webpack从入门及实战(三)webpack高级概念
Tree Shakingtree shaking是一个术语,翻译过来是摇树的意思。可以将它理解为整个app是一棵树。上面有实际用到的源码和 library,是树上活的绿叶。也有一些无用的代码,是树上的枯叶。为了让这棵树更茁壮的成长,你必须摇动这棵树,让枯叶落下。首先改一下sayHi.js// sayHi.jsexport function sayHi(){ console.log('hi')}export function sayHello(){ console.log('hello')
2020-11-03 11:46:10 222 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人