震撼着-CSDN博客

原创二、创建脚手架（generator）生成 vue 项目

3、创建 generator 生成 vue 项目3.1、generator 生成 package.json自选文件夹，创建"文件夹generator-vue"、“文件夹vue-demo” ；将上面写好的 “toolchain文件” 中的 “generators 文件夹”、“package.json 文件” 两个文件转移到 “generator-vue文件夹” 中；在 “generator-vue/generators/app/index.js” 文件中，为生成 “vue-demo” 项目

2021-04-01 07:21:02 412

原创一、yeoman 的基本使用

工具链为 JS 生产环境制作工具链，覆盖前端开发各个环节；1、脚手架所有工具的开端都是脚手架（generator）；yeoman 是社区较流行的脚手架生成器；2、yeoman 的基本使用2.1、创建脚手架（generator）创建一个文件夹 toolchain ，在其中编写生成器；该文件夹下通过命令行运行 npm init ，生成 packge.json 如下：Name 属性必须以 generator- 为前缀；运行：npm install -- save yeoman

2021-04-01 07:15:49 533

原创第六章 ① Vue3 - Composition API 产生背景、Vue3 - setup 函数的使用

Composition API 产生背景：当我们的组件变得更大时，业务逻辑关注点的代码也会变长，假如想找到某个在多处代码中有频繁操作的属性进行新需求的具体操作，会在100甚至更多行代码中跳来跳去，找到属于该属性的逻辑，尤其是刚接手项目的新人来说，这会导致组件难以阅读和理解。CompositionAPI中能够配置与相同逻辑问题相关的代码，这正是我们需要的。setup函数的使用:Composition API 所有代码编写之前，一定建立在setup函数之上;setup(props, cont

2021-03-05 17:13:10 228 1

原创第五章 Vue 中的高级语法（含Vue3 Teleport 传送门功能、vue底层render函数的理解并使用、Vue模板渲染过程……）

5-1 Mixin 混入的基础语法组件中 data、methods 优先级高于mixin中 data、methods 优先级；底层：数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先；底层：同名钩子函数将合并为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用；生命周期函数，先执行 mixin 里面的，再执行组件中的；局部 mixin 使用时，需在每一层组件中注册mixins: [myMixin],const myMixin = { data(

2021-03-05 13:56:15 281 1

原创 2021 react学习资料

一、create-react-app全局安装create-react-app$ npm install -g create-react-app创建一个项目$ create-react-app your-app 注意命名方式Creating a new React app in /dir/your-app.Installing packages. This might take a couple of minutes. 安装过程较慢，Installing react, react-dom,

2021-03-04 12:23:06 779 2

转载 Array.prototype.slice.call(arguments)的理解

在js中我们经常会看到Array.prototype.slice.call(arguments,0)的写法，这个方法的作用也许大家都明白，那就是把 “类数组对象” 转换成一个真正的数组。这里涉及到slice()方法和call()方法，所以先简单说说这两个方法。1、slice()“数组” 和 “字符串” 都有slice方法，这个方法的作用是截取一段数据。它接收两个参数：第一个参数是要截取的位置索引；第二参数可选，表示要截取到的结束位置，但是不包括结束位置；在数组中，该方法的返回值是包含

2021-03-02 16:04:48 384

原创第四章 Vue中的动画

一、使用 Vue 实现基础的 CSS 过渡与动画效果数据控制css交互css中书写样式；data中书写样式；<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-03-02 08:48:45 112

原创第三章 Vue的组件理念

组件理念一、组件的定义及复用性，局部组件和全局组件1、组件具备复用性，而组件中的数据是独立的；2、app.component()定义的全局组件随时随地可以使用，但会一直占用内存，性能较低，使用简单；建议名字为小写字母单词，中间横线间隔；<script> const app = Vue.createApp({ template: ` <div> <counter-parent/>

2021-02-25 09:08:17 136

原创第二章 Vue的基础语法

一、vue中应用和组件的基础概念createApp 表示，创建一个Vue应用，存储到app变量中；传入的参数表示，这个应用最外层的组件应该如何展示；MVvM 设计模式：m -> model 数据；v -> view 视图；vm -> viewModel 视图数据连接层；const vm = app.mount("#root");：vm代表的就是Vue应用的根组件，也是视图数据连接层；console.log(vm.$data.message)：在根组件上，调用$dat

2021-02-23 09:22:33 412 2

原创第一章 Vue语法初探

1、hello word{{}}：插值表达式，在标签中使用数据的语法；{{ "a" + "b" }}：之间可以插入 js 表达式；{{ if(true){console.log} }}：之间不可以插入 js 语句；Vue.createApp({})：创建Vue实例；Vue.createApp({}).mount('#root')：在#root节点置入Vue实例；template: <div>hello word</div>：值为字符串，是在HTML中显示的内容，为

2021-02-22 13:55:19 189 1

震撼着