自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 使用pdfjs获取pdf目录以及预览pdf,点击目录滚动到对应的位置

pdfjs 实现预览pdf,自动生成目录,点击目录滚动到特定页

2023-04-07 11:07:53 5104 8

原创 useMemo和useCallback的区别

useMemo和useCall都可以用来包裹组件或者函数,使得他的父组件在更新的事后,如果useMemo或者useCallback的依赖项不变,就不需要创建新的函数,或者创建新的组件,减少组件更新时的性能开销useMemo如果没有依赖项,会在每一次组件更新的时候返回一个新的函数useCallback如果没有依赖项 ,组件每次重新渲染都会返回初始创建的函数...

2021-08-08 18:44:00 495

原创 bfc实现两栏布局和三栏布局

bfc的概念- 块级格式化上下文 - 仅针对于块元素- 独立的渲染区域,与外面的布局没有任何关系 !!!- bfc只是一个概念,不是实际的属性两栏布局 <style> *{ margin: 0;padding: 0; } html,body{ width: 100%; height: 100%; } div:nth-child(

2021-07-19 17:22:12 240

原创 文字溢出隐藏,显示省略号

div{width: 300px; //容器要有固定宽高height: 200px;white-space: nowrap; //强制文本不换行overflow: hidden; //超出的文本要隐藏text-overflow: ellipsis //隐藏的文本显示省略号}/* 属性:white-space属性值:- nowrap 强制性在一

2021-07-19 17:09:50 260

原创 react配置可使用装饰器语法

1.安装模块使用cnpmcnpm i @babel/plugin-proposal-decorators customize-cra react-app-rewired -D或者使用yarnyarn add @babel/plugin-proposal-decorators customize-cra react-app-rewired -D2.根目录下创建config-overrides.js文件文件内写入以下代码// 参考配置连接:https://www.npmjs.com/package

2021-06-10 11:44:19 294

原创 Vuex基础使用大全

vuex是什么vuex是一个状态管理工具,在使用vue写代码的时候能帮助我们更好的管理数据vuex当我们需要对数据进行更好的统一的管理的时候就需要用到vuex安装vuex指令:npm i vuex -S创建一个store文件夹,在下面创建一个index.js文件引入vue和vuexstore用来统一管理数据在组件中我们可以使用$store.state.username访问到下面仓库中声明定义的username属性//引入vue和vueximport Vue from 'vue

2020-10-12 19:09:39 127

原创 vue之$eventBus非父子组件传值使用解析

在vue中,我们可以使用props和$emit进行父子组件的传值,但是如果需要互相传值的组件不是父子关系,这时我们使用props进行传值就会非常麻烦,这个时候我们就可以用到$eventBus声明eventBus我们在js入口文件中给vue原型声明一个$eventBus,他的值是一个不带dom组件的vue实例 Vue.prototype.$evnetBus = new Vue();这样我们在一个组件创建时候进行一个事件监听 //在组件一中我们可以.

2020-09-30 09:27:37 415

原创 javascript的小白教程--之循环的使用与嵌套和debugger调试程序

while循环while(表达式){ //表达式==true/false 花括号中的代码会反复运行,直到表达式为false时退出。 语句 }do while 循环示例: var i = 0; do{ console.log(i); i++; }while(i > 10); while循环,先判断后执行,循环体有可能一次都不执行。 do while先执行,后判断,循环体至少会执行一次。break 关键字break用来推出当前循环,不影响循环

2020-07-11 15:23:41 273

原创 javascript的小白教程-之函数的简单介绍与应用方法

函数 函数的好处 //1,减少代码量 //2,提高程序开发效率。 //3, 减少命名空间的污染 //4,功能实现多元化。函数的声明第一种方式:声明式(常用) // 示例 function fn(){ console.log("hello function"); } fn() //调用函数第二种方式:赋值式var fn = function(){函数体} //没有名字的函数叫匿名函数。第三种方式:构造函数方式,只要使用new关键字来创建对象的函

2020-07-11 15:17:22 129

空空如也

空空如也

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

TA关注的人

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