前端基础
文章平均质量分 52
晓晓2022
这个作者很懒,什么都没留下…
展开
-
闭包的经典题目
目的:我们想要这段代码分别输出数字1-5,每秒一次,每次一个。原创 2022-05-22 10:29:56 · 308 阅读 · 0 评论 -
Es6模块化
Es6模块化模块化的规范(理解为什么要实现模块的规范)ES6好处👨💻ES6在node.js 里面体验ES6注意初始化一个包管理项目npm init -yES6模块的导入和导出的方式注意:按需导入可以导入多次,而默认导入只能执行一次00000...原创 2022-04-25 22:14:55 · 1124 阅读 · 0 评论 -
Vue基础使用(1)
例子01例子02例子03小编:O_O原创 2022-04-18 22:02:47 · 66 阅读 · 0 评论 -
Express中间件小结(Node.js)(4)
应用中间件路由中间件错误中间件解析json请求中间件解析urlencoded原创 2022-04-12 15:36:52 · 145 阅读 · 0 评论 -
Express中间件函数(Node.js)(3)
Express中间件函数(Node.js)(3)原创 2022-04-12 11:29:32 · 329 阅读 · 0 评论 -
html里面使用axios发送请求
html里面使用axios发送请求原创 2022-04-01 11:15:29 · 14027 阅读 · 5 评论 -
DOM对象和JQuery对象别还傻傻分不清
DOM对象和JQuery对象别还傻傻分不清原创 2022-04-01 11:02:54 · 1430 阅读 · 0 评论 -
使用FromData快速获取表单数据
使用FromData快速获取表单数据原创 2022-03-24 16:24:32 · 948 阅读 · 0 评论 -
封装自己的ajax函数
封装自己的ajax函数效果展示:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2022-03-24 15:10:39 · 1065 阅读 · 0 评论 -
使用XMLHttpRequest对象发送post和get请求
使用XMLHttpRequest对象发送post和get请求效果展示:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,原创 2022-03-24 11:01:34 · 2869 阅读 · 0 评论 -
简单模板引擎运用
简单模板引擎运用效果展示:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-23 14:30:12 · 132 阅读 · 0 评论 -
评论模拟实现
评论模拟实现效果展示:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-23 12:34:46 · 212 阅读 · 0 评论 -
模板引擎art-template基本使用
模板引擎art-template基本使用1,使用步骤:(1),拿到待处理的数据datavar data = { 数据 };(2),创建模板引擎:<script type="text/html" id="mytep"> //注意一定要有一个人id区分,这里面写的是数据处理展示 </script>(3),调用模板: var str = template("mytep",data); 其中: data:待处理的数据 mytep:模板的id(4),结果渲染到u原创 2022-03-23 11:33:31 · 1313 阅读 · 0 评论 -
使用正则表达式处理字符串
使用正则表达式处理字符串要求:将{{name}}今年{{age}}岁 处理成 {{name}}今年age岁代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content原创 2022-03-23 11:25:40 · 513 阅读 · 0 评论 -
图书管理模拟
图书管理模拟效果展示:技术栈html+css+bootstrap+ajax代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-原创 2022-03-21 17:20:43 · 523 阅读 · 0 评论 -
JQuery语法基础(1)
JQuery语法基础(1)jquery函数入口:$(function(){ //在这里写主要的业务逻辑;});$("jquery函数入口");jquery元素获取:类似于在dom里面元素的获取;$("#id") //id选择器$(".class") //class选择器...依次类比jquery事件绑定:$("#id").on('click',function(){ //点击函数执行});jquery循环使用:var data = [100,120,130];$.e原创 2022-03-21 11:47:09 · 705 阅读 · 0 评论 -
sessionStorage和localStorage
sessionStorage和localStorage效果展示:在浏览器的态势窗口,application栏。代码展示:sessionStorage<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie原创 2022-03-20 16:04:10 · 358 阅读 · 0 评论 -
淘宝侧栏弹出模拟
淘宝侧栏弹出模拟效果展示:要求鼠标放上去,后实现弹出操作,同时将颜色变成pink,展示欢迎光临。代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=原创 2022-03-20 13:59:31 · 56 阅读 · 0 评论 -
缓动动画实现
缓动动画实现效果展示:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-20 11:18:11 · 79 阅读 · 0 评论 -
拖动登录模拟框
拖动登录模拟框效果展示:代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-19 15:19:13 · 88 阅读 · 0 评论 -
location.search()实现数据在不同页面传递
数据在不同页面传递效果展示:login.html:index.html:代码实现:login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt原创 2022-03-19 11:02:29 · 616 阅读 · 0 评论 -
短信验证码发送
短信验证码发送效果展示:代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-19 09:40:36 · 88 阅读 · 0 评论