你想成为一名程序员，并且正在为之奋斗，那么你努力的方式，比如做事方法、思维习惯都将会影响你会成为怎样的一名程序员。 那么，你需要成为一个天才才能学好编程吗？没有必要。 你必须建立自己的做事方式。需要学习一些（或更多的）技巧， 不断的在Google上搜索查询，与书成为朋友。有一长串的TODO需要遵循。我将在这里分享一些技巧，帮你提高编程技能。 01、尽可能地多做练习坚持练习几个小时听起来很难， 但一旦喜欢上这种方式， 你会乐此不疲。你一定听说过熟能生巧。这对程序员来说是非常必要的。 这里有个问题 ...

什么是MapMap是ECMAScript 6 的新增特性，是一种新的集合类型，为javascript带来了真正的键/值存储机 制。 Map 对象存有键值对，其中的键可以是任何数据类型。 Map 对象记得键的原始插入顺序。 Map 对象具有表示映射大小的属性。 Map的基本api1、new Map() 创建新的 Map 对象使用 new 关键字和 Map 构造函数可以创建一个空映射： // 创建新的 Map 对象。const m = new Map();如果想在创建的同时初始化实例，可以给 Map 构造函数传入一个可迭代对象，蓝狮官网需要包含键/值对数 组。可迭代对象中的每个键/值对都会 ...

正文从这开始~ .tsx扩展名为了在react TypeScript中解决Cannot find name报错，蓝狮官网我们需要在使用 JSX 文件时使用 .tsx 扩展名，在你的 tsconfig.json 文件中把 jsx 设置为 react-jsx ，并确保为你的应用程序安装所有必要的 @types 包。 下面是在名为 App.ts 的文件中发生错误的示例。 export default function App() {// :no_entry:️ Cannot find name ‘div’.ts(2304)return ( {/* Cannot find name ‘button’.ts(2304) */} Click);}上述示例代码的问题在于，我们的文件扩展名 ...

正文从这开始~ 类型守卫使用类型守卫来解决react中 useRef 钩子“Object is possibly null”的错误。比如说，蓝狮官网 if (inputRef.current) {} 。一旦 null 被排除在 ref 的类型之外，我们就能够访问 ref 上的属性。 下面是一个错误如何发生的示例。 import {useEffect, useRef} from ‘react’; export default function App() {const inputRef = useRef(null); useEffect(() => {// :no_entry:️ Object is possibly ‘null’.ts(2531)inputRef.current.focus();}, []); retur ...

今天，我们来做一个花里胡哨 Tap bar ，先来看下最终效果： 接着，就把代码码起来了！ html 在HTML代码中，”bar” 类是点击栏的容器，蓝狮注册“bar-item”类是触发动画的按钮。现在接着码 css。 CSS {margin: 0px;padding: 0px;box-sizing: border-box;} .container {width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background-color: #fc5c65;} .bar {padding: 0px 10px;display: flex;align-items: center;background-color: #ffffff;bord ...

react Hook 已成为当前最流行的开发范式，React 16.8 以后基于 Hook 开发极大简化开发者效率，同时不正确的使用 React Hook也带来了很多的性能问题，蓝狮官网本文梳理基于 React Hook 开发组件的过程中如何提高性能。 组件抽取优化前每次点击 Increase 都会引起子组件 Child 的渲染，哪怕子组件并没有状态变化： function Before(){console.log(‘Demo1 Parent’)let [count,setCount] = useState(0)let [name,setName] = useState(‘-‘)const handleClick = ()=>{setCount(count+1)}const handle ...

前后端分离开发的场景下，开发人员的工作内容更加专注与专业，但是也产生了一些额外的沟通成本。比如：本文中为大家说明的前后端参数传递与接受方法。本文主要是面对前端使用axios，后端使用Spring进行参数接受的情况进行说明。在使用spring的时候，与前端配合开发，蓝狮官网容易出现传参歧义的2个注解是 @RequestParam 注解，默认接收 Content-Type: application/x-www-form-urlencoded 编码格式的数据@RequestBody 注解，默认接收JSON类型格式的数据。很多的文章列举出参数传递失败的问题解决方案，在我看来都不够全面。在此我 ...

相比于 UDP 来说，TCP 的主要特性是三个：有连接、可靠、面向数据流。所谓的“有连接”指的是 TCP 中的连接管理机制，也就是著名的三次握手和四次挥手，就像打电话一样，蓝狮官网想要正常的交流，必须先和对方建立起连接，这就是所谓的“有连接”，而面向数据流的机制咱们以后再讲，我们今天要讨论的主题是：TCP 是如何保证可靠性的？ TCP 之所以能保证可靠性，主要是通过以下 6 个手段： 校验和确认应答超时重传流量控制拥塞控制丢弃重复数据接下来，我们详细来看这几种手段的具体实现。 1.校验和TCP 协议的数据格式如下图 ...

总览组件不能作为JSX组件使用，出现该错误有多个原因： null返回单个JSX元素下面是一个错误如何发生的示例。 // App.tsx // :no_entry:️ ‘App’ cannot be used as a JSX component.// Its return type ‘Element[]’ is not a valid JSX element.// Type ‘Element[]’ is missing the following properties from type ‘reactElement’: type, props, keyconst App = () => {return [‘a’, ‘b’, ‘c’].map(element => {ret ...

1.为什么使用Hooks副作用问题：诸如数据获取、订阅、定时执行任务、手动修改reactdom这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用 复杂的状态管理：之前通常使用redux、mobx这些第三方状态管理器来管理复杂的状态，而Hooks可以使用useReducer、useContext配合实现复杂的状态管理； 开发效率和质量问题：函数式组件比类组件简洁，蓝狮官网效率高，性能也好。 2.useStateconst [state, setState] = useState(initState) 2.1每次渲染都是独立的闭包每次渲染都有自己的props和state每次渲 ...