![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaweb
鸵鸟吃补丁
✌
展开
-
每日一题 6.18
题目答案D解析class类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“静态方法”。freedie中并没有继承类Chameleon中的colorchange,因此会显示TypeError...原创 2021-06-20 10:38:46 · 116 阅读 · 0 评论 -
数组扁平化
数组扁平化是指将一个多维数组变为一个一维数组解决方案:1.flat()函数函数提供了将一组数组项串联成一个全新的数组并在函数完成后返回新数组的能力。由于这个函数产生了一个全新的数组,所以一旦函数完成操作后,任何包含在原始数组中的现有的、完全独立的数组都不会被改变。flat(深度) 函数仅采用一个参数即深度,该参数是可选的。如果原始数组包含一个或多个嵌套数组结构,则此参数决定函数将多少数组层压扁为单个层。由于该参数是可选的,所以它的默认值为 1,并且在函数完成时,只有单层数组将被平展到返回的原创 2021-06-18 10:56:37 · 325 阅读 · 0 评论 -
每日一题6.17
题目答案C解析将c换为Number(3),则输出结果为false、true<script type="text/javascript"> let a=3; let b=new Number(3) let c=Number(3) console.log(a===b) console.log(a===c) </script>b是把3包装成一个对象c是把3转换成数字类型因此3和new Number(3)就是原始类型和包装对象的原创 2021-06-17 14:09:44 · 133 阅读 · 0 评论 -
每日一题6.16
题目答案B解析1.diameter中是常规函数,结果为202.perimeter是箭头函数,其中的this指的是当前周围的作用域,而当前作用域是window,window中没有radius,因此返回NaN。箭头函数没有自己的this, 它的this是继承而来; 默认指向在定义它时所处的对象(宿主对象),如下图中this指向Person。箭头函数根本没有自己的this,导致内部的this就是外层代码块的this,该题中的this指向window...原创 2021-06-16 18:25:55 · 57 阅读 · 0 评论 -
js简单实现轮播图
text1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http://libs.b原创 2021-06-15 18:51:19 · 103 阅读 · 0 评论 -
每日一题6.15
题目答案D解析let 和 var 的第二点不同是,在变量声明之前就访问变量的话,会直接提示 ReferenceError,而不像 var 那样使用默认值 undefined:var 存在变量提升,而 let,const(后面会提及)声明的变量却不存在变量提升,所以用 let 定义的变量一定要在声明后再使用,否则会报错。...原创 2021-06-15 15:56:22 · 58 阅读 · 0 评论 -
实现拖拽效果
原理图实现div块跟随鼠标移动代码#box{height: 100px;width: 100px;background-color: blue;position: absolute;}<div id="box"></div><script> var jsdiv=document.getElementById("box") basex=0 basey=0 movex=0原创 2021-06-15 14:09:23 · 94 阅读 · 0 评论 -
每日一题6.14
题目找出正确的打印结果结果选解析原创 2021-06-15 12:34:16 · 95 阅读 · 0 评论 -
每日一题6.13
题目<script> const name="hello" const age=12 console.log(Number.isNaN(name)) console.log(Number.isNaN(age)) console.log(isNaN(name)) console.log(isNaN(age))</script>结果解析1.Number() 函数把对象的值转换为数字。Number.原创 2021-06-13 13:52:08 · 87 阅读 · 0 评论 -
点击按钮效果(button)
1.去掉边框效果border:none;<html lang="en"> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <style> .btn{border: none;} </style> </head> <body&g原创 2021-01-19 10:57:26 · 1166 阅读 · 0 评论 -
设置半透明背景色
1.opacity取值在0-1之间。<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{opacity: 0.5; backg原创 2020-12-29 19:40:32 · 192 阅读 · 0 评论 -
<input>标签输入默认值
1.value属性<html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="text" name="text"原创 2020-12-18 13:26:13 · 13395 阅读 · 0 评论 -
UI框架
Ant-Design:阿里巴巴出品,基于React 的U框架ElementUl、ixiew、ice :饿了么出品,基于Vue 的UI框架.Bootstrap: Twitter推出的一个用于前端开发的开源工具包.AmazeUI:又叫“妹子UI”,一款HTML5 跨屏前端框架...原创 2020-12-08 14:10:44 · 84 阅读 · 0 评论 -
js笔记详细(持续更新)
前期知识js框架jQuery:JavaScript库,优点是简化了DOM操作,缺点是 DOM操作太频繁,影响前端性能;在前端眼里使用它仅仅是为了兼容IE6、7、8;Angular: Google 收购的前端框架,由一群Java程序员开发,其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念,与微软合作,采用TypeScript语法开发;对后台程序员友好,对前端程序员不太友好;最大的缺点是版本迭代不合理(如:1代->2代,除了名字,基本就是两个东西)React: Facebook出品,原创 2020-12-08 14:07:03 · 649 阅读 · 0 评论 -
css预处理器
CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是==“用一种专门的编程语言,进行Web页面样式设计,再通过编译器转化为正常的CSS文件,以供项目使用”。==常用的CSS 预处理器有哪些:.SASS:基于Ruby,通过服务端处理,功能强大。解析效率高。需要学习Ruby语言,上手难度高于LESS。. LESS:基于NodeJS,通过客户端处理,使用简单。原创 2020-12-08 14:11:22 · 80 阅读 · 0 评论 -
设置阴影
box-shadow: h-shadow v-shadow blur spread color inset;1.例<!DOCTYPE html><html><head><meta charset="utf-8"> <title>测试</title> <style> div{ width:300px; height:100px; background-color:yellow; box-shadow:原创 2020-12-08 14:11:45 · 122 阅读 · 0 评论 -
html中设置长段落文字
1.溢出的文本进行省略号处理<html><head><style type="text/css">.text{ width:5rem;/*设置段落长度*/ white-space:nowrap;/*文本段落不换行*/ overflow:hidden;/*超出范围的隐藏*/ text-overflow:ellipsis;/*对文本溢出进行省略号处理*/}</style></head><body><原创 2020-12-08 14:12:16 · 1099 阅读 · 0 评论 -
px与rem区别
一.PX特点-1. IE无法调整那些使用px作为单位的字体大小;-2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;-3. Firefox能够调整px和em,rem,但是有大部分的国产浏览器使用IE内核。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都原创 2020-12-08 14:12:51 · 508 阅读 · 0 评论 -
jdbc基础(一)表单身份验证
靠获取数据库中存放的身份消息来验证登录,创建数据库不再多说。表单验证有两种写法:1.通过servlet验证(推荐)(1)index.jsp<%@ page language=“java” contentType=“text/html; charset=utf-8”pageEncoding=“utf-8”%>< html>< head>< ...原创 2019-11-09 12:59:21 · 229 阅读 · 0 评论 -
购物车代码(servlet+jdbc+javabean)
购物车代码(servlet+jdbc+javabean)整理好思路,总体上分为构建数据库表单验证、从数据库中获取信息、将信息插入数据库三大块创建数据库共需三个数据库。有用户信息的数据库stu,商品信息的数据库good ,存放选中商品的数据库newgood代码如下1.Goods.javapackage javabean;public class Goods {private int ...原创 2019-11-09 12:37:45 · 863 阅读 · 0 评论