2024-06-09他的意思是 如果你的项目中有执行这个命令需要的依赖 他就用依赖 如果没有 他就自己先将依赖装好 再创建。官方推荐我们使用 VSCode 一般前端电脑里应该都有 这个工具还是非常好用的。这个没办法 这个命令是不支持大写的 所以 名字就只好将大写部分换成小写了。例如 这里 我想创建一个叫 tsReApp 的项目就可以输入。首先 我们先找一个 或者 之前创建一个目录 用来放我们的项目。然后 我们查看目录 发现项目就已经创建好了。然后 我们用VSCode打开刚刚创建的项目。_vscode 创建react项目 typescript

https://www.qianduange.cn//article/11663.html 分类：前端知识

2024-06-09TypeScript 是由微软开发的一款开源的编程语言，TypeScript 是 Javascript 的超集，遵循最新的 ES6、ES5 规范，TypeScript 扩展了 JavaScript 的语法。TypeScript 更像后端 Java、C#这样的面向对象语言，可以让 JavaScript 开发大型企业项目。谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x 就是基于 Typescript 语法，最新的 Vue 、react 也可以集成 TypeScript。

https://www.qianduange.cn//article/11660.html 分类：前端知识

2024-06-08jQuery 提供了一个简单的 API，这个 API 兼容各种浏览器，使得 HTML 文档遍历和操作、事件处理、动画、和 Ajax 等操作更加容易。请注意，虽然 jQuery 在一段时间内非常流行，但随着现代浏览器 API 的改进以及新的 JavaScript 框架（如 AngularJS、react、Vue.js 等）的出现，jQuery 的使用已经逐渐减少。：jQuery 提供了大量的方法来操作 HTML 文档和 DOM 元素，比如添加、删除、修改 DOM 元素等。_uiyrpq

https://www.qianduange.cn//article/11524.html 分类：前端知识

2024-06-08所以如果你的倒计时写在项目里，如果还用了vue / react 这些框架，那么执行一次倒计时，可能就会牵涉出不知道多少行的代码，最终才会被浏览器识别到你的代码，进而一步步渲染到页面上。这里用到了setInterval函数，通过每秒一次重新获取当前时间戳的方式，再去不断的与新年时间进行对比计算，而每次的计算的过程是一样的，都是上一步的代码。这是因为浏览器对setInterval有节约内存的特性，当你切换页面离开的时候，他就会暂时休眠，当你再切换回来的时候，浏览器就会把之前的休眠时间补上。_css 跨年倒计时

https://www.qianduange.cn//article/11440.html 分类：前端知识

2024-06-08Next.js是一个react框架，它允许你使用react框架建立有利于SEO的、极度面向用户的静态网站和网络应用。它具有混合静态和服务器渲染、TypeScript支持、智能捆绑、路由预取等功能，无需额外配置。create-react-app与create-next-app的区别：前者是react官方出的构建react单页面应用的脚手架工具；后者是由Next.js的创建者正式维护，能快速构建新的Next.js应用程序，并设置好一切。App Router与Pages Router 的区别..._react next

https://www.qianduange.cn//article/11426.html 分类：前端知识

2024-06-07react ant ts umi3，使用modal嵌套form表单，使用modal底部的确定按钮提交form表单_antd modal中包裹form

https://www.qianduange.cn//article/11243.html 分类：前端知识

2024-06-07ts的基础数据类型，可用来处理一般数据，但是碰到后台传入的复杂对象数组的时候，我们可以使用ts中的接口来定义处理。{name:'小明',age:13,sex:1,id:1,remake:'这个是小明'},{name:'小红',age:15,sex:2,id:2,remake:null},{name:'大明',age:53,sex:1,id:3,remake:null},以上就是接口基本的使用方法，当我们使用vue3的reactive的时候 可以写作。当其中数据为树形数据或者多维数组时，可使用如下接口。_ts type继承

https://www.qianduange.cn//article/11241.html 分类：前端知识

2024-06-07反过来，如果忽略本地的同名模块，强制安装使用远程模块，可以使用--ignore-existing参数。比如，本地已经全局安装了create-react-app，但还是想使用远程模块，就用这个参数。npx 的原理很简单，就是运行的时候，会到先到 node_modules/.bin路径 中查找命令如果没有再去 全局环境变量$PATH 里面，检查命令是否存在。如果想让 npx 强制使用本地模块，不下载远程模块，可以使用--no-install参数。Node安装后自带npm模块，可以直接使用npx命令。_npx

https://www.qianduange.cn//article/11194.html 分类：前端知识

2024-06-07旨在通过从0开始搭建一套完整的react开发框架来掌握如webpack、react、ts、loader、babel、eslint、prettier、husky、lint-staged等基础配置相关_webapck react babel配置

https://www.qianduange.cn//article/11178.html 分类：前端知识

2024-06-07404页面路由配置。exact 指严格匹配路径，如果homepage路由只有一个/index ，可以设置严格匹配。打开网址，随便输入路径，未能在Router中匹配到的路由，均显示404 未找到页面。后面匹配子路由均和上方一致即可。第一步写一个404页面。子项路由进行严格匹配。弱匹配404不能出现。_react-router-dom 404

https://www.qianduange.cn//article/11152.html 分类：前端知识