- 博客(18)
- 收藏
- 关注
RSS订阅原创 css边框动画|滚动条样式修改|文本颜色设置为渐变...
并且设置伪元素的z-index比父元素的z-index低，这样文字就会出现在伪元素的上面了。这里hover之前使用了transform来调整位置，所以hover时，transform要带上之前transform的代码，不然之前设置的transform会清空，会出现位置错乱进行旋转的情况。通用代码主要设置的是布局，比如伪元素设置绝对定位，而父盒子设置相对定位。设置scrollbar的thumb的样式之前，要先设置scrollbar的width和高度，不然效果看不见。斜切角度，这样就会有进度条变多的效果。
2023-10-15 15:37:51
1296
1
原创 react路由|react-router-dom（react-router5）
一个路由其实就是一个映射关系。（k:v）key为路径，v为function或component。
2023-08-12 11:05:07
246
1
原创 react|pubsub-js
Pubsub.subscribe(“订阅名”，（msg，data）=》{})Pubsub.publish(“名”，发送的数据)；
2023-08-12 11:04:31
102
1
原创 react-router6|路由
在 React Router 中，最外层的 API 通常就是用 BrowserRouter。BrowserRouter 使用时，通常用来包住其它需要路由的组件，所以通常会需要在你的应用的最外层用它，比如如下。这个库和 React Context 来实现的，所以当你的用户前进后退时，switch的作用是，第一次匹配路由后，之后就不在匹配路由。如果嵌套路由已经挂载，则显示挂载的嵌套路由。这个库会记住用户的历史记录，这样需要跳转时可以直接操作。第二个解构赋值的参数是设置query的变化，不经常使用。
2023-08-05 17:02:02
418
1
原创 react|扩展
第二个参数是callback，即setstate完成之后，执行的函数。因为setState调用时是同步的，但是通知state改变是异步的。所以直接在setState后log是未修改之前的state。
2023-07-30 15:56:03
134
1
原创 react-redux|react
在前面我们学习了 Redux ，我们在写案例的时候，也发现了它存在着一些问题，例如组件无法状态无法公用，每一个状态组件都需要通过订阅来监视，状态更新会影响到全部组件更新，面对着这些问题，React 官方在 redux 基础上提出了 React-Redux 库在前面的案例中，我们如果把 store 直接写在了 React 应用的顶层 props 中，各个子组件，就能访问到顶层 props如果redux中的状态发生变化，需要使用subscribe函数，重新渲染页面。
2023-07-15 16:27:43
142
1
原创 vue3(一)----vue3中的组件通信方式|v-model——|ref函数获取dom节点
vue3中的defineProps和defineEmits、v-model、ref的常见用法
2023-05-15 21:16:41
607
1
原创 vite+pinia+typescript项目实战|项目起步
Vue3官方推荐方式，可以根据项目情况按需选择配置，推荐使用。eslint格式化项目或者是npm run lint。
2023-05-05 21:09:11
117
1
原创 面试题day1|前端
实质上是使用border和transparent来实现三角形效果。前提是宽高都为0；在宽高不为0的情况下，边框的形状实质上都是梯形。
2023-05-02 15:01:57
89
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人