摘要：
一. 属性简洁法 属性简洁表示法：也叫字面量增强写法 1. 属性名简写 2. 方法简写 3. 属性名表达式 代码分享： { let name1 = "ypf1"; let name2 = "ypf2"; let age1 = 20; let name3 = "ypf3"; let obj = { / 阅读全文
posted @ 2022-03-18 09:28
Yaopengfei
阅读(706)
评论(1)
推荐(0)
摘要：
一. ES6解构赋值 1. 含义 允许按照一定模式，从数组和对象中提取值，对变量进行赋值的过程，叫做解构 2. 套路 (1). 符号：[] (2). 别名：xx:别名 (3). 默认值： xx='默认值' 或 xx：别名='默认值' (4). 剩余参数： ...xxx, 对象解构中是对象，数组解构中 阅读全文
posted @ 2022-03-14 06:54
Yaopengfei
阅读(222)
评论(1)
推荐(0)
摘要：
一. class类基础 1. 类的声明 使用关键字class声明 // 类的声明 class Person { } // 类的表达式 // var Animal = class { // } // 研究一下类的特性 console.log(Person.prototype) console.log( 阅读全文
posted @ 2022-03-09 20:54
Yaopengfei
阅读(404)
评论(1)
推荐(0)
摘要：
一. 前言 1. 说明 常用的SQLServer实现自动备份主要有两种模式 (1). 通过维护计划实现 (2). 通过新建作业实现 维护计划预制了一些常用模板，本质还是通过作业去实现的。如果只是简单的数据库备份，使用维护计划即可，如果要运行复杂的存储过程，则需要使用作业。 注：二者都依赖与SQLSe 阅读全文
posted @ 2022-03-08 11:52
Yaopengfei
阅读(1208)
评论(1)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-03-03 10:11
Yaopengfei
阅读(8)
评论(1)
推荐(0)
摘要：
一. 对象的创建和属性控制 1. 最早的两种创建对象形式 (1). 通过new Object()创建 (2). 字面量的方式 代码分享： // 1. 创建方式1：通过new Object()创建 { let obj = new Object(); obj.name = "ypf"; obj.age 阅读全文
posted @ 2022-02-28 09:00
Yaopengfei
阅读(279)
评论(1)
推荐(0)
摘要：
一. with详解 with语句 扩展一个语句的作用域链 注：不建议使用with语句，因为它可能是混淆错误和兼容性问题的根源。 代码分享： { let name = "ypf1"; let age = 18; let obj = { name: "ypf2", age: 19, }; //下面中的n 阅读全文
posted @ 2022-02-23 20:42
Yaopengfei
阅读(204)
评论(1)
推荐(0)
摘要：
一. 纯函数详解 1. 什么是纯函数？ (1). 确定的输入，一定会产生确定的输出； (2). 函数在执行过程中，不能产生副作用。 2. 什么是副作用？ 表示在执行一个函数时，除了返回函数值之外，还对调用函数产生了附加的影响，比如修改了全局变量，修改参数或者改变外部的存储； 3. 纯函数案例 (1) 阅读全文
posted @ 2022-02-20 21:31
Yaopengfei
阅读(163)
评论(1)
推荐(0)
摘要：
一. arguments用法 1. 说明 ES6之后，都用剩余参数代替arguments了，剩余参数直接就固定到数组里了，而arguments是类数组(本质是个对象)，还需要转换。 2. arguments的常用操作 (1). 获取参数长度 (2). 根据索引获取参数 (3). 获取当前argume 阅读全文
posted @ 2022-02-15 10:15
Yaopengfei
阅读(664)
评论(1)
推荐(0)
摘要：
一. 四大规则总结 1. 背景说明 (1). 为什么需要this？ 从某些角度来说, 开发中如果没有this, 很多的问题我们也是有解决方案， 但是没有this, 会让我们编写代码变得非常的不方便。 var obj1 = { name: "ypf1", eating: function () { c 阅读全文
posted @ 2022-02-10 18:03
Yaopengfei
阅读(255)
评论(2)
推荐(0)
摘要：
一. 数组中的高频方法 数据准备： let arry1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; let arry2 = [ { id: 1, userName: "ypf1", age: 11 }, { id: 2, userName: "ypf2", age: 12 阅读全文
posted @ 2022-02-08 08:53
Yaopengfei
阅读(187)
评论(4)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-01-25 09:10
Yaopengfei
阅读(3)
评论(2)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-01-19 21:03
Yaopengfei
阅读(12)
评论(0)
推荐(0)
摘要：
一. Webapi基础复习 (本节主要探讨一下webapi的核心用法、core6中写法的变化，其余基础参考之前的章节) 1. webapi的两种风格 (1).面向过程(RPC): 形如"api/控制器/方法"，不关心请求方式。 (2).Rest风格(RestFul)：根据http的语义来决定请求哪个 阅读全文
posted @ 2022-01-09 19:38
Yaopengfei
阅读(756)
评论(2)
推荐(1)
摘要：
一. 零散汇总2 1. 父组件调用子组件的属性和方法 如下代码是父组件中引用子组件的代码 <login-account ref="accountRef" /> setup() { // 1.定义属性 const accountRef = ref<InstanceType<typeof loginAc 阅读全文
posted @ 2022-01-07 10:02
Yaopengfei
阅读(163)
评论(0)
推荐(0)
摘要：
一. 零散知识汇总 1. defineComponent作用 类型推导 和 类型限制 的作用 2. 如何绑定一个组件对象(ts写法)？ 以PageModel组件为例，使用 InstanceType<typeof PageModal>来获取组件类型，最后用ref来包裹。 <template> <pag 阅读全文
posted @ 2022-01-07 09:57
Yaopengfei
阅读(1057)
评论(1)
推荐(0)
摘要：
一. DevOps开发模式 1. 传统模式 在传统的开发模式中，开发的整个过程是按部就班就行： 但是这种模式存在很大的弊端： * 工作的不协调：开发人员在开发阶段，测试和运维人员其实是处于等待的状态。等到测试阶段，开发人员等待测试反馈bug，也会处于等待状态。 * 线上bug的隐患：项目准备交付时， 阅读全文
posted @ 2022-01-07 09:30
Yaopengfei
阅读(1474)
评论(4)
推荐(0)
摘要：
一. 简介 历时4个月，边学习，边整理 ES6-ES11可参考之前的系列：https://www.cnblogs.com/yaopengfei/p/14291045.html 后续计划从面试的角度整理一下JS专题，相对侧重于基础 【已完成】 二. CSS系列 阶段一：CSS基础总结 第一节：字体、文 阅读全文
posted @ 2022-01-04 09:13
Yaopengfei
阅读(612)
评论(2)
推荐(1)
摘要：
一. 三大组件联调 1. 说明 以用户管理为例，调用page-search搜索框组件、page-content内容区域组件、page-modal弹框组件，完成用户管理模块的：表格分页展示、条件搜索、新增用户、编辑用户、删除用户 等通用功能。 2. 实操 (1). 在<template>中依次引入 p 阅读全文
posted @ 2021-12-19 19:43
Yaopengfei
阅读(346)
评论(4)
推荐(1)
摘要：
一. 整体说明 1. 整体规划 首先利用el-table组件 和 el-pagination组件 封装自己ypf-table组件，实现通过传入配置，预留顶部区域插槽，通过传入配置实现表格的显示。 然后封装 page-content组件，该组件基于ypf-table组件。 各组件的调用顺序： ypf- 阅读全文
posted @ 2021-12-14 20:04
Yaopengfei
阅读(816)
评论(1)
推荐(0)
摘要：
一. 整体说明 1. 整体规划 首先利用el-form组件，封装一个 ypf-form组件，可以实现通过传入配置，显示各种Form表单。 然后封装 page-search 搜索框组件，该组件基于 YpfForm 然后封装 page-Modal 弹框组件，该组件基于 YpfForm 各组件的调用次序如 阅读全文
posted @ 2021-12-07 22:07
Yaopengfei
阅读(1032)
评论(3)
推荐(0)
摘要：
一. 菜单权限-动态路由注册 1. 核心思路 (1). 首先我们知道不同账号登录，会拥有不同的菜单权限，在前端仅仅需要把有权限的路由注册进去即可，而不是把所有路由都注册了，这就是所谓的动态路由注册。 (2). 前端先把所有的路由都建立出来，然后接口中返回有权限的菜单，这里接口中返回的菜单数据 需要 阅读全文
posted @ 2021-12-04 09:14
Yaopengfei
阅读(1451)
评论(1)
推荐(0)
摘要：
一. 整体架构剖析 1. 目标 该项目架构的搭建，侧重组件的抽取、封装、调用；各个组件的相互通信；侧重于一些核心方案的实现；侧重于vue3+ts+elementPlus+vuex的使用。 忽略项目的UI、忽略一些基本的验证逻辑、忽略一些无关紧要的位置。 2. 核心组件封装 (1). breadcru 阅读全文
posted @ 2021-11-24 13:06
Yaopengfei
阅读(345)
评论(4)
推荐(0)
摘要：
一. vue cli-webpack配置 1. 说明 在vue cli创建的项目中，配置文件为：vue.config.js vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动 阅读全文
posted @ 2021-11-18 17:10
Yaopengfei
阅读(925)
评论(1)
推荐(0)
摘要：
一. 项目创建 1. 搭建步骤 (1). 输入指令【vue create vue3_cms01】，创建项目，进行如下选择。 (2). 选择项目包含的内容，如下图所示，babel、ts、vue-router、vuex、css处理器、Linter都集成进去。 (3). 对集成进去的类库进行选择，如下图： 阅读全文
posted @ 2021-11-17 18:51
Yaopengfei
阅读(1389)
评论(2)
推荐(0)
摘要：
一. ts泛型详解 1. 泛型实现参数化 // 当定义一个函数，不确定参数类型的时候，可以使用泛型 function myPrint<T, M>(obj1: T, obj2: M): void { console.log(obj1); console.log(obj2); } // 调用方式1：明确 阅读全文
posted @ 2021-11-10 10:39
Yaopengfei
阅读(1443)
评论(1)
推荐(0)
摘要：
一. ts类详解 1. 类的定义 class Person { // 属性 name: string age: number // 构造函数 constructor(name: string, age: number) { this.name = name; this.age = age; } // 阅读全文
posted @ 2021-11-09 09:02
Yaopengfei
阅读(555)
评论(0)
推荐(0)
摘要：
一. TypeScript类型补充 1. 类型断言 有时候TypeScript无法获取具体的类型信息，这个我们需要使用类型断言（Type Assertions） ，TypeScript只允许类型断言转换为 更具体 或者 不太具体 的类型版本，此规则可防止不可能的强制转换。 符号：as // 1.类型 阅读全文
posted @ 2021-11-03 14:54
Yaopengfei
阅读(1622)
评论(1)
推荐(0)
摘要：
一. TypeScript变量声明 1. 变量的声明 声明了类型后TypeScript就会进行类型检测，声明的类型可以称之为类型注解。标准格式如下： var/let/const 标识符: 数据类型 = 赋值; 实操： let msg1:string='1234'; //这里小写的string代表的是 阅读全文
posted @ 2021-11-01 17:17
Yaopengfei
阅读(2338)
评论(1)
推荐(0)
浙公网安备 33010602011771号