假装文艺浪-CSDN博客

原创 vite + vue3 + ts 项目搭建及项目框架搭建

vite+vue3+ts创建Vite-Vue项目项目初始化完善项目结构代码规范与 [ESLint](https://eslint.org/docs/user-guide/getting-started)ESLint下载并运行eslint文件配置命令行配置在VSCode 编辑器中显示eslint错误配置创建Vite-Vue项目我这里用的npm 其他项目初始化// 我用的npm npm init vite@latest安装如下流程进行安装Need to install the fol

2022-03-17 10:59:36 6805 1

原创 Formik 表单处理组件（React学习笔记）

Formik学习记录安装 Formik 组件基本用法表单验证基础验证验证优化使用 Yup 验证表单验证规则配置减少样板代码使用组件的方式构建表单构建其他表单项构建自定义表单项表单控件自定义复选框控件Formik增强表单的处理能力，简化表单的处理流程安装 Formik 组件npm i formik基本用法使用formik进行表单数据绑定及表单提交处理操作useFormik 方法接收一个对象，返回值也是一个对象initialValues为初始化数据值onSubmit 为表单提交方法，形参

2022-03-12 11:21:57 2070

原创 Chakra-UI——React UI 框架

Chakra-UI介绍快速上手下载 Chakra-UI克隆默认主题主题的引入Style Props 样式属性主题颜色模式(color mode)根据颜色模式设置样式强制设置组件颜色模式颜色模式通用设置主题对象颜色 (colors)间距（Space）大小（sizes）响应式断点(Breakpoints)创建标准的Chakra-Ul组件chakra-factory介绍现代化的React UI 框架 Chakra-UI内置Emotion，是CSS-IN-JS解决方案的集大成者基于 styled-

2022-03-11 15:01:19 1768 1

原创 vite + vue3 + TS 项目搭建问题记录（不定时记录）

vite + vue3 + TS eslint

2021-12-27 13:55:42 2342

原创前端面试call()、apple()、bind() 方法的手写实现记录（常见方法的实现）

手写实现call、apple、bind 方法认识call、apple、bind 三者MyCall() 方法的实现认识call、apple、bind 三者功能：用来改变 this 的指向call() 与 apple() 类似，不同的是call包含多个参数： call(thisObj, 1 , 2, 3 …)；而apple的参数是一个数组：apple(thisObj, [1, 2, 3 …])。call、apple、bind的区别：call、apple 是调用后立即返回结果；bind是返回一个函数

2021-09-22 11:27:30 659

原创 css绘制常见的一些图形(线条、箭头、三角形、矩形、圆、椭圆、平行四边形、菱形、梯形)

最近写的内容需要绘制一些图形，在此做下记录（用的uniapp写的，请自动对view标签进行转换）<view></view> //等同于<div></div><text></text> // 等同于 span类的，用于存放文本线段的绘制线段有直线以及虚线直线先说说直线的绘制，这个是非常简单的<view class='line'></view>虚线箭头的绘制...

2021-06-29 11:04:51 19277 1

原创 ajax的基础（一）—— HttpRequest()

ajaxfunction ajax(options) { //默认的get请求 var defaults = { type: 'get', url: '', data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function() {},

2020-10-18 14:23:44 360

原创 webpack的常用工具以及基础配置及一些问题

webpack是现在最常用的打包工具，支持不同类型的资源文件模块1.Webpack的快速上手yarn add webpack webpack-cli --dev//运行yarn webpack2.Webpack的配置文件在webpack.config.js文件中进行配置const path = require('path)module.expor...

2020-07-22 22:20:39 434

原创梳理ES6中增加的新特性（一）

ECMAScript通常被认为是JavaScript的标准化规范，实际JavaScript是ECMScript的扩展语言，ECMAScript只定义提供最基本的语法。我们通常所说的ES6指的是ES2015、ES2016、ES2017……等，所以ES6泛指所有的新版本。ES6是在ES5.1的基础上进行的升级： ① 解决了原有语法的上的一些问题或不足 ②对原有语法进行了增强 ③全新的对象，全新的语法，全新的功能 ④全新的数据类型和数据结构1.作用域——某个成员（变量）能起作用...

2020-07-01 16:59:59 292

原创对函数式编程的认识、理解笔记

函数式编程（Function Programing）是一种编程范式.函数式编程的思维：把现实的事物与事物间的联系抽象到程序中，也就是：对运算过程的抽象.程序的本质就是：根据输入通过运算得到输出. 相同的输入始终要得到相同的输出（纯函数）函数不是方法，而是数学中的函数，如y=f(x),一种映射关系.如下代码函数式和非函数式// 非函数式let b1 = 2;let b2 = 4;let sum = b1 + b2;console.log(sum)//函数式func...

2020-06-23 16:00:07 410

qq_41971356的博客