- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 CSS在项目里引入自定义字体(@font-face)
1.首先下载所需字体到本地2.把下载字体文件放入font文件夹里3.引入字体(可直接在html文件里用@font-face引入字体,分别是字体名字和路径@font-face { font-family: 'abc'; src: url('./font/abc.TTF');}4.使用.box{ font-size: 20px; font-family: "abc";}...
2022-03-18 10:51:10
1539
原创 React中useCallback和useMemo的原理
为了减少组件渲染,我们可以优化,设置组件的属性变了才重新渲染,如果没变则不渲染。useMemo 减少对象创建的次数useCallback 减少函数创建的次数useCallback 的原理function Child(props) { console.log('Child'); return ( <button onClick={props.handle}>子:</button> )}// memo:如果你想让一个函数组件有一个功能,如果属性不变.
2022-03-02 17:03:26
1256
原创 React.memo的使用场景及原理
memo的原理语法:React.memo(组件);使用场景:当父组件重新渲染,没必要重新渲染的子组件可以使用memo包起来。function Child(props){ console.log('Child'); return ( <button>Child</button> )}// memo:如果你想让一个函数组件有一个功能,如果属性不变,就不要刷新。Child=React.memo(Child);function App() { let
2022-02-25 11:11:09
2329
原创 React中跨域的配置
方案一// create-react-app 版本低于 2.0 时,可以直接在 package.json 中增加 proxy 配置项"proxy":{ "/api":{ "path":"http://127.0.0.1:8888/", "changeOrigin":true }}// create-react-app 版本高于 2.0 时,在 package.json 中只能配置为 string 类型了"proxy": "http://blog.youkuaiyun.com
2022-02-22 18:19:53
3572
原创 React配置less
React配置less$ yarn add less less-loaderyarn eject | npm run eject找到config/webpack.config.jsconst cssRegex = /\.(css|less)$/; // 62行const cssModuleRegex = /\.module\.(css|less)$/;// 471行{ test: cssRegex, exclude: cssModuleRegex, use: getStyle
2022-02-18 09:41:18
627
原创 Vue关于父组件更新子组件子组件不重新渲染最新数据的问题
父beforeUpdate ->子beforeUpdate ->子updated ->父updated父组件更新,子组件一定会重新渲染,但子组件重新渲染只会走它的beforeUpdate和uptated这些周期函数,data不会重新执行,如果刚开始第一次渲染的时候,把属性都挂载到当前组件的data中,只有第一次渲染子组件才会执行,不管以后对子组件怎么刷新都不起作用父组件<template> <div id="app"> <son :.
2021-10-27 12:11:41
12588
2
原创 parseInt([val],[radix])处理机制
parseInt([val],[radix])处理机制[val] 必须是一个字符串,如果不是,默认转换为字符串[radix] 不设置(或者写的是零):正常都是按照10处理的,如果字符串是以"0x"开头的,默认是16先在[val]中,找到所有符合[radix]进制的内容(从左到右查找,直到遇到不符合的为止,不论后面是否还有符合进制的,都不在查找了),然后再把找到的内容看做[radix]进制,转换为十进制parseInt(40,2) //从左往右4不符合二进制后面的都不看了 结果是NaN[r
2021-04-16 23:33:15
169
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人