- 博客(28)
- 收藏
- 关注
RSS订阅原创 每日一题 6.18
题目答案D解析class类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。freedie中并没有继承类Chameleon中的colorchange，因此会显示TypeError...
2021-06-20 10:38:46
112
原创 数组扁平化
数组扁平化是指将一个多维数组变为一个一维数组解决方案：1.flat()函数函数提供了将一组数组项串联成一个全新的数组并在函数完成后返回新数组的能力。由于这个函数产生了一个全新的数组，所以一旦函数完成操作后，任何包含在原始数组中的现有的、完全独立的数组都不会被改变。flat(深度) 函数仅采用一个参数即深度，该参数是可选的。如果原始数组包含一个或多个嵌套数组结构，则此参数决定函数将多少数组层压扁为单个层。由于该参数是可选的，所以它的默认值为 1，并且在函数完成时，只有单层数组将被平展到返回的
2021-06-18 10:56:37
325
原创 每日一题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
120
原创 每日一题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
原创 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
102
原创 每日一题6.15
题目答案D解析let 和 var 的第二点不同是，在变量声明之前就访问变量的话，会直接提示 ReferenceError，而不像 var 那样使用默认值 undefined:var 存在变量提升，而 let，const（后面会提及）声明的变量却不存在变量提升，所以用 let 定义的变量一定要在声明后再使用，否则会报错。...
2021-06-15 15:56:22
56
原创 实现拖拽效果
原理图实现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
原创 每日一题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
78
原创 js原生动画
1 JS动画原理1.1 物体匀速运动<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
2021-03-28 11:40:44
149
原创 cookie基本操作
HTTP:超文本传输协议，用于从web服务器传输超文本到本地浏览器的传输协议，它是一个无状态的协议。cookie ∶是指缓存在本地客户端的数据1.cookie的基本操作cookie基本操作包括增、删、改、查四个部分（1）查询// 查询cookieconsole.log(document.cookie)// 设置cookiedocument.cookie="username=hello"效果：（2）增// 设置cookieusername和时间var odate=new Dat
2021-03-16 12:19:26
2102
转载 为什么使用window.onload()
<script>var odiv=document.getElementById("div1") odiv.parentNode.removeChild(odiv) </script> <p>11111</p><p>22222</p><h1>世界那么大</h1><div id="div1">div</div>效果：刚开始想删除节点，但运行后没反应，检.
2021-03-14 11:52:03
410
原创 鼠标放在指定位置上光标形状发生变化
CSS cursor 属性<span style="cursor:auto">默认浏览器设置的光标</span><span style="cursor:crosshair">光标呈现为十字线</span><span style="cursor:default">Default</span><span style="cursor:pointer">光标呈现为指示链接的指针（一只手）</span><s
2021-03-04 13:57:53
438
2
原创 border绘制三角形
border: 元素的边框，实际上border是由三角形组合而成，并不是矩形。transparent:设为透明。1.边框设置不同的背景色<style> div { width: 0; height: 0; border-top: 20px solid lightblue; border-left: 20px solid lawngreen; border-right: 20px solid light
2021-03-04 11:01:32
307
1
原创 a标签伪类选择器（link、visited、active、hover）
a 表示所有状态下的连接 如 a{color:red}a:link：未访问链接 ,如 a:link {color:blue}a:visited(设置样式后，默认显示)：已访问链接 ,如 a:visited{color:blue}a:active：激活时（链接获得焦点时）链接的颜色 ,如a:active{color:blue}a:hover：鼠标移到链接上时 ,如a:hover {color:blue}...
2021-03-03 17:48:25
693
1
原创 VUE学习笔记
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-03-01 14:57:39
179
原创 点击按钮效果（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
1165
原创 设置半透明背景色
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
189
原创 ＜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
13186
原创 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
501
原创 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
1091
原创 设置阴影
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
121
原创 css预处理器
CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是==“用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用”。==常用的CSS 预处理器有哪些：.SASS:基于Ruby，通过服务端处理，功能强大。解析效率高。需要学习Ruby语言，上手难度高于LESS。. LESS:基于NodeJS，通过客户端处理，使用简单。
2020-12-08 14:11:22
78
原创 UI框架
Ant-Design：阿里巴巴出品，基于React 的U框架ElementUl、ixiew、ice ：饿了么出品，基于Vue 的UI框架.Bootstrap： Twitter推出的一个用于前端开发的开源工具包.AmazeUI：又叫“妹子UI”，一款HTML5 跨屏前端框架...
2020-12-08 14:10:44
84
原创 js笔记详细（持续更新）
前期知识js框架jQuery:JavaScript库，优点是简化了DOM操作，缺点是 DOM操作太频繁，影响前端性能;在前端眼里使用它仅仅是为了兼容IE6、7、8;Angular: Google 收购的前端框架，由一群Java程序员开发，其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念，与微软合作，采用TypeScript语法开发;对后台程序员友好，对前端程序员不太友好;最大的缺点是版本迭代不合理(如:1代->2代，除了名字，基本就是两个东西)React: Facebook出品，
2020-12-08 14:07:03
641
原创 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
227
原创 购物车代码（servlet+jdbc+javabean）
购物车代码（servlet+jdbc+javabean）整理好思路，总体上分为构建数据库表单验证、从数据库中获取信息、将信息插入数据库三大块创建数据库共需三个数据库。有用户信息的数据库stu，商品信息的数据库good ，存放选中商品的数据库newgood代码如下1.Goods.javapackage javabean;public class Goods {private int ...
2019-11-09 12:37:45
860
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人