-
10个前端动画库让你的交互更加炫酷
Animate.css animate.css 是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画,且使用非常简单。 GitHub:github.com/animate-css… Hover.css Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画,这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签,必…...- zero
- 0
- 0
- 124
-
Spring篇面试大全
一、基本概念 1、Spring 是什么? Spring 是一个轻量级 Java 开发框架,最早有 Rod Johnson 创建,目的是为了解决企业级应用开发的业务逻辑层和其他各层的耦合问题。它是一个分层的 JavaSE/JavaEE full-stack(一站式)轻量级开源框架,为开发 Java 应用程序提供全面的基础架构支持。Spring 负责基础架构,因此 Java 开发者可以专注于应用程序的…...- 松阳
- 0
- 0
- 458
-
Redis面试题总结
1.1 常见考点 1、Redis 为何这么快? 1)基于内存; 2)单线程减少上下文切换,同时保证原子性; 3)IO多路复用; 4)高级数据结构(如 SDS、Hash以及跳表等)。 2、为何使用单线程? 官方答案 因为 Redis 是基于内存的操作,CPU 不会成为 Redis 的瓶颈,而最有可能是机器内存的大小或者网络带宽。既然单线程容易实现,而且 CPU 不会成为瓶颈,那就顺理成章地采用单线程…...- 松阳
- 0
- 0
- 555
-
MySQL数据库面试题总结
1 基础 1.1 基本概念 1、MySQL有哪些数据库类型? 数值类型 有包括 TINYINT、SMALLINT、MEDIUMINT、INT、BIGINT,分别表示 1 字节、2 字节、3 字节、4 字节、8 字节的整数类型。 1)任何整数类型都可以加上 UNSIGNED 属性,表示无符号整数。 2)任何整数类型都可以指定长度,但它不会限制数据的合法长度,仅仅限制了显示长度。 还有包括 FLOAT…...- 松阳
- 0
- 0
- 554
-
2022最全最新前端面试题(附加解答)
JS 1、说一下innerHTML 与 innerText的作用与区别? 作用:都可以获取或者设置元素的内容 区别:innerHTML可以解析内容中的html标签 innerText不能解析内容中的html标签 2、JavaScript 由以下三部分组成: ECMAScript(语法部分):JavaScript 语言基础 DOM(文档对象模型):规定了访问 HTML 和 XML 的方法 BOM(浏…...- 松阳
- 0
- 0
- 421
-
【牛客网-公司真题-前端入门篇】——小米秋招笔试-前端
?个人主页: 小卢要刷力扣题 ?♂️ 作者简介: 大三学生,准备找工作的人儿 ? 推荐一款找工作神器网站: 《牛客网》 |笔试题库|面试经验|实习招聘内推| ⛪ 系列专栏: 《前端面试题》 ? 希望大家多多支持?一起进步呀! ? 如果文章对你有帮助的话,欢迎评论?点赞?收藏?加关注 文章目录 前言一、牛客是做什么的?小米秋招笔试 前言 秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的…...- 松阳
- 0
- 0
- 71
-
【Mobx和React的职责划分】Todos综合案例分析(附源码)
前言 博主主页??蜡笔雏田学代码 专栏链接??React专栏 之前学习了Mobx集中状态管理工具 参考文章??【MobX集中状态管理工具】MobX真的取代了Redux吗 今天来学习关于Mobx的一个小案例! 感兴趣的小伙伴一起来看看吧~? 文章目录 Todos综合案例效果Mobx和React的职责划分列表渲染单选实现全选功能删除功能回车新增功能统计计数功能 Todos综合案例 效果 Mobx和Re…...- 松阳
- 0
- 0
- 98
-
【玩转CSS】这些高级技巧,你都会吗
精灵图 1. 为什么需要精灵图? 客户端要访问一个网页时,浏览器会向服务器发送请求,服务器接收到请求后,会返回请求页面给客户端 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度 因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称为 …...- 松阳
- 0
- 0
- 480
-
Node.js | 强大的包管理器:npm 和 yarn
前言 最近博主一直在牛客网刷题巩固基础知识,快来和我一起冲关升级吧!点击进入牛客网 学习NodeJS的第一步就是要了解node的包管理器:npm,对于npm相信大家并不陌生,因为我们常用它去下载一些包资源 但因为npm的资源库(https://www.npmjs.com/)在国外,使用它下载资源的速度比较慢,于是就出现了yarn这些第三方的node包管理器以及国内的跟npm仓库同步更新的淘宝镜像(…...- 松阳
- 0
- 0
- 412
-
【React】使用Next.js构建并部署个人博客
? TypeScript学习:TypeScript从入门到精通 ? 蓝桥杯真题解析:蓝桥杯Web国赛真题解析 ? 个人简介:一个又菜又爱玩的前端小白? ? 你的一键三连是我更新的最大动力❤️! ?分享博主自用牛客网?:一个非常全面的面试刷题求职网站,真的超级好用? 前言 关于博客系统,相信大家早已驾轻就熟,网上有很多以markdown驱动的博客框架,如vuepress,hexo等,这类框架的本质是…...- 松阳
- 0
- 0
- 540
-
React+Mobx|基本使用、模块化
欢迎来到我的博客 ?博主是一名大学在读本科生,主要学习方向是前端。 ?目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 ?目前正在学习的是? R e a c t 框架 React框架 React框架?,中间穿插了一些基础知识的回顾 ?博客主页?codeMak1r.小新的博客 ?本文目录? Mobx介绍1.什么是Mobx2.Mobx有什么优势3.社区评价 …...- 松阳
- 0
- 0
- 117
-
【React Router 6 快速上手一】重定向Navigate / useRoutes路由表 / 嵌套路由Outlet
前言 博主主页??蜡笔雏田学代码 专栏链接??React专栏 之前学习了react-router-dom5版本的相关内容 参考文章??React路由(详解版)和 路由的模糊匹配,重定向以及嵌套路由 今天来学习react-router-dom6版本的相关知识! 感兴趣的小伙伴一起来看看吧~? 文章目录 概述1. 一级路由Routes基本使用 2. 重定向Navigate作用 3. NavLink高亮…...- 松阳
- 0
- 0
- 225
-
【JavaScript 进阶教程】汽车商城根据价格区间筛选车辆案例
https://download.csdn.net/download/weixin_52212950/86286910 文章导读: 这篇文章实现一个小案例:在购物平台选商品时我们经常会输价格区间,然后筛选出在这个区间内的商品,其实有JavaScript基础我们就已经能实现了,利用循环判断等知识。但是这篇文章是新方法 forEach,filter,some 的使用实现,可以让我们的实现更轻松。 根据…...- 松阳
- 0
- 0
- 474
-
Node.js — 前端高薪之路绕不过去的坎
✅ 作者简介:一名将要迈入大三的大学生,致力于提高前端开发能力 ✨ 个人主页:前端小白在前进的主页 ? 系列专栏 : node.js学习专栏 ⭐️ 个人社区 : 个人交流社区 ?前言 其实学习前端的大佬们都非常清楚一件事,想要拥有高薪,node.js是必须要学精透的,但是很多人纠结于为什么前端要学习node呢?平时在开发中已经是前后端分离了,但是你忽略了一个问题,如果自己仅仅会前端开发,那么你终究…...- 松阳
- 0
- 0
- 593
-
【Vue全家桶】新一代的状态管理–Pinia
【Vue全家桶】新一代的状态管理--Pinia ? 什么是 Pinia如何使用 Pinia ?认识 Store1. 定义一个store2. 使用 store ? 操作 State? Getters1. 认识和定义 Getters2. 访问 Getters ?认识和定义 Action ? 什么是 Pinia Pinia (西班牙语中的菠萝),本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享…...- 松阳
- 0
- 0
- 407
-
【React-Hooks进阶】useState回调函数的参数 / useEffect发送网络请求/ useRef / useContext
前言 博主主页??蜡笔雏田学代码 专栏链接??React专栏 上篇文章初步学习了Hooks的基础知识 今天来深入学习Hooks的一些扩展知识 感兴趣的小伙伴一起来看看吧~? 文章目录 useState -回调函数的参数使用场景语法语法规则语法选择代码 useEffect - 发送网络请求使用场景语法要求正确写法 useRef使用场景使用步骤获取dom获取组件实例 useContext实现步骤代码实…...- 松阳
- 0
- 0
- 540
-
一看就懂:正则表达式
目录 案例引入 正则表达式 命名规范 结构组成 用途场景 Java中的正则校验 正则元字符 正则:普通字符 正则:\d 正则:\D 正则:\w 正则:\W 正则:\s 正则:\S 正则:. 正则:| 正则:[abc] 正则:[^abc] 正则:[a-z] 正则:[^a-z] 正则:\num 正则:? 正则:+ 正则:{n} 正则:{n,m} 正则:* 案例引入 在讲正则表达式前,我们不妨先从一个场…...- 松阳
- 0
- 0
- 43
-
一学就会的Vue slot插槽,真的不看看吗?(使用脚手架)
目录 一、前言 完整内容请关注: 开始前的准备: 二、slot插槽的基本使用 子组件: 父组件: 展示效果: 三、域名插槽的基本使用 子组件: 父组件: 效果展示: 注意: 四、如何通过slot从子组件获取内容 子组件 父组件 效果展示: 五、作用域插槽案例 子组件 父组件 效果展示: 一、前言 完整内容请关注: https://blog.csdn.net/yzq0820/category_119…...- 松阳
- 0
- 0
- 398
-
【JavaScript 进阶教程】非 extends 的组合继承
? 欢迎继续来到 JavaScript 进阶教学! 继承也是面向对象的特性之一,但是在 ES6 版本之前是没有 extends 去实现继承的,我们只能通过 构造函数 和 原型对象 来实现继承,其中分别为构造函数来继承属性,原型对象来继承方法,这种继承模式被称为 组合继承 1.2 使用 call() 来改变 this 的指向 call() 的第一个参数为你要改变的 this 的指向,这里的 this…...- 松阳
- 0
- 0
- 49
-
【Vue全家桶】Vuex状态管理
【Vue全家桶】Vuex状态管理 ? 1. 什么是状态管理⏰ Vuex的使用? 单一状态树 和 mapState 辅助函数1. 单一状态树2. mapState 辅助函数 ? getters 的基本使用1. getter 的使用2. getters 第二个参数3. getters 的返回函数 (了解)4. mapGetters 的辅助函数 ? mutation 基本使用1. mutation 携带…...- 松阳
- 0
- 0
- 514
-
echarts公司内部图表(冒死上传)
最近公司有一个需求,要做一个数据可视化的页面,所有的图表都在下面,做这些都是本人自己写的,全部都是真是的项目中的代码,包含有柱状图、折线图、水球图以及散点图,这里直接打出来给大家练手,希望大家多多支持,如果这篇文章对您有用的话,记得?+⭐️哦!!!? 数据: 链接:https://pan.baidu.com/s/1oQssniZ7wklWL-whIfofvA?pwd=3dpn 提取码:3dpn ☀…...- 松阳
- 0
- 0
- 625
-
Node.js | 搭建后端服务器(含内置模块 http | url | querystring 的使用)
?️ NodeJS专栏:Node.js从入门到精通 ?️ 蓝桥杯真题解析:蓝桥杯Web国赛真题解析 ? 加入社区领红包:海底烧烤店ai(从前端到全栈) ??个人简介:即将大三的学生,一个不甘平庸的平凡人? ? 你的一键三连是我更新的最大动力❤️! ?分享博主自用牛客网?:一个非常全面的面试刷题求职网站,真的超级好用? 文章目录 前言一、创建服务器二、返回响应数据返回复杂对象数据返回html文档数…...- 松阳
- 0
- 0
- 72
-
如何搭建一个vue项目(完整步骤)
如何搭建一个vue项目(完整步骤) 一、环境准备 1、安装node.js 下载地址:https://nodejs.org/zh-cn/界面展示 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功(最新的以官网为准) 3、为了提高我们的效率,可以使用淘宝的镜像源 输入:npm install -g cnpm --registr…...- 松阳
- 0
- 0
- 446