CSS 定位叠放次序（z-index）及 定位其他拓展-爱代码爱编程
定位叠放次序 z-index 在使用定位布局时，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后次序。 语法： 选择器 { z-index: 1; } 数值可以是正整数、负整或0，默认是auto，数值越大，盒子越靠上。如果属性值相同，则按照书写顺序，后来居上。数字后面不能加单位。只有定位的盒子才有z-index属性。 定位
纯HTML+CSS仿作京东页面-爱代码爱编程
纯HTML+CSS仿作京东页面 大一学了一个月的网页制作课程，就在今天，我对京东页面下手了。我用的是旧版京东的素材。。。 先上效果图接下来让我们看看HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
清除浏览器缓存后，发现页面样式不能加载了-爱代码爱编程
清除浏览器缓存后，发现页面样式不能加载了 这里需要注意一个springboot版本问题：Spring Boot 1.x和2.x版本拦截器对于静态资源访问的区别！ Spring Boot 1.x版本已经做好了静态资源映射，所以拦截器不会对.css、.js等静态资源进行拦截Spring Boot 2.x版本，静态资源会被拦截器拦截，需要排除静态资源。1、问
JavaScript中的offset、client和scroll-爱代码爱编程
JavaScript中的offset、client和scroll 元素偏移量offset offset就是元素偏移量，使用offset系列相关属性可以动态的得到该元素的位置（偏移）和大小等。 1. 获取元素距离父元素的位置 2. 获得元素自身的大小 3. 返回值都不带单位 offset系列常用属性 offset系列属性作用element.off
表单、超链接的用法-爱代码爱编程
1、什么是表单有什么用？ 发送请求，并且携带数据给服务器。 表单和超链接有什么共同的特征，就是都可以向服务器发送请求 只不过超链接是用户直接点击发送的请求，不能填写数据。 而用户点击表单提交的时候，不但可以发送请求，而且请求中还可以携带数据。 表单最主要的作用是：收集用户信息 表单对应的单词是：form 2、怎么定义一个表单对象 表单项1： 表单项2： 一
Html小结-爱代码爱编程
Html小结 1.1 HTML 是用来描述网页的一种语言。它指的是超文本标记语言（Hyper Text Markup Language）。它不是一种编程语言，而是一种标记语言 (markup language) 主要作用：做数据展示 HTML 标签是由尖括号包围的关键词,如<html> HT
吃透web前端秘籍，来听听大佬是怎么说的-爱代码爱编程
看看阿里大神对web前端是如何总结的 一.为什么要学习前端开发？ 你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！ 二.Web前端开发是干什么的？有没有“钱”途？ 先看一张图吧 北京高级前端研发工程师的平均月工资为29.3k,深圳也有15k,“钱”途已经有了。
回车自动触发页面的搜索-爱代码爱编程
本文涉及到的技术点主要包括检测键盘输入、获取不包含某个属性的元素 1、检测键盘输入，在body加上onkeydown方法，只要键盘输入就检测，event.keyCode获取键盘输入值，13是回车 <body οnkeydοwn="enterkey()" style="padding:0px;margin:0px; overflow:hidden;"
计时器的书写-爱代码爱编程
对于很多网页和很多生活中的地方，都会用到计时器，那么这个准确来计时的东西是怎么写出来的呢，今天带大家写一个简单的计时器。 书写css和html的内容 <h1 class="title">距离2021高考，还有</h1> <div class="time-item"> <span>
关于HTML简单总结-爱代码爱编程
如图是思维导图 1.标题 hn:n越大，字体越小。 2.文字 1）字体 在1的基础上进行修改同样也适用于其他标签，如：p标签2）颜色 同上直接在style中添加3）格式 用text-align格式。居左用left，居右用right，居中用center。4）尺寸 即字体大小：font-size：xxpx3.链接 用a标签表示：a href=""点开链接后：就
简易本地API编写：基于JAVA、JSP与Ajax请求-爱代码爱编程
目录 一、引言二、准备工作2.1 安装java2.2 安装Eclipse for JAVA Enterprise2.3 安装Tomcat三、正式部署3.1 开发一个简单的java web项目3.2 编写html文件3.3 tomcat首页说明3.4 新建tomcat集成配置3.5 运行四、其他4.1 浏览器访问服务器上的接口4.2 修改tomcat
图片跟着鼠标飞-爱代码爱编程
相信很多小伙伴在浏览很多网页的时候，鼠标的样式发生了改变，或者说是有一张图片跟着鼠标一起动，那么这个跟着鼠标动的图片是如何实现的呢，今天教大家来实现这个动画。 选择图片 因为我们要一张图片跟着鼠标一起动。那么第一步肯定是选择一张好看的照片，最好是选择一张gif可以动的照片 我选择的就是这个会飞的小天使 搭好css的内容 .图片选好之后，我们需要搭建
VUE的计算属性~-爱代码爱编程
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、computed的使用1.创建2.使用二、computed的特性？总结 前言 computed 是计算一个新的属性，并将该属性挂载到 Vue 实例上 提示：以下是本篇文章正文内容，下面案例可供参考 一、computed的使用 computed属性主要是
JavaScript的强制类型转换（String Number Boolean）-爱代码爱编程
强制类型转换是指将一个数据类型强制转换为其他的数据类型。接下来，让我们一起来讲讲JavaScript在进行强制类型转换时都有哪几种方法吧~ 将其他的数据类型转换为String 1. 方式一 调用被转换数据类型的toString()方法（调用xxx的yyy方法，就是xxx.yyy()）该方法不会影响原来的变量，它会将转换的结果返回null和undefi
JS-语法设计模式-爱代码爱编程
设计模式：代码经验的总结 设计模式都是面向对象的 工厂模式 工厂函数就是做一个对象创建的封装，并将创建的对象return出去 function newObj(name,age){ var o = new Object(); o.name = name; o.age = age; return o; } var obj
利用JavaScript实现发表、修改、删除评论-爱代码爱编程
要用js实现这些功能，首先我们分析一下需要做什么 1.再文本框写评论 2.创建一个能储存写好的评论的地方，我们一般用无序列表li来储存 3.li不能让它固定，所以我们也需要用js来动态创建 4.肯定要在已经发布的评论哪里删除，也就是说，再创建的li中在创建两个按钮 那么大致的html就只需要创建一个文本框和一个发表评论的按钮就够了，为了方便，ul也可以先创
JavaScript中this关键字-爱代码爱编程
单独使用，this 表示全局对象[object Window]var x = this; // [object Window] 在函数中，this 表示全局对象[object Window]function myFunction() { return this; // [object Window] } 对象方法中，this 表示该方法所属
VUE的自定义指令-爱代码爱编程
文章目录 前言一、VUE自定义指令的创建？1.全局自定义指令创建2.局部自定义指令创建总结 前言 VUE除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自
【网站前端】第05章 表单标签-爱代码爱编程
使用表单目的是为了收集用户信息。 表单通常由表单域、表单控件（又称表单元素）和提示信息3各部分构成。 一、表单域（<form>标签） 1、表单域是一个包含表单元素的区域。 2、<form>标签用于定义表单域，以实现用户信息的收集和传递。 3、<form>会把范围内的表单元素信息提交给服务器。 4、基本语法格式
HTML的头部文件和主体标签-爱代码爱编程
HTML的头部文件和主体标签 完整的HTML文档包括文档头和文档主体两部分 HTML的头部文件和主体标签一、文件头部内容1.标签< base>2.标签< meta>二、主体部分1.设置页面背景颜色< bgcolor>2.设置页面边距< margin>3.设置正文文本颜色< text&g