- 博客(56)
- 资源 (2)
- 收藏
- 关注
原创 2023年前端面试题集锦
2023年前端面试题集锦一. Http、HTML、浏览器相关二. CSS相关三. js相关四.前端性能优化点五.前端整体框架体系学习
2023-05-15 17:28:23
1782
原创 SpringBoot+myBatis(plus)+MySQL+VUE最基础简易的前后端全栈demo制作
SpringBoot+myBatis(plus)+MySQL+VUE最基础简易的前后端全栈demo制作
2023-05-12 20:41:27
2381
原创 react组件使用props实现预配置插槽
react组件使用props实现预配置插槽 如何向组件内部动态传入带内容的结构(标签)? Vue中: 使用slot技术, 也就是通过组件标签体传入结构 <A><B/></A> React中: 使用children props: 通过组件标签体传入结构 使用render props: 通过组件标签属性传入结构,而且可以携带数据,一般用render函数属性
2022-05-07 20:01:52
491
原创 使用shouldComponent和PureComponent实现react类组件优化
使用shouldComponent和PureComponent实现react类组件优化。Component的2个问题 1. 只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低 2. 只当前组件重新render(), 就会自动重新render子组件,纵使子组件没有用到父组件的任何数据 ==> 效率低
2022-05-07 19:59:23
303
2
原创 react路由懒加载lazyLoad
懒加载是指在项目中浏览器第一次加载项目时,如果不使用懒加载技术,则第一次浏览器加载项目时进行读取并下载所有路由组件资源,所以当组件很多时,就会造成浏览器卡死状态;如果使用了懒加载技术,那么每当跳转一个路由,才会吧此路由对应的组件进行下载读取资源并渲染,所以渲染性能就比较好。
2022-05-05 22:33:29
4054
原创 React一些拓展以及react-router6新版本修改及新增内容
React一些拓展以及react-router6新版本修改及新增内容与React Router 5.x 版本相比,改变了什么?内置组件的变化:移除<Switch/> ,新增 <Routes/>等。语法的变化:component={About} 变为 element={<About/>}等。新增多个hook:useParams、useNavigate、useMatch等。官方明确推荐函数式组件了!!!
2022-05-03 14:45:42
1819
原创 vue底层之虚拟Dom和Diff算法详解(snabbdom子节点更新策略详解)
vue底层之虚拟Dom和Diff算法和snabbdom子节点更新策略详解
2022-04-05 22:30:45
1655
原创 getBoundingClientRect实现懒加载IntersectionObserver实现懒加载以及jquery和vue中使用第三方插件快速实现懒加载的方式
getBoundingClientRect实现懒加载IntersectionObserver实现懒加载以及jquery和vue中使用第三方插件快速实现懒加载的方式
2022-03-25 21:45:21
1601
原创 了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有哪些方法
了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有哪些方法
2022-03-24 21:14:38
1200
原创 load和DOMContentLoaded和$(document).ready之间的区别
load和DOMContentLoaded和$(document).ready之间的区别
2022-03-24 16:18:32
351
原创 vue-router的两种路由模式hash和history,区别以及它们的底层实现原理
vue的两种路由模式hash和history模式以及它们的底层实现原理
2022-03-13 22:11:49
5332
原创 null 和undefined的区别,以及undefined和undeclared的区别
null 和undefined的区别,以及undefined和undeclared的区别
2022-03-10 17:23:58
1653
原创 Object.prototype.toString()方法来判断一些变量的类型以及Object.prototype.toString()与Object.toString()的不同的原因
Object.prototype.toString()方法来判断一些变量的类型以及Object.prototype.toString()与Object.toString()的不同
2022-03-06 22:34:36
550
原创 webpack使用流程
webpack是一个流行的前端项目构建工具(打包工具),提供代码压缩混淆、js兼容、性能优化问题等功能,从而让程序员把工作的中心放到具体的功能实现上。
2022-02-27 19:37:24
718
原创 css的grid布局
grid布局即网格布局是一种二维布局,可以同时控制行和列的排布和对齐方式,grid布局由水平线和垂直线构成,两条水平线之间的区域叫做行轨道,两条垂直线的区域叫做列轨道。
2022-02-15 22:50:43
4385
原创 vue项目nginx服务器部署详细流程....
将自己做的vue项目部署到服务器上,这里我采用的工具是Nginx,Nginx是一款轻量级的web服务器、反向代理服务器,由于它的内存占用小,启动快,高并发能力强,在互联网项目中广泛应用,本网站是部署到Nginx服务器上,当然也可以选用其他web服务器,这里我选择较为主流的Nginx。可以把Nginx想象为一个中间商(中间件),我们把网站放到中间商上去,然后中间商把服务器运行起来,就可以把我们的网站用外网可以访问。
2022-02-08 17:50:16
8415
原创 经典vue面试题:谈一谈computed计算属性和watch监听属性的区别
经典vue面试题:谈一谈computed计算属性和watch监听属性的区别
2022-01-25 21:07:40
1147
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人