奶爸级教学---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, 由于我们现在使用的是类组件, 无法使用
【JavaScript】手撕前端面试题:手写new操作符 | 手写Object.freeze
带你手撕前端面试题:手写new操作符 | 手写Object.freeze。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】
js的总成绩排名、子字符串频次统计、js继承、js判断斐波那契数组等js前端面试题。牛客是可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到,
【JavaScript】手撕前端面试题:事件委托 | 判断URL是否合法 | 全排列
带你手撕前端面试题:事件委托、判断URL是否合法 、全排列。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
React中的路由嵌套和手动实现路由跳转的方式
Link或者NavLink渲染出来是一个a元素, 如果我们想点击一个button或者其他元素实现页面跳转, 就需要通过JavaScript代码进行跳转了。这样我们引入自己封装的高阶组件, 通过高阶组件的增强, 就可以在类组件的props中获取到navigate。那么如果是一个函数式组件,我们可以直接
Node.js | 一文带你了解 EJS 模板引擎
EJS是一套简单的模板语言,帮你利用普通的JavaScript代码生成HTML页面,这称为模板引擎,在服务端渲染中普遍使用。在上一篇服务端渲染的讲解中我们已经提到过ejs这个模板引擎,模板引擎在前后端不分离的时代中经常使用,但随着前后端分离模式、单页模式(SPA应用,如Vue、React,是前后端分
React - Router的基本使用介绍
目前前端流行的三大框架, 都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-routerReact Router在最近两年版本更新的较快,并且在最新的React Router6.x版本中发生了较大的变化。目前React Router6.x已经非常稳
vue的指令和插值总结
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页
手把手教你入门Vue,猴子都能看懂的教程
VUE是动态构建用户界面的渐进式 JavaScript 框架,编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发,今天我们通过超多图解、代码入门vue核心
【JavaScript】JS实用案例分享:选择器组件 | 简易计算器
基础不牢,地动山摇!快进来学习JavaScript开发中非常实用的《选择器组件》和《简易计算器》的案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!