- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由跳转的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 1. push 与 replace 模式默认情况下，开启的是 push 模式，也就是说，每次点击跳转，都会向栈中压入一个新的地址，在点击返回时，可以返回到上一个打开的地址，就像上图一样，我们每次返回都... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由跳转的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 1. push 与 replace 模式默认情况下，开启的是 push 模式，也就是说，每次点击跳转，都会向栈中压入一个新的地址，在点击返回时，可以返回到上一个打开的地址，就像上图一样，我们每次返回都...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在昨天写的 Github 案例中，我们采用的是 axios 发送请求来获取数据，同时我们需要将数据从 Search 中传入给 App，再由 App 组件再将数据传递给 List 组件，这个过程会... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在昨天写的 Github 案例中，我们采用的是 axios 发送请求来获取数据，同时我们需要将数据从 Search 中传入给 App，再由 App 组件再将数据传递给 List 组件，这个过程会...
- 对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况 let a = { age: 1 } let b = a a.age = 2 console.log(b.age) // 2浅拷贝Object.assign : 拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，所以并不是深拷贝 let a = ... 对象类型在赋值的过程中其实是复制了地址，从而会导致改变了一方其他也都被改变的情况 let a = { age: 1 } let b = a a.age = 2 console.log(b.age) // 2浅拷贝Object.assign : 拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，所以并不是深拷贝 let a = ...
- webpack打包TS : 相信很多前端的朋友都知道webpack是什么，webpack 是一个模块打包器。 webpack打包TS : 相信很多前端的朋友都知道webpack是什么，webpack 是一个模块打包器。
- ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 E... ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 E...
- 分享如何动态修改 uni-app 项目的 pages.json。 前言最近遇到一个需求：项目中某些功能不在需求清单内，需要藏掉某些 h5 页面的入口不再对部分用户开放。 pages.json 介绍pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。由于 pages.json 文件在项目中是写死的，所以就无法... 分享如何动态修改 uni-app 项目的 pages.json。 前言最近遇到一个需求：项目中某些功能不在需求清单内，需要藏掉某些 h5 页面的入口不再对部分用户开放。 pages.json 介绍pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。由于 pages.json 文件在项目中是写死的，所以就无法...
- Node.js数据库开发实战之mongodb，通过mongoose和直接连接两种方式连接操作和使用mongodb数据库。 Node.js数据库开发实战之mongodb，通过mongoose和直接连接两种方式连接操作和使用mongodb数据库。
- 在空闲的时间学习了jQuery的插件Flexigrid的用法，它是采用将后台返回的数据集转换成JSON格式字符串在Flexigrid中显示，结果遇到了一个百思不解的问题，Flexigrid在页面上只显示表头就是不显示数据，也没有其它的任何错误，json 格式的字符串也检查了N多遍，完全正确。折腾了两天都没找到错误，实在是没办法解决了，就换了个 jQuery 的 1.3.2 版本，结果出人意... 在空闲的时间学习了jQuery的插件Flexigrid的用法，它是采用将后台返回的数据集转换成JSON格式字符串在Flexigrid中显示，结果遇到了一个百思不解的问题，Flexigrid在页面上只显示表头就是不显示数据，也没有其它的任何错误，json 格式的字符串也检查了N多遍，完全正确。折腾了两天都没找到错误，实在是没办法解决了，就换了个 jQuery 的 1.3.2 版本，结果出人意...
- 简单来说，async/await是基于promises的语法糖，使异步代码更易于编写和阅读。一、async：async创建一个异步函数来定义一个代码块，在其中运行异步代码; 怎样变成异步函数呢？以 async 这个关键字开始，它可以被放置在一个函数前面async function f() { return 1;} f().then(alert); // 1 //上下结果一样 async f... 简单来说，async/await是基于promises的语法糖，使异步代码更易于编写和阅读。一、async：async创建一个异步函数来定义一个代码块，在其中运行异步代码; 怎样变成异步函数呢？以 async 这个关键字开始，它可以被放置在一个函数前面async function f() { return 1;} f().then(alert); // 1 //上下结果一样 async f...
- 1小时做完一个小项目系列，持续连载中 1小时做完一个小项目系列，持续连载中
- 用途通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去语法try { // 代码...} catch (err) { //err是有关错误详细信息的对象 // 错误捕获，上面代码报错就会转到这个代码块，而不会停止运行} finally { //无论是否有异常抛出或捕获它总是执行}这种语句可以嵌套实操Ca... 用途通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去语法try { // 代码...} catch (err) { //err是有关错误详细信息的对象 // 错误捕获，上面代码报错就会转到这个代码块，而不会停止运行} finally { //无论是否有异常抛出或捕获它总是执行}这种语句可以嵌套实操Ca...
- Vue学习入门之脚手架开发环境搭建，所谓“脚手架”就是为了快速搭建应用程序开发框架而设计开发的自动构建工具。在当前各种Web开发框架流行的今天，大部分前端开发工具和框架都设计了自己的“脚手架”工具，而Vue.js框架的脚手架就是vue-cli命令行工具。 Vue学习入门之脚手架开发环境搭建，所谓“脚手架”就是为了快速搭建应用程序开发框架而设计开发的自动构建工具。在当前各种Web开发框架流行的今天，大部分前端开发工具和框架都设计了自己的“脚手架”工具，而Vue.js框架的脚手架就是vue-cli命令行工具。
- 文字折叠效果人的志向通常和他们的能力成正比例。——约翰逊 实现效果 实现思路建一个div盒子让其旋转一定角度，使其有一定的倾斜效果通过双伪元素建两个相同的样式，通过clip-path属性分别截取上半部分和下半部分，并定位使其与原div盒子层叠添加鼠标移入效果，通过一定的旋转和倾斜来实现折叠时的效果 实现原理一个div盒子在底层不动，让伪元素变化从而达到效果 重要属性clip-path:使用... 文字折叠效果人的志向通常和他们的能力成正比例。——约翰逊 实现效果 实现思路建一个div盒子让其旋转一定角度，使其有一定的倾斜效果通过双伪元素建两个相同的样式，通过clip-path属性分别截取上半部分和下半部分，并定位使其与原div盒子层叠添加鼠标移入效果，通过一定的旋转和倾斜来实现折叠时的效果 实现原理一个div盒子在底层不动，让伪元素变化从而达到效果 重要属性clip-path:使用...
- 旋转水滴加载效果利用了css的var()函数实现的旋转水滴效果 实现效果 实现思路将多个小圆圈定位在一起，再添加动画给每个小圆圈添加一定的动画延时，产生这样一个圆圈一个圆圈出来的效果 实现要点在添加动画延时的时候，很多时候都是之间给每个元素添加延时，这样的代码就会冗余，这样当要操作的元素数量过多时，是不太好操作的，css3新增了函数的方法，可以利用var函数来获取属性值因此我们可以这样来操... 旋转水滴加载效果利用了css的var()函数实现的旋转水滴效果 实现效果 实现思路将多个小圆圈定位在一起，再添加动画给每个小圆圈添加一定的动画延时，产生这样一个圆圈一个圆圈出来的效果 实现要点在添加动画延时的时候，很多时候都是之间给每个元素添加延时，这样的代码就会冗余，这样当要操作的元素数量过多时，是不太好操作的，css3新增了函数的方法，可以利用var函数来获取属性值因此我们可以这样来操...
- 圆盘时钟 旋转时钟 数字时钟 写在前面仿荣耀手机时钟，设计的同款时钟效果 实现效果 实现原理 数字时钟利用Date内置对象获取当下的时间，通过处理呈现在页面上这一步获取时间是非常简单的，通过Date下的一些属性就可以实现了背景采用的是一个炫彩流光的效果，利用了CSS3新增的动画效果这部分的炫彩流光效果在之前的博客中有详细讲到 指针时钟通过定位将三根针重叠在一起，下端对齐都摆在原点，通过tr... 圆盘时钟 旋转时钟 数字时钟 写在前面仿荣耀手机时钟，设计的同款时钟效果 实现效果 实现原理 数字时钟利用Date内置对象获取当下的时间，通过处理呈现在页面上这一步获取时间是非常简单的，通过Date下的一些属性就可以实现了背景采用的是一个炫彩流光的效果，利用了CSS3新增的动画效果这部分的炫彩流光效果在之前的博客中有详细讲到 指针时钟通过定位将三根针重叠在一起，下端对齐都摆在原点，通过tr...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签