有趣的前端
不得不会的前端基础
一只笨菜鸟
这个作者很懒,什么都没留下…
展开
-
创建VUE项目
安装router、element-plus、axios、vue-axios依赖。src下创建routes文件夹,创建index.js文件。vue create 项目名。main.js文件下。原创 2022-09-13 23:48:53 · 259 阅读 · 0 评论 -
单文件组件实现轮播图
<template> <!-- 轮播图组件 --> <div class="banner"> <div class="scoll"> <img :src="imgs[index]" /> <!-- <img src="../../public/img/20.png" > --> <button type="button" class="btn prev" @click="prev">&.原创 2022-01-07 13:41:26 · 269 阅读 · 0 评论 -
前端sessionStorage的存取
sessionStorage.setItem("loginUser", JSON.stringify(datas.loginUser));this.loginUser = eval('(' + sessionStorage.getItem("loginUser") + ')');原创 2022-04-16 17:57:50 · 738 阅读 · 0 评论 -
vue轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/dist_vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> *{ padding: 0;.原创 2021-12-14 09:26:13 · 56 阅读 · 0 评论 -
前端页面动态显示时间(年月日 星期 时分秒 )
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } .box { width: 100%; height: 50px; background-color: cad.原创 2021-11-11 17:35:06 · 6094 阅读 · 0 评论 -
前后端分离实现沙箱支付后,前端渲染后端传过来的form表单
是返回的form表单的name。后端返回的form表单如下。原创 2022-09-13 23:34:44 · 579 阅读 · 0 评论 -
JavaScript实现页面一键全选或反选
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .hobby { width: 600px; height: 50px; background-color: #5F9EA0; line-height: 50px; } .b.原创 2021-11-11 20:08:36 · 780 阅读 · 0 评论 -
JavaWeb数据回显 下拉列表、单选框、多选框 选中状态
当你提交一个表单失败 或 修改信息时,表单中的下拉列表、单选框、多选框 应该默认选中提交之前 或修改之前的状态 的状态1. 下拉列表 jstl<select name="classes"> <option value="">请选择</option> <c:forEach items="${classList}" var="itemm"> <option value="${itemm.id}"<c:if test...原创 2021-11-13 19:44:36 · 7334 阅读 · 0 评论