前端HTML
文章平均质量分 58
上课学习的HTML知识,希望能帮助到大家
尹蓝锐
这个作者很懒,什么都没留下…
展开
-
Webstorm设置快捷键方法
File>Settings原创 2022-04-18 12:58:52 · 754 阅读 · 0 评论 -
使用Vue和bootstrap实现简单购物车功能
使用Vue和bootstrap实现简单购物车功能1.新建项目2.app.vue1.新建项目创建vuevue create 项目名引入bootstrap3npm i [email protected]<template> <h1 class="container bg-danger">购物车</h1> <div class="container"> <table class="table table-原创 2022-04-05 10:04:53 · 351 阅读 · 0 评论 -
bootstrap的使用方法
bootstrap的简单使用1.通过npm下载bootstrap2.进入官网的全局css样式3.选择一个样式实验一下1.通过npm下载bootstrap进入项目文件夹下的命令行输入以下命令npm init -ynpm bootstrap@3引用的方法不尽相同,也可以用别的方法进行引入可参考https://v3.bootcss.com/getting-started/#download2.进入官网的全局css样式链接在这:https://v3.bootcss.com/css/#form原创 2022-04-04 00:46:30 · 2397 阅读 · 0 评论 -
使用node搭建后台管理系统(2)
简单实现管理员的登录功能1.创建管理员登录界面2.编辑app.js作为后台中枢文件三级目录1.创建管理员登录界面编辑html文件<!doctype html><html lang="EN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2022-04-03 17:58:21 · 2797 阅读 · 0 评论 -
使用node搭建后台管理系统(1)
使用node搭建后台管理系统1.搭建项目结构2.装包以下两个步骤在我之前的文章中已经操作过,这里不做过多阐述。1.搭建项目结构2.装包(express,express-art-template,art-template三件套)+jquery原创 2022-03-08 17:25:51 · 784 阅读 · 0 评论 -
node搭建后台实现账户登录
node搭建后台实现账户登录1.创建项目结构2.创建前端登录页面3.创建users.json文件模拟数据库4.创建后台接收,判断,反馈逻辑1.创建项目结构 data,public,views目录自己手动创建 从crud打开terminal创建package.json,package-lock.json 步骤如下在terminal中依次输入以下命令npm init -ynpm i express art-template express-art-template完成后如图即可2.创建前原创 2022-03-01 22:01:53 · 723 阅读 · 0 评论 -
html中input输入框如何左上角显示
html中的输入框如何从左上角开始输入原创 2021-12-15 11:32:50 · 5970 阅读 · 0 评论 -
html页面不论如何缩放也不改变布局的相对位置
body{ min-width: 1200px; height: 2000px; /*background: lightblue;*/ position: relative;}在最外层div(对于你的项目来说)设置 最小宽度和 相对定位原创 2021-12-10 23:17:17 · 12767 阅读 · 0 评论 -
swiper插件的使用(快速实现轮播图)
swiper插件的使用(快速实现轮播图)1.进入swiper官网2.选择代码包进行引用3.进入官网的API文档4.前端效果演示1.进入swiper官网在获取Swiper下点击Swiper CDN地址你会看到以下代码,以下代码可直接用,但是我们只选择我们要用的2.选择代码包进行引用我们引用两个压缩过的代码文件,就叫他代码包吧<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.x.x原创 2021-12-06 22:13:28 · 1265 阅读 · 0 评论 -
js控制前端html的显示
js控制前端html的显示1.新建project1.1更换国内镜像地址1.2下载插件2.前端文件设计3.js端设计1.新建project1.1更换国内镜像地址 npm config set registry https://registry.npm.taobao.org/1.2下载插件npm i express express-art-template art-template2.前端文件设计3.js端设计...原创 2021-12-06 21:41:39 · 478 阅读 · 0 评论 -
html自动播放音乐(无播放器)
<audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" src="./youdiantian.mp3"></audio>原创 2021-12-05 23:29:17 · 7462 阅读 · 4 评论 -
变量作用域
变量的作用域问该代码最后会输出什么?情景一情景二问该代码最后会输出什么?情景一 let a=1 !function () { let a=2 console.log(a) }() console.log(a)}最后输出一个2,一个1为什么会这样呢?因为在函数外的a和函数里的a互不影响,各自输出各自的。总结:当局域变量和全局变量中同时声明了同一个变量名时,全局变量和局部变量中的变量互不影响情景二 let a=1原创 2021-12-01 21:44:55 · 368 阅读 · 0 评论 -
动画-实现一个摩天轮
实现一个摩天轮效果1.全部代码2.添加图片3.定义动画4.调用动画1.全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background: url("./img/2.jpg"); }原创 2021-11-22 00:29:44 · 1251 阅读 · 0 评论 -
html通过js和css实现一个表(带图片)
html通过js和css实现一个表1.html部分讲解2.css部分讲解3.js部分讲解1.html部分讲解将钟表拆解成两部分,表盘和指针。表盘是大盒子box,指针是小盒子shi,fen,miao,dian<div id="box"> <div id="shi"></div> <div id="fen"></div> <div id="miao"></div> <div id="d原创 2021-11-21 17:48:49 · 1422 阅读 · 0 评论 -
HTML动画XYZ轴的用法详解
HTML动画XYZ轴的用法详解我将通过创建一个旋转的正方体讲解H5 xyz轴的具体用法首先定义一个盒子,盒子内先放一张平面(后面会根据这张平面弄出六个面使其成为一个正方体)复制并打开代码你会看到一个正方体在旋转,不要着急,马上带你分析代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&l原创 2021-11-14 16:24:01 · 3421 阅读 · 0 评论 -
在vscode上快速打开php文件(小白手把手教小白,超级详细)
第一次写博客,如有不足,欢迎指正很多小白在第一次使用vscode时总会遇到像这样那的问题,下面我以在vscode中打开php文件为例,跟大家演示一下我是怎么操作的准备工作:先下载小皮面板,记住下载路径,在其中打开Apache和MySQL,然后我们步入正题1.首先打开vscode,在其中打开小皮面板所在文件夹,在WWW文件里随便建一个php类型的文件,简单编辑一下2.点击扩展,搜索openphp,找到如图插件下载3.下载之后可还没完哦,关键的步骤来了,找到设置,如图找到刚才下.原创 2020-12-24 21:46:26 · 13723 阅读 · 30 评论 -
HTML前端笔记2021.11.2(2)
3.3.1 CSS常用属性.html 和 main.csscss常用属性.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 500px; height: 500px; /*background-color: lightbl原创 2021-11-02 21:03:28 · 218 阅读 · 0 评论 -
HTML前端笔记2021.11.2
前端笔记1.B/S架构B是browser(浏览器) 用户使用的所有客户端(部分手机app,小程序),我们都可以把它视为浏览器,S是server(服务器)。浏览器发出请求,通过http互联网协议发送至后端(服务器端,S端),S端将网页文件发送至前端。B端浏览器收到文件后,浏览器进行解析成图形界面,可供用户操作。2.HTML基础标签<!DOCTYPE html><!-- html5,是HTML语言的第五个版本超文本标记语言一处发布,到处可以查看上面是html5的标识,告诉浏原创 2021-11-02 20:34:18 · 196 阅读 · 0 评论