情人节你们过，表白代码我来写（HTML+CSS+JS）
雷迪森安的乡亲们，欢迎来到老实人的前端课堂，这情人节的，我把爱心都给你们准备好了，今天我们来写个爱心吧。正片注意看到最后哦，下面还有一个更好看的特效，这个是个动态的♥♥结构就两行<script src="https://wow.techbrood.com/libs/jquery/jquery-
Vue+Axios+SpringBoot前后端分离项目解决跨域问题
什么是跨域？不同服务器，不同项目，不同端口，满足以上三点任意一点的都是跨域请求如何解决？①前端在Vue-Cli的核心配置文件main.js中，创建axios实例时允许使用凭证（Session）/** * 导入axios */import axios from 'axios';/** * 创建axio
使用 className 修改样式属性
修改样式属性有两种方式第一种： 行内样式操作，element.style，当需要更改的样式较少时或功能简单时建议使用第二种：类名样式操作， element.className ，当需要修改的样式复杂并且较多时，使用该方式element.style...
vue3 中使用动画技术
vue3 中使用动画技术vue 中的相关基础知识处理过渡和动画的内置组件组件名描述Transition用于在元素或组件进入和离开 DOM 时应用动画。TransitionGroup用于在将元素或组件插入列表、从列表删除 或 在v-for列表中移动 时应用动画。Transition作为VUE内置组件
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><
