自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

あなたの可愛い41

进一寸有进一寸的欢喜,涉猎广泛,ccf和js写得比较多!小bug也不少!

  • 博客(490)
  • 问答 (1)
  • 收藏
  • 关注

原创 [剑指offer]题解汇总与题目种类分类(C++纯享版!)

剑指offer大全写在前面题目题解表默写刷遇错集JT4---重建二叉树JT12---数值的整数次方JT14---链表中倒数第k个结点题目分类表月刷打卡与心得写在前面一般来说对于刷剑指offer分为几刷速刷,不懂直接题解,获得正解。默刷,看一遍题解,进行默写,进行巩固日刷,每日三省吾身,隔日能刷方更进一步月刷,在完成全部题目后,要时不时的进行回顾“思而不学则殆”,要一直动起来,刷起来,速度更是要快。“题刷百变,其意必现”最后,我们才可以刷更多更有难度的题,但是万变不离其宗,最简单的剑指off

2021-03-16 16:30:46 371

原创 CCF CSP经典题刷题汇总---少年,想走捷径吗?

CCF刷题博客汇总写在前面C++中的小数位数控制和有效数字控制CCF命令行选项---初识sstream和getline()CCF回收站选址---map与结构体的结合使用+复习STL-mapCCF学生排队---复习STL-vector,vector增删真的方便CCF公共钥匙盒---优先队列真的很棒!CCF小明放学---震惊,小明放学竟用一维数学模型解决!CCF碰撞的小球---我的小球碰撞不反弹,你怕不怕?CCF集合竞价---STL-set&&STL-vector&&sort()

2020-09-07 19:16:00 1545 2

原创 CCF CSP历届真题前两题---持续更新(山无陵,天地合,乃敢与君绝)更新至2021.04

CCF2019年12月201912-1 报数201912-2 回收站选址2019年9月2019年3月2018年12月2018年9月2018年3月2019年12月201912-1 报数看到题目首先想到的是约瑟夫环问题,是个沙雕题,直接缪杀。#include<iostream>#include<cstring>#include<algorithm>#define mm(a,b) memset(a,b,sizeof(a))using namespace std

2020-07-26 23:08:27 1628 4

原创 在vuepress博客添加樱花特效(vue樱花组件源码)

vuepress博客还没有樱花?支棱起来!

2022-08-03 20:32:59 950 1

原创 Webpack最佳入门实践

webpack是洪水猛兽吗?这篇文章将会从浅显易懂介绍和深刻的实践两个角度带你认识webpack,让你知道webpack so easy!

2022-07-24 16:02:39 689

原创 Widget是一切,Widget简介

作为一个初学者,好像什么都不懂哦!但是,我感觉已经深深地刻入了我的心中,因为它在代码中真的是随处可见!我百度了一番,翻译是,真的是很可爱了!所以,庞大的就好像一个变形金刚,是组装起来的。说正经的,中的的概念是非常广泛的,它不仅是ui元素,也可以是一些功能性的组件:比如手势检测的,用于主题数据传递的等等。...

2022-07-14 14:19:27 3008

原创 小荷才露尖尖角,和Flutter应用说你好

今天,我们就来一起阅读一下项目初始化后的代码!

2022-07-14 14:03:46 506

原创 Flutter环境配置保姆级教程,让doctor一绿到底

前端,是一个涉猎广泛的职业!不仅仅局限在web页面,我们还需要去写一些手机app,那么,我们就需要去学习`Flutter`或者`React-Native`等技术。

2022-06-28 21:14:35 1662

原创 从数硬币来比较贪心算法和动态规划

其实,在刚接触编程时候,对于贪心算法和动态规划的区别一直感觉比较模糊,今天就数硬币这道题,来和大家认识一下贪心算法和动态规划。

2022-06-27 20:52:18 299

原创 React有slot吗?

最近也学习了一段时间了,之前都是写,所以在这个过程中难免就会有一些比较。我也就是一激灵,的其实蛮神奇的,那有吗?因为我们在组件的里面放了一个,所以这个位置会空出来用来放输入的插槽内容,那么这个就会被接收OK!那么现在,我们就对有一个初步的认识了,那么,可以有多个插槽吗?我们再写一个组件方便来调用具名插槽在中调用如下:是的缩写匿名插槽可以不写直接用的从React的角度来认识我们先看一下React支不支持上面操作你会发现按钮萎缩了,是的,...

2022-06-26 00:21:38 1032

原创 枚举+entries+map=option优雅写法

不知道大家有没有维护过代码,维护代码简单吗?那么今天就和大家分享,如何写出优雅的容易维护的代码本文将以一个代码实例来解析!我们可以看出,这个是一个结构体数组,他的每个有和两个属性。.........

2022-06-16 22:55:09 170

原创 TypeScript的泛型和装饰器

在上次我们粗略地学习了TypeScript的基本内容,今天就和大家分享一下TypeScript的进阶内容,那就是TypeScript的泛型和装饰器。

2022-06-07 21:52:03 299 1

原创 `useEffect`触发两次引起的bug

今天在用`react`+`typescript`写`todolist`的时候出现了一个奇怪的bug。那就是useEffect执行了两次,导致取到的`localStroage`为空了!

2022-06-02 21:27:02 4033 1

原创 Typescript入门笔记

由于没有编译和类型检查的束缚,天生就是一门灵活,容易上手的语言,但也难以维护。可以说已经悄悄地走近了程序员(更准确一点是前端程序员)的日常开发之中。在大型项目中,TS的低成本学习+高回报的代码质量提升是我们希望看到的!这篇文章主要是介绍TS大概是什么?旨在扫盲,也希望各位大佬能批评指正然后,说起TS不要再只知道上单TS了,它还是JS的加强盔甲。乱七八糟一塌糊涂厚礼蟹

2022-06-01 19:13:14 200

原创 JWT源码浅析(四层封装,有示意图)

1`JWT`在哪里使用了`defineProperty`,为什么要用?2`jwt.sign`中竟然还有`callback`函数,何时会去调用呢?3`JWT`的默认加密算法是什么?4 `jwt.verify`如何验证`option`中的`jwtid`和`payload.jti`是否相等?(方便了`sessionid`的比对)5`option`中的一些其他不常用的参数,比如`complete`。6为什么`jws.createSign`可以使用回调函数?7`jwa`如何使用正则提取需要的参

2022-04-21 14:54:03 783

原创 柯里化的两种写法(弄懂`fn.length`与`fn.toString()`)

柯里化,一个很有意思的名词,从字面意思猜不透到底是什么!?今天就和大家一起分享一下函数的柯里化的两种写法,彻底弄懂fn.length与fn.toString()

2022-04-19 16:35:11 917

原创 浅析图片懒加载(三种实现方法与两种优化方式)

今天我们就来康康图片懒加载(中间会涉及到`节流`的优化问题)你将了解到`图片懒加载`的实现的三种方法(整体位置比较和视图位置和`observe`)和优化的两种方式(`节流`和`IntersectionObserver`)

2022-04-18 15:53:09 7615 2

原创 防抖与节流(技能吟唱与平A僵直)

今天就类比游戏中的法术吟唱和平A僵直来向大家介绍一下防抖与节流 希望这种类比游戏的介绍方式能够获得大家的认可!你将会了解到防抖的4大要点,节流的3中写法。并知道如何解决封面图片中的问题!

2022-04-16 17:18:19 2482

原创 [ES6学习笔记]‘ES7-11‘浅层次梳理,点到为止

es7-es11的简单介绍!你将会了解到模板字符串,rest参数,扩展运算符,promise,map,set,async/await,allSettled,可选链,空值合并运算符,BigInt等高级语法。

2022-04-15 14:44:38 1177

原创 Koa洋葱圈模型源码浅析(`await next()`为什么能够形成洋葱圈模型?)

Koa洋葱圈模型源码浅析,你将了解到:1.`await next()`为什么能够形成洋葱圈模型?2.为什么中间件可以使用ctx.state传递信息

2022-04-14 18:16:04 1103

原创 沉浸式手写promise(渐进式之知其所以然)

沉浸式手写Promise,渐进式代码书写,和你一起还原bug现场!个人感觉是比较好理解的手写Promise了,通过发现问题再解决问题,能够加深手写印象!

2022-04-06 18:08:43 527

原创 [React框架学习笔记]两天速成 React之第二天

React框架学习笔记写在前面受控组件和不受控组件受控组件不受控组件memo子组件有逻辑处理需要结合useCallback使用useMemo状态管理React-Redux仓库与reducer创建reducer.jsindex.js提供器与连接器提供器连接器状态映射dispatch映射换成switch写法路由路由配置路由显示使用link跳转useLocationuseNavigateuseParamsuseSearchParams通过useNavigate传递参数写在前面我们在第一天了解到了React的c

2022-03-22 18:38:52 2034

原创 [React框架学习笔记]两天速成React之第一天

React学习笔记创建一个react工程npx入口文件class类组件第一个react组件组件中一些html的一些小区别for循环代码简化与扩展安装组件进阶之小技巧使用statesetState的三种方式函数的传参function函数组件特点useStateuseEffect组件传参父传子子传父contextuseContext创建一个react工程npx安装命令npx create-react-app react-app(react-app是工程名字)npx会下载创建后自动删除,所以每次都会是最

2022-03-21 22:12:37 1401

原创 [apifox学习笔记]在所有接口中添加登录后获取的token(有图示)

如何在所有的接口添加token在登录接口调通的基础上在登录接口添加后置操作提取token作为环境变量在项目概览中选择Auth和Bearer Token类型并赋值环境变量token我们在接口中修改文档可以看到Auth继承父级添加成功,完成修改密码!在登录接口调通的基础上如图,我们已经成功测试登录接口了,得到了返回的token{ "code": 0, "message": "用户登录成功", "result": { "token": "eyJhbGciOiJIUz

2022-02-19 23:53:33 4763 2

原创 vue2和vue3封装echarts的比较(vue3深度监听)

vue2和vue3封装echarts的比较vue2封装echarts无法监听到option的变化添加一个echarts_data数据监听来解决问题vue3封装echarts使用deep:true深度监听直接解决问题总结附录:代码B站视频地址vue2app.vueecharts.vuevue3app.vueecharts.vuevue2封装echarts无法监听到option的变化我们在组件里面把option写成props,然后watch。我们在app.vue中通过button改变传入的option

2022-02-09 00:07:42 1594

原创 [前端面试套餐css+js+vue]第十三天

前端面试套餐css优化提高性能的方法有哪些?其他js:说说正则表达式和它的应用场景?匹配规则应用场景vue:什么是虚拟DOM?为什么需要虚拟DOM?css优化提高性能的方法有哪些?作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程内联首屏关键css在打开一个页面,页面首要内容出现在屏幕的时间影响着用户的体验,而通过内联css关键代码能够使浏览器在下载完html后就能立刻渲染而如果外部引用css代码,在解析html

2021-12-28 11:37:08 228 2

原创 [Vue3学习笔记]provide与inject

Vue3学习笔记provide与injectFather.vueSon.vueGrandSon.vue补充:响应式数据的判断一些新组件provide与inject实现跨层级组件(祖孙)间通信父组件provide const color=ref('red') // 提供数据 provide('color',color)孙组件inject const color=inject('color')Father.vue<!-- * @Author

2021-12-21 16:43:21 321

原创 [前端面试套餐css+js+vue]第十二天

前端面试套餐css:什么是响应式设计?响应式设计的基本原理是什么?如何做?实现方式媒体查询百分比vw/vhrem说说你对JavaScript中事件循环的理解?宏任务和微任务微任务宏任务再次分析async与awaitasyncawait流程分析vue:自定义指令?自定义指令的应用场景有哪些?如何实现?应用场景css:什么是响应式设计?响应式设计的基本原理是什么?如何做?响应式网站设计是网络页面设计布局,页面的设计与开发应当根据用户行为以及设备环境(系统平台,屏幕尺寸,屏幕定向等)进行相应的响应和调整实现

2021-12-21 14:23:13 905

原创 [Vue3学习笔记]toRaw与markRaw,toRef

Vue3学习笔记toRaw与markRawtoRawmarkRaw完整代码toReftoRaw与markRawtoRaw返回由reactive或readonly方法转换成响应式代理的普通对象这是一个还原方法,可用于临时读取,访问不会被代理/跟踪,写入时也不会触发界面更新markRaw标记一个对象,使其永远不会转换为代理。返回对象本身应用场景有些值不应该被设置为响应式的,例如复杂的第三方实例或Vue组件对象当渲染具有不可变数据源的大列表时,跳过代理转换可以提高性能

2021-12-20 21:28:56 718

原创 [Vue3学习笔记]shallowReactive,shallowRef,shallowReadonly与readonly

学习笔记shallowReactive与shallowRefreadonly与shallowReadonlyshallowReactive与shallowRefshallowReactive:只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef:只处理了value的响应式。不进行对象的reactive处理。什么时候用浅响应式呢?一般情况下使用ref和reactive即可如果有一个对象数据,结构比较深,但变化时只是外层属性变化,我们可以用shallowReactive如果有

2021-12-18 17:51:21 514

原创 [Vue3学习笔记]toRefs和ref的另一个作用

Vue3学习笔记toRefs在写hook的时候经常用到这个补充:ref的另一个作用toRefs把一个响应式对象转换成普通对象,该普通对象的每个property都是一个ref应用:当从合成函数返回响应式对象时,toRefs非常有用,这样消费组件就可以在不丢失响应式的情况下对返回的对象进行分解使用问题:reactive对象取出的所有属性值都是非响应式的为了方便访问,我们把reactive写的state展开,但是定时器里面不动了,数据不是响应式了 setup(){ const state=r

2021-12-16 20:22:58 330

原创 [前端面试套餐css+js+vue]第十一天

前端面试套餐css常见动画有哪些?实现方式?js:bind,call,apply区别?如何实现一个bind?区别手写bindVue常用的修饰符有哪些?有什么应用场景?修饰符的作用表单修饰符事件修饰符鼠标按钮修饰符键盘修饰符v-bind修饰符应用场景css常见动画有哪些?实现方式?CSS动画是层叠样式表建议的允许可扩展标记语言(XML)元素使用CSS的动画的模块css实现动画的方式,有如下三种transition渐变动画property:填写需要变化的css属性duration:完成过渡效果需

2021-12-16 16:08:10 367

原创 [Vue3学习笔记]Vue3生命周期和自定义hook函数

Vue3学习笔记Vue2和Vue3生命周期的区别自定义hook函数获取鼠标位置封装axios的hook如果我们要加一个监听呢?Vue2和Vue3生命周期的区别两变:最直观的是两个名称的改变Vue2Vue3beforeDestorybeforeUnmountDestoryedunmounted两删:created和beforeCreate被删掉了,因为有setup了加一个on:其他的都是加上了一个on,比如mounted---> onMounted,当然

2021-12-15 22:43:21 1838

原创 [Vue3学习笔记]computed+watch+watchEffect

Vue3学习笔记计算属性与监视computed函数watch函数watchEffect函数完整代码计算属性与监视computed函数- 如果传入一个回调,表示是get const fullName1= computed(()=>{ return user.firstName+'_'+user.lastName })- 如果要有get和set,那需要传入一个对象 const fullName2= computed({ get(){

2021-12-14 16:37:49 941

原创 [前端面试套餐css+js+vue]第十天

前端面试套餐CSS3新增了哪些新特性?选择器新样式transition过渡transform转换animation动画渐变其他js:new操作符具体都干了什么?手写new操作符说说你对keep-alive的理解是什么?使用场景?使用场景CSS3新增了哪些新特性?css,即层叠样式表的简称,是一种标记语言,由浏览器解释执行用来使页面变得更为美观css3使css的最新标准,使向后兼容的,css1/2的特性在css3里都可以使用的选择器css3中新增了一些选择器,主要为如下表选择器描述

2021-12-14 14:46:55 825

原创 [Vue3学习笔记]vue3初体验setup+ref+reactive

Vue3学习笔记写在前面创建的两种方法写在前面准备开始系统地学习Vue3了,我觉得vue3+ts+vite会是一个不错的技术栈选择。今天草草看了以下vue3,比如数组深度监听,setup的写法,都是不错的改进。今天先带来一点vue3的创建和vite-app的使用创建的两种方法使用vue-cli创建# 安装或者升级npm install -g @vue/cli# 保证vue cli版本再4.5.0以上vue --version# 创建项目vue create my-project

2021-12-10 17:01:32 478 1

原创 [前端面试套餐css+js+vue]第九天

前端面试套餐css:说说flexbox(弹性盒布局模型)属性容器属性成员属性javascript:解释下什么是事件代理?应用场景?应用场景vue:给对象添加新属性界面不刷新?直接添加属性的问题原理分析解决方案css:说说flexbox(弹性盒布局模型)Flexible Box简称flex,意为"弹性布局",可以简便,完整,响应式地实现各种页面布局采用Flex布局的元素,称为flex容器container它的所有子元素自动成为容器成员,成为flex项目item属性关于flex常用的属性,我们可以划

2021-12-08 17:03:48 175

原创 [前端面试套餐css+js+vue+es6]第八天

前端面试套餐css:如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?两栏布局BFC+floatflex弹性布局三栏布局两边使用float,中间使用margin两边使用absolute,中间使用margin两边使用float和负margindisplay:table实现flex实现grid网格布局js:说说你对Javascript中this对象的理解改变this指针箭头函数优先级ES6:你是怎么理解ES6中的Decorator的?使用场景?用法使用场景vue:为什么data属性是一个函数而不是一个对象?

2021-12-07 16:02:47 272

原创 [前端面试套餐css+js+vue+es6]第七天

前端面试套餐css:元素水平垂直居中得方法有哪些?如果元素不定宽高呢?居中元素宽高已知table布局利用定位+margin:负值居中元素宽高未知利用定位+margin:auto利用定位+transformflex布局grid布局js:Javascript中的继承?如何实现继承?实现方式原型链继承构造函数继承(call)组合继承原型式继承寄生式继承寄生组合式继承es6:你是怎么理解ES6中的Module的?使用场景?AMDCommonJS使用动态加载复合写法使用场景vue:Vue中组件和插件有什么区别?组件是

2021-12-04 15:20:05 539

原创 [前端面试套餐css+js+vue]第六天

前端面试套餐css:如何理解BFC?触发条件应用场景js:JavaScript原型,原型链是什么?原型原型链vue:SPA(单页应用)首屏加载速度慢怎么解决?加载慢的原因解决方案css:如何理解BFC?我们在页面布局的时候,可能会出现以下情况:这个元素高度怎么没了?这两栏布局怎么没法自适应这两个元素的间距怎么有点奇怪的样子?这一切归根结底都是BFC的问题BFC:即块级格式化上下文,它是页面中的一块渲染区域,并且有一套属于自己的渲染规则:内部的盒子会在垂直方向上一个接一个的放置对于同一

2021-11-30 11:41:13 2877

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除