XX Blog

Thinking will not overcome fear but action will.

vite-vue-ts搭建项目

vue与ts的恩怨

vite 中使用sass 安装sass 安装组件vite-plugin-style-import vite.config.ts import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import styleImport from 'vite-plugin-style-import' // ht...

Posted by XX on December 21, 2020

vue-cli-ts踩坑记录

vue与ts的恩怨

创建过程 babel typeScript Router Vuex CSS Pre-processors Linter / Formatter vue 版本 3.x 使用 class-style component syntax Use Babel alongside TypeScript Use history mode for router S...

Posted by XX on November 16, 2020

vue3与vue2对比差异

vue3.0发布

全家桶实战 升级@vue/cli npm update -g @vue/cli vue -V ➜ frontend-basic git:(master) ✗ vue -V @vue/cli 4.3.1 创建项目 vue create vue3demo vue add vue-next // 添加vue3插件升级为vue3 创建Vue实例 // Vue3.0 createApp(App...

Posted by XX on October 11, 2020

对话尤雨溪

vue3.0发布

体验 vue3 的三种姿势 Composition Api Fragment Teleport suspense 尺寸 内部架构 响应式系统独立 自定义渲染器 api 体验 vue3 的三种姿势： vue-cli 官方的 webpack-preview vite Vite： 大致的原理就是拦截 import 发出的 http 请求，返回浏览器的代码，也保留了 import 语法，让浏览器...

Posted by XX on September 22, 2020

vue中重置data的方法

最科学的方法

在某些情况下，需要重新使用 data 中的数据，但是 data 中的数据已经被各种表单、变量等赋值，那么怎么重置 data 的值呢？ 逐个赋值 …data(){return{ name:’’, sex:’’, desc:’’}}…// 逐个赋值 this.name =’‘this.sex =’‘this.desc =’’ 这个方法比较笨，当然也可以实现效果，但是一个一个去重新赋值...

Posted by XX on July 11, 2020

前端开发核心知识进阶

梳理核心知识

模块化简单概念 到底什么是模块化？简单来说就是：对于一个复杂的应用程序，与其将所有代码一股脑地放在一个文件当中，不如按照一定的语法，遵循确定的规则（规范）拆分成几个互相独立的文件。这些文件应该具有原子特性，也就是说，其内部完成共同的或者类似的逻辑，通过对外暴露一些数据或调用方法，与外部完成整合。 这样一来，每个文件彼此独立，开发者更容易开发和维护代码，模块之间又能够互相调用和通信，这是现代化...

Posted by XX on June 5, 2020

umi学习笔记

最强react框架

1.安umi yarn global add umi 2.创建项目页面 umi g page home 3启动 umi dev 王者荣耀资料库项目实战 yarn global add @umijs/create-umi-app 新建文件夹下使用命令 create-umi-app 安装依赖 yarn 启动项目 yarn start 目录结构 . ├── mock ├── package.js...

Posted by XX on May 10, 2020

typeScript的类型元编程

进阶

循环依赖与类型空间 JavaScript 不建议循环依赖,如下 // editor.js import { Element } from './element' // element.js import { Editor } from './editor' typescript 使用 import type 语法 // element.ts import type { Edito...

Posted by XX on April 27, 2020

typeScript的高级用法

享受代码

unknown 指的是不可预先定义的类型，在很多场景下，它可以替代 any 的功能同时保留静态检查的能力。 const num: number = 10; (num as unknown as string).split(''); unknown 的一个使用场景是，避免使用 any 作为函数的参数类型而导致的静态类型检查 bug： function test(input: unk...

Posted by XX on April 7, 2020

react笔记

react大厂必备

学习react的优势 持续高热度:关注的人多，你遇到问题解决的可能性和途径就会多。 良好生态:几乎所有开发需求都有成熟的解决方案。 官方文档超级详细：很多react相关书都是参考官方文档 容易上手：只需要你有基本的html+css+js基础，主要是js 小伙伴多：在活跃的react社区，说不定还能解决你的单身问题。 安装 npx create-react-app myapp ...

Posted by XX on March 19, 2020

FEATURED TAGS
CSS 前端 ts vue
ABOUT ME

Goals determine what you going to be!

✉️ yuanxiongfeng.web@foxmail.com

FRIENDS