开启学习react+ts，本篇主要是react函数式组件必备Hook，结合TS一起了解。一、Hooks1、useStateApp.tsx 中使用 useState 定义数据，以及修改数据的方法，并传递给 Comp.tsx 子组件：const [num, setNum] = useState(0);
<Comp1 num={num} />子组件接收：import React from
转载
2024-04-05 11:49:51
43阅读
@Directive({ // tslint:disable-next-line:directive-selector selector: '[scrollable]' })
转载
2018-02-03 04:48:00
97阅读
2评论
官网链接 官网链接：http://www.jslint.com/jslint jslint文档：http://www.jslint.com/lint.htmljslint简介上一篇讲了csslint ,除了cssLint网站，也有jslint网站，只需要把JavaScript代码直接粘贴到http://www.jslint.com/上，会提示错误位置及出错原因JSLint 对 JavaScrip
"no-alert": 0,//禁止使用alert confirm prompt
"no-array-constructor": 2,//禁止使用数组构造器
"no-bitwise": 0,//禁止使用按位运算符
"no-caller": 1,//禁止使用arguments.caller或arguments.callee
"no-catch-shadow": 2,//禁止catch子句参数与外部作
转载
2024-10-30 16:57:04
40阅读
背景建立的代码规范没人遵守，项目中遍地风格迥异的代码，你会不会抓狂？通过测试用例的程序还会出现Bug，而原因仅仅是自己犯下的低级错误，你会不会抓狂？某种代码写法存在问题导致崩溃时，只能全工程检查代码，这需要人工花费大量时间Review代码，你会不会抓狂？以上这些问题，可以通过静态检查有效地缓解！静态检查（Static Program Analysis）主要是以不运行程序的方式对于程序源代...
原创
2021-05-12 09:57:08
755阅读
今早来又莫名其妙的遇到了 bug，排查了一下是 useEffect 导致的。今天就再来详细的学习一下 react useEffect。为什么要？我们知道，react 的函数组件里面没有生命周期的，也没有 state，没有 state 可以用 useState 来替代，那么生命周期呢？useEffect 是 react v16.8 新引入的特性。我们可以把 useEffect hook 看作是com
转载
2024-02-02 07:10:41
47阅读
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/react.js"></script> <script src="js/react-dom.js"></scrip
转载
2017-08-09 09:14:00
106阅读
安装nodejs插件 使能node 出现下面的变化，在scope里可以定义使用的范围 创建react项目 使能eslint规则检查功能 配置前端启动脚本： https://www.jetbrains.com/help/pycharm/node-js-and-npm.html https://www.
转载
2018-03-05 17:48:00
612阅读
2评论
Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码，但是随着接手的项目越来越多，需要统一每个项目的代码规范，于是在此分享vue项目的几种代码格式化风格(default,standard,airbnb,prettier)的基本区别以及修改为prettier风格。对比肉眼可见的格式化
转载
2024-10-16 11:37:38
52阅读
React概述官网：https://react.docschina.org/什么是React？React是由Facebook研发的、用于解决UI复杂度的开源JavaScript库，目前由React联合社区维护。它不是框架，只是为了解决UI复杂度而诞生的一个库React的特点轻量：React的开发版所有源码（包含注释）仅3000多行原生：所有的React的代码都是用原生JS书写而成的，不依赖其他任何
转载
2024-03-29 22:13:12
38阅读
2019 年 1 月，TypeScript 官方决定全面采用 ESLint，之后也发布 typescript-eslint 项目，以集中解决 TypeScript 和 ESLint 兼容性问题。而之前的两个 lint 解决方案都将弃用：
typescript-eslint-parser 已停止维护在完成 ESLint 功能后，将弃用 TSLint 并帮助用户迁移到 ESLint
TS 官方转向 E
转载
2023-07-11 13:15:01
322阅读
今天我打开Visual Studio Code准备进行Angular开发时，看到Angular TSLint报了这个警告信息：Not using the local TSLint version found for m
原创
2021-07-13 10:15:36
263阅读
今天我打开Visual Studio Code准备进行Angular开发时，看到Angular TSLint报了这个警告信息：Not using the local TSLint version found for ‘c:/Code/SPA/spartacus/feature-libs/organization/administration/components/unit/services/unit-list.service.spec.ts’To enable code execution from
原创
2022-04-09 16:51:24
74阅读
理想是丰满的，现实是骨感的，react早期的版本虽然号称支持IE8，但是页面总会不自觉切换到奇异模式下，导致报错。因此必须让react连IE6，7都支持，这才是最安全。但React本身并不支持IE6，7，因此anu使有用武之地了。https://github.com/RubyLouvre/anu但光是anu不行，兼容IE是一个系统性的工程，涉及到打包压缩，各种polyfill垫片。首先说一下anu
转载
2024-02-15 15:44:57
166阅读
react接口调用我们通过npm create-react-app my-app创建react项目，在项目里都是要进行接口调用来获取数据，进行增删改查各种操作的，所以掌握接口调用方式是非常必要的，话不多说进入正题：想要掌握接口调用的内里逻辑，你得了解一下React Redux 、Generator、Dva的相关知识，当然react的相关知识也是必不可少的。react的特点就是组件化开发，所以它的封
转载
2023-06-02 08:17:03
130阅读
参考链接：https://www.jianshu.com/p/514fe21b9914react为什么需要引入新的生命周期函数？react V16.0前的生命周期。1 组件初始化。2 挂载 。 虚拟dom->真实dom。 3 更新（props父组件进行更新，本身调用this.state()刷新） 4 卸载。 旧版本的生命周期函数。 react16.8.4&n
转载
2020-12-08 13:21:00
146阅读
2评论
React JS是一个用于构建用户界面的JavaScript库。它允许开发人员使用组件的方式来构建复杂的用户界面。React JS通常用于构建Web应用程序，但它也可以用于构建移动应用。在本文中，我们将介绍如何使用React JS来支持Android串口通信，并提供相关的代码示例。
Android串口通信是一种在Android设备和外部设备之间进行数据传输的方式。它可以用于连接各种外部设备，如传
原创
2023-08-19 05:58:12
340阅读
lazyload.js详解 简介lazyload.js用于长页面图片的延迟加载，视口外的图片会在窗口滚动到它的位置时再进行加载，这是与预加载相反的。优点：它可以提高页面加载速度；在某些情况清晰它也可以帮助减少服务器负载。安装bower安装：$ bower install jquery.lazyloadnpm安装:$ npm install jquery-lazyload使用lazyloa
VSCode用格式化插件格式化.ts文件后，会将单引号转换成双引号，但是这时tslint就会报错：" should be 'tslint(quotemark)想让tslint去掉这条规则怎么办呢？按快捷键Ctrl+Shift+P，输入tslint，选择TSLint: Create a 'tslint.json' file打开配置文件将"quotemark":[true,...
原创
2019-10-12 11:14:40
163阅读
