【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 的语法糖。
element-ui table 表格组件实现可拖拽效果(行、列)
element-ui table 表格组件实现可拖拽效果(行、列)
React中路由的参数传递 - 路由的配置文件
传递参数有二种方式(需要注意的是, 这两种方式在Router6.x中都是提供的hook函数的API, 类组件需要通过高阶组件的方式使用):方式一: 动态路由的概念指的是路由中的路径并不会固定:在跳转的页面中可以通过hook函数useParms获取到传入的id, 由于我们现在使用的是类组件, 无法使用
【JavaScript】手撕前端面试题:手写new操作符 | 手写Object.freeze
带你手撕前端面试题:手写new操作符 | 手写Object.freeze。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
Element-ui源码分析
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便,我们会使用各种各样的组件库。虽然说基本需求看文档就可以了,但是文档中提供的方法和业务需求相比肯定是有一定差距的,这时候就需要自己封装组件了;并且,在写了一些代码后感觉,其实在不同的项目中写过功能差不多相同的代码,那为什么不封装一
element-ui实现图片上传功能(前台部分)
最近做的项目中需要实现图片上传功能,一开始也不懂,经过一段时间的学习后,终于实现了图片上传功能。我将分为前台与后台两部分与大家一起分享。这篇展示的是前台内容。
Nuxt速度优化、性能优化、加载优化、首页加载优化、白屏优化、打包优化集合
本文会讲解决Nuxt首页加载慢、Nuxt的速度优化、Nuxt的性能优化、Nuxt的加载优化、Nuxt的首页加载优化、Nuxt的白屏优化、Nuxt的打包优化等集合。就是说例如我博客,之前为了花里胡哨,加了animate.css等动画效果,其实用处并不大,去掉并减少消耗性能,大家可以检查一下相关的npm
手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】
js的总成绩排名、子字符串频次统计、js继承、js判断斐波那契数组等js前端面试题。牛客是可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到,
【JavaScript】手撕前端面试题:事件委托 | 判断URL是否合法 | 全排列
带你手撕前端面试题:事件委托、判断URL是否合法 、全排列。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
React中的路由嵌套和手动实现路由跳转的方式
Link或者NavLink渲染出来是一个a元素, 如果我们想点击一个button或者其他元素实现页面跳转, 就需要通过JavaScript代码进行跳转了。这样我们引入自己封装的高阶组件, 通过高阶组件的增强, 就可以在类组件的props中获取到navigate。那么如果是一个函数式组件,我们可以直接
部署vue element-ui admin报错(vue2)
删除npm的缓存 (即删除文件夹C:\Users\Administrator\AppData\Roaming\npm-cache下的内容)# 赋予该文件夹的访问权限(安装过程若对此有提示,则加入): C:\Users\Administrator\AppData\Local\tmp。# 赋予该文件
Element-UI+Vue实现开发权限
默认展开所有结点默认勾选结点 ,然后绑定一个数组@click="showSetRigthDialog(scope.row)",scope.row代表着这一整行的数据对象,也就是人物,我们为什么要传入这个呢?因为我们要实现默认勾选结点,利用递归的方式。
一文带你了解React框架
前言由于 React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目,目标更
Node.js | 一文带你了解 EJS 模板引擎
EJS是一套简单的模板语言,帮你利用普通的JavaScript代码生成HTML页面,这称为模板引擎,在服务端渲染中普遍使用。在上一篇服务端渲染的讲解中我们已经提到过ejs这个模板引擎,模板引擎在前后端不分离的时代中经常使用,但随着前后端分离模式、单页模式(SPA应用,如Vue、React,是前后端分
React - Router的基本使用介绍
目前前端流行的三大框架, 都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-routerReact Router在最近两年版本更新的较快,并且在最新的React Router6.x版本中发生了较大的变化。目前React Router6.x已经非常稳
【axios】axios的基本使用
axios是一个专注于网络请求的库。 不同于jquery,功能复杂,既可以操作dom,又可以做动画,还可以发ajax请求。axios是一个专注于网络请求的库。一、基本使用1.导入库文件在js中导入axios的库文件后,会直接在全局挂载一个axios方法,就可以直接使用了。<!-- 导入axio