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年最新前端面试题 适合初/中级前端开发工程师
奶爸级教学---webpack详细教学
webpack 中文文档 | webpack 中文网概念本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个
2022最全最新前端面试题（附加解答）
这是我整理所有看过的文章的面试题+各种百度每一道题的答案，希望可以有效的帮助别人本章博客，梳理所有基础的js，jquery，vue，css, html等题，包含面试题，可供参考学习，也督促自我学习
React组件化的额外知识补充
Fragment 允许你将子列表分组，而不会渲染到页面中, 类似于Vue中的template和小程序当中的block;在之前的React API中，可以通过findDOMNode来获取DOM，不过已经不推荐使用了，可以自行学习演练一下。这是严格模式下故意进行的操作，让你来查看在这里写的一些逻辑代码被
React编写CSS的方案-CSS In JS
事实上CSS-In-JS的模式就是一种将样式(CSS)也写入到JavaScript中的方式，并且可以方便的使用JavaScript的状态;但是在前面的学习中，我们就提到过，React的思想中认为逻辑本身和UI是无法分离的，所以才会有了JSX的语法。我们创建的是一个styled组件, 那么既然是一个组
支持动图、一键生成，基于 React 的开源像素绘画应用 —— Pixel Art to CSS
Pixel Art to CSS 是一个基于 React 的在线像素绘画编辑器，简单好用，功能齐全。你可以绘制像素版的图片或者 GIF 动图，绘制完毕后可以一键获取对应的 CSS 代码。
【Ajax入门技术】原生AJAXexpress的基本使用，进行不刷新页面获取到数据
通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势:无刷新获取数据。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。全名JavascriptAndXML,就是使用JS代码获取服务器数据。（异步）（同步）XML被设计用来传输和存储数据。我是Aic山鱼原 创 不 易 ✨还
Vue复刻华为官网(三)
如上图，这整个的大盒子，又可以被分为上中下三个小盒子，上、下盒子都被分为左右两个小盒子。这部分的难点主要体现在搜索栏上，特别是搜索栏聚焦的时候，会有一个阴影的效果，失去聚焦之后阴影效果会消失。如下这部分可以使用两个鼠标事件搞定，@focus （组件获取焦点的时候触发）、@blur （组件失去焦点的
前端面试八股文（超详细）
JavaScript\1. Promise 的理解Promise 是一种为了避免回调地狱的异步解决方案 2. Promise 是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败） 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状
React Hook - useEffecfa函数的使用细节详解
Effect Hook 可以让你来完成一些类似于class中生命周期的功能;事实上，类似于网络请求、手动更新DOM、一些事件的监听，都是React更新DOM的一些副作用(Side Effects);所以对于完成这些功能的Hook被称之为 Effect Hook;
ES6+--》熟知JS中的async函数
async函数的返回值为 promise 对象，promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便，简而言之就是 Generator 的语法糖。
React中路由的参数传递 - 路由的配置文件
传递参数有二种方式(需要注意的是, 这两种方式在Router6.x中都是提供的hook函数的API, 类组件需要通过高阶组件的方式使用):方式一: 动态路由的概念指的是路由中的路径并不会固定:在跳转的页面中可以通过hook函数useParms获取到传入的id, 由于我们现在使用的是类组件, 无法使用
