Value 和 Placeholder 的区别
value：如果想要鼠标点击后默认文字消失需要加入 JS 的 onfocus 和 onblur 来实现placeholder：在 input 标签中只是充当了占位符的作用，在没有 value 的情况下才会显示，并且如果使用 placeholder 那就不需要JS 的 onfocus 和 onblur
在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别
目录前言正文一、Vue3 与 Vue2 区别概览二、Vue3 与 Vue2 区别详述生命周期多根节点Composition API异步组件（Suspense）Teleport响应式原理虚拟DOM事件缓存Diff算法优化打包优化自定义渲染APITypeScript支持三、Options API 与 C
js 中的构造函数和实例对象以及面向过程和面向对象概念理解
什么是构造函数？js中将首字母大写的函数定义为构造函数，如: function Fn1(){}光看构造函数其实与普通函数没有太大区别，但js中，构造函数一般是用于给对象实例的。对象：js中是没有对象的概念的，js是一门面向过程的脚本式编程语言面向过程：不具备类和对象这种结构，现实中表现为，我渴了想喝
前端常规面试题 - 初级开发01（含答案）
1.浅谈一下如何避免用户多次点击造成的多次请求。答：我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。还有很多其他的方式进行防止重复点击提交，如1>
15个很有趣的开源项目推荐
1. 视搭Site: github.com/tnfe/shida《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较完整的开源项目，仅抛砖引玉希望
面向对象编程
面向对象编程
千篇一律的JS运算符，无趣
千篇一律的JS运算符，无趣
情人节表白神器（成功率100%）
一、前言2022年2月14号就是情人节了，情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日，男女在这一天互送礼物用以表达爱意或友好。 在情人节的当天不知道有没有想要向心仪的对象表白的人，如果有的话，下面这一款神器可千万不要错过了。二、效果展示1.首页首页就是上面写着###人的名字，后面可以换成自己
React尝试案例一
React尝试案例二<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title>ReactDOM.render( <h1>
React尝试案例二
React尝试案例二<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Try React</title>
详解JS中关于call、apply和bind的实现（源码实现）
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。call、apply、bind方法的共同点：1.都是用来改变函数的this对象的指向的；2.第一个参数都是this要指向的对象；3.可以利用后续参数传参；区别
搞明白this指向，走遍天下都不怕（一）
JavaScript中的this一直是面试中的热点问题，同时也是JavaScript中的一个难点问题，在JavaScript中this的指向十分灵活，使用场景也很多，所以对于this的熟练掌握是我们前端工程师的一个基本技能之一。今天我们来通过7个实例来讲解this在一些场景中的指向问题，大家也可以先
30+个 JavaScript 知识点汇总，你都了解了吗？
前言无论你是已经在工作岗位上亦或是正在寻求新的工作机会，掌握常见的 JavaScript 面试知识点，不但可以帮助你扩展知识面、培养逻辑思维，还能帮助你提升自己的工作能力。不妨看看，也许有你所不了解的。正文1、JavaScript 的数据类型及其存储方式截止目前，JavaScript 一共有8种数据
Vue为何弃用经典的Ajax，选择新技术Axios？
一、选择什么网络模块?发送网络请求的方式有很多，下面来简单介绍一下：1、传统的Ajax是基于XMLHttpRequest（XHR）2、jQuery - Ajax为什么不适用jQuery的Ajax？在vue开发中不需要使用jQuery，因为jQuery很重量级。3、vue官方在Vue1.x的时候，推出
Vue项目电商后台管理系统 nprogress--进度条
前言：结合到Vue项目上的进度条，完整版点击上面查看项目，定会收获颇多简介：在你打开页面的时候，出现进度条，在最顶部！与加载中相辅相成效果图例：
React学习案例二十五
React学习案例二十五<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>React 实例</title></head><body><
JavaScript中WebAPI知识
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。WebAPI概念：浏览器提供的一套操作浏览器功能和页面元素的API(BO
【Web 三件套】JavaScript 的数组、函数和对象
文章目录1. 数组1.1 基本概念1.2 创建数组1.3 获取数组元素1.4 新增数组元素1.5 删除数组元素1.6 遍历数组元素2. 函数2.1 基本概念2.2 语法格式2.3 关于参数个数2.4 函数表达式2.5 作用域2.6 作用域链3. 对象3.1 基本概念3.2 创建对象3.3 使用对象3
前端面试：你了解Promise吗？
Promise用于处理一些需要花费长时间的任务，进行异步处理，防止任务阻塞。一般是说解决了回调地狱的问题。那什么是回调地狱？用吃来做比喻：我想吃火锅function getTea(fn) { setTimeout(() => { fn('火锅') }, 1000)}
React学习案例二十四
React学习案例二十四class LoggingButton extends React.Component { // 这个语法确保了 `this` 绑定在 handleClick 中 // 这里只是一个测试 handleClick = () => { cons
