描述
1,来一场与Vue的美妙邂逅吧。 主要内容:Vue指令

2021-01-14 10k 76 前端 | Hcuan

[TOC] 第一个Vue实例 ```html {{ message }} {{ msg }} {{ food }} const app = new Vue({ el: "app", // 绑定挂载点, 其内部的变量(可以同名)都将可以在 data 里面调用 data: { message: "hello cs" msg: '' //...
描述
2. Vue的组件化 父子组件,插槽

2021-01-16 12k 70 前端 | Hcuan

[TOC] Vue 的组件化思想: + 它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 + 任何的应用都会被抽象成一颗组件树。...
描述
3 js模块化开发

2021-01-19 1k 77 前端 | Hcuan

js模块化开发 为什么要有模块化 通常会将代码组织在多个js文件中,进行维护, 但是这种维护方式,依然不能避免一些灾难性的问题: + 这种代码的编写方式js文件的依赖顺序几乎是强制性的 + 全局变量同名 > ES6以前 可以使用匿名函数(`var Module = (function(){return dataObj})...
描述
5 手动配置适合Vue的webpack

2021-01-19 3k 128 前端 | Hcuan

配置自己的webpack于Vue > 如果你不想手动设置 webpack,我们推荐使用 Vue CLI 直接创建一个项目的脚手架。通过 Vue CLI 创建的项目会针对多数常见的开发需求进行预先配置,做到开箱即用。 > 如果 Vue CLI 提供的内建没有满足你的需求,或者你乐于从零开始创建你自己的 webpack...
描述
4 Webpack

2021-01-21 9k 61 前端 | Hcuan

[TOC] Webpack 是什么 + 从本质上来讲, webpack是一个现代的 javaScript应用的静态 **模块** **打包**工具。 [模块](https://hcuan.top/article/read?aid=32): + 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 +...
描述
6 Vue CLI

2021-01-25 3k 64 前端 | Hcuan

[TOC] 了解 [Vue CLI](https://cli.vuejs.org/zh/guide/) > Vue CLI 直接创建一个项目的脚手架。通过 Vue CLI创建的项目会针对多数常见的开发需求进行预先配置,做到开箱即用。 为什么要使用vuecli + 使用...
描述
7 vue-router 前端路由

2021-01-27 9k 68 前端 | Hcuan

[TOC] 认识路由 > 路由( routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。--维基百科 路由器提供了两种机制:路由和转送 + 路由是决定数据包从来源到目的地的路径。 + 转送将输入端的数据转移到合适的输出端 路由中有一个非常重要的概念叫路由表 + 路由表本质上就是一个映射表, 决定了数据包的指向 ...
描述
8 VueX状态管理,网络请求封装 axios

2021-01-29 13k 61 前端 | Hcuan

[TOC] Promise Promise是异步编程的种解决方案。 那什么时候会来处理异步事件呢?一种很常见的场景应该就是网络请求了 1. 我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。 2. 所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去。 3....
描述
9 事件总线,混入,插件,Polyfill(补丁),图片懒加载

2021-01-31 7k 70 前端 | Hcuan

> 一个最低实践的商城项目,触及到的一些东西 事件总线 > 当需要跨过多个组件外加父子层级去传递参数时,如 子 -> 父 -> 父 -> 子 .. 。按照父子组件通信的方式未免有些太过笨拙,此时 事件总线很好解决了这个问题。一个地方发出的事件,在程序的范围内都能被监听到。 创建一个事件总线非常简单,只需要 将 Vue这个类添加一个...
描述
10 Vue的响应式原理

2021-02-03 2k 70 javaScript | Hcuan

简单介绍,学习的是思想。反正你叫我写我也写不出来! ![图片](http://img.hcuan.top/my/Snipaste_2021-01-28_21-13-33.png@md.80z.p80.pro.webp) 1. 创建实例后的 data数据,每一个都会经过`object.defineproperty`并有一个新的Dep对象, 2....
描述
11 更多,应该了解一下的一些东西。

2021-02-05 1k 30 前端 | Hcuan

ui组件库 vue el-ementui > 个人使用时局部导入Carousel,封装到组件后后再导出一直失败. 只能直接导入并使用。 并不想使用它。 饿了么前端团队开发的桌面端组件库 mint-ui 饿了么前端团队开发的移动端组件库, 也。 > [现阶段应该使用什么 Vue 的 UI 框架?...

2020-11 By Hchuan.

flask & bootstrap-flask

© 2021 HChuan. All rights reserved.

随机占位图来自:fghrsh

互联网ICP备案号:蜀ICP备2020031846号