React - Redux Hooks的使用细节详解
在之前的redux开发中,为了让组件和redux结合起来,我们使用了react-redux库中的connect:但是这种方式必须使用高阶函数结合返回的高阶组件;并且必须编写:mapStateToProps和 mapDispatchToProps映射的函数, 具体使用方式在前面文章有讲解;在Redux
2022前端最新高频面试题总结(附答案)
前端最新面试题-持续更新
从0到1带你搭建一个vue3.0项目(vue-cli脚手架版)
时代在发展,技术也在进步,这不咱们前端的主流框架vue也慢慢从vue2.0让尤雨溪大佬更新到vue3.0了,正好公司最近有个新的小项目让我负责,技术选型我来决定,经过团队讨论后一致决定使用vue3.0来作为开发技术栈,据说vue3.0有这些优点:性能比2.x快1.2~2倍;按需编译,体积比Vue2.
Bootstrap从入门到精通(全)
目录前言1. 下载安装2. 布局容器和栅格网格系统2.1 布局容器2.2 栅格网格系统3. 常用样式前言在了解这篇文章的时候需要提前知道这些知识点可看我之前的文章html从入门到精通(全)css属性从入门到精通(全)JavaScript从入门到精通(全)这篇文章的学习主要通过2021最新完整版Boo
JavaScript基础大总结
✍初始JavaScirptJavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程????浏览器执行JS简介浏览
React性能优化SCU | PureComponent | memo
并且当我点了一次修改文本按钮时, state中的message已经变成了"你好啊", 当我再次点击修改文本按钮时, state中的message依然是"你好啊", 并没有发生变化, 但是App组件的render函数依然会重新执行, 并且它的子组件Home和About中的render函数也会重新执行。
Promise难懂?一篇文章让你轻松驾驭
前端js学习中,让大家最难受的就是异步的问题,解决异步、回调地狱等问题时你必须得学会promise,对于多数前端程序员来说promise简直就是噩梦,本篇文章就是从通俗易懂的角度做为切入点,帮助大家轻松掌握promise。
最新zotero与obsidian笔记联动教程(可代替citations和mdnotes)
网上有很多关于zotero与obsidian联动的教程,大都使用better bibtex和citations进行联动,但在将笔记导入obsidian后在zotero中更新数据之后需要重新导入,经过一天折腾终于找到一个最新的插件可完全代替citations。(本文适用于习惯使用markdown做笔记
VUE搭建云音乐播放器(App版本)
本项目使用vue2+vue-cli实现了一个简易的网易云音乐(App版本),实现了歌曲的首页推荐展示,歌曲的搜索,评论的展示以及歌曲的播放四个主要功能模块,主要用来练手,效果如下图所示:
React的高阶组件详解
什么是高阶组件呢?在认识高阶组价之前, 我们先来回顾一下什么是高阶函数?相信很多同学都知道(听说过?),也用过高阶函数高阶组件和高阶函数它们非常相似的接受一个或多个函数作为参数;返回一个新的函数;JavaScript中比较常见的filter、map、reduce都是高阶函数。那么什么是高阶组件呢?高
【JavaScript】手撕前端面试题:对象参数浅拷贝 | 简易深拷贝 | 完整深拷贝
带你手撕前端面试题:浅拷贝 | 简易深拷贝 | 完整深拷贝。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
React中使用Redux (二) - 通过react-redux库连接React和Redux
store中的状态可能是非常多的, 而connect函数的参数的作用是, 要将store中的哪些数据或者方法映射过去, 我们就可以根据自己的需求, 决定映射过去哪些数据, 而不是直接将整个store映射过去(: 参数二也是接收一个参数fn2, 要求fn2也是返回一个对象, 对象中的属性同样会映射到p
2022最新前端vue面试题
一.自我介绍(我是谁 来自哪里,今天来的目的,面试的岗位是什么,几年的工作经验,掌握的技术栈有哪些,开发过什么项目,项目中负责的板块是什么)面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种
React的受控组件和非受控组件介绍
select标签的使用也非常简单,只是它不需要通过selected属性来控制哪一个被选中,它可以匹配state的value来选中。这个处理方式是DOM默认处理HTML表单的行为,在用户点击提交时会提交到某个服务器中,并且刷新页面;但是通常情况下会使用JavaScript函数来方便的处理表单提交,同时
React中过渡动画的编写方式
在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验。当然,我们可以通过原生的CSS来实现这些过渡动画,但是React社区为我们提供了react-transition-group用来完成过渡动画。React曾为开发者提供过动画插件 react-addons-css-tra
Vue的组件化编程
Vue组件化
vue支付项目-APP支付宝支付功能
如果用户已安装支付宝客户端,商家 App 唤起支付宝完成支付,支付完后跳回到商家 App 内,最后展示支付结果。如果用户没有安装支付宝客户端,商家 App 内会调起支付宝网页支付收银台,用户登录支付宝账号,支付完后展示支付结果。1.点击按钮开通或者续费,会验证是否选择会员商品以及对协议是否查看选中(
React类组件和函数组件对比-Hooks的介绍及初体验
Hook 是 React 16.8 的新增特性,它可以让我们在不编写class的情况下, 使用state以及其他的React特性(比如生命周期)。我们先来思考一下class组件相对于函数式组件有什么优势?比较常见的是下面这些优势:class组件可以定义自己的state,用来保存组件自己内部的状态;P
React Hook - useState函数的详细解析
useState来自react,需要从react中导入,是一个hook函数, 官方中也将它成为State Hook, 它与class组件里面的 this.state 提供的功能完全相同;在下一次重新渲染时,就已经不是创建了, useState 会返回给我们当前所保存的state(一般来说,在函数退出
2022年最新前端面试题,持续更新
2022年最新前端面试题 适合初/中级前端开发工程师