- 博客(9)
- 收藏
- 关注
原创 useMemo和useCallback的区别
useMemo和useCall都可以用来包裹组件或者函数,使得他的父组件在更新的事后,如果useMemo或者useCallback的依赖项不变,就不需要创建新的函数,或者创建新的组件,减少组件更新时的性能开销useMemo如果没有依赖项,会在每一次组件更新的时候返回一个新的函数useCallback如果没有依赖项 ,组件每次重新渲染都会返回初始创建的函数...
2021-08-08 18:44:00
531
原创 bfc实现两栏布局和三栏布局
bfc的概念- 块级格式化上下文 - 仅针对于块元素- 独立的渲染区域,与外面的布局没有任何关系 !!!- bfc只是一个概念,不是实际的属性两栏布局 <style> *{ margin: 0;padding: 0; } html,body{ width: 100%; height: 100%; } div:nth-child(
2021-07-19 17:22:12
277
原创 文字溢出隐藏,显示省略号
div{width: 300px; //容器要有固定宽高height: 200px;white-space: nowrap; //强制文本不换行overflow: hidden; //超出的文本要隐藏text-overflow: ellipsis //隐藏的文本显示省略号}/* 属性:white-space属性值:- nowrap 强制性在一
2021-07-19 17:09:50
312
原创 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
337
原创 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
144
原创 vue之$eventBus非父子组件传值使用解析
在vue中,我们可以使用props和$emit进行父子组件的传值,但是如果需要互相传值的组件不是父子关系,这时我们使用props进行传值就会非常麻烦,这个时候我们就可以用到$eventBus声明eventBus我们在js入口文件中给vue原型声明一个$eventBus,他的值是一个不带dom组件的vue实例 Vue.prototype.$evnetBus = new Vue();这样我们在一个组件创建时候进行一个事件监听 //在组件一中我们可以.
2020-09-30 09:27:37
445
原创 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
305
原创 javascript的小白教程-之函数的简单介绍与应用方法
函数 函数的好处 //1,减少代码量 //2,提高程序开发效率。 //3, 减少命名空间的污染 //4,功能实现多元化。函数的声明第一种方式:声明式(常用) // 示例 function fn(){ console.log("hello function"); } fn() //调用函数第二种方式:赋值式var fn = function(){函数体} //没有名字的函数叫匿名函数。第三种方式:构造函数方式,只要使用new关键字来创建对象的函
2020-07-11 15:17:22
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人