2020年11月_yogur_father

原创 JS笔记节点操作实例

一.获得父节点child.parentNode二.获得子节点parent.children返回一个数组parent.firstElementChildparent.lastElementChild实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

2020-11-30 23:09:31 104

原创 JS实例鼠标点击模块实现相应页面的转换 /for循环导致变量提升的问题

在JS中如果使用var定义循环变量，会导致变量提升，也就是直接使循环变量为最后一个数所以我们使用let对循环变量定义HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

2020-11-30 20:09:20 148

原创 JS笔记获得标签中的内容处理事件获得/更改属性元素禁用

一.获得标签中的内容注：先写标签，再写JS使用document.getElementById(标签中的id名字)使用document.getElemrntsTagName(标签名)，返回一个对象数组如果有父元素，先使用getElementById(标签中的id名字)获得父元素，然后在使用上面的语句获得子元素使用document.body获得body元素，使用document.html获得html元素二.处理事件利用上述函数获得事件源（标签）触发事件过程，比如点击（on

2020-11-25 21:21:57 416

原创 JS笔记对象 argument 随机数时间数组字符串

一.创建对象使用var 对象名 { 属性1 ：“内容”，属性2 ：数字，方法名：function() { 内容 }}使用var obj = new Object();obj.name = "李四”；obj.age = 18;obj.方法名 = function() { 内容}这个使用的是=，有一说一，这个方法很傻逼构造函数function 类名(参数表) { this.属性 = 传入参数； this.方法名 = function() {

2020-11-23 20:39:12 99

原创 JS笔记输入输出数据转换运算符函数声明

一.输入使用prompt（），括号里面是提醒用户输入的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 人物表格 </title> <link r

2020-11-19 20:13:33 124 1

原创 CSS笔记行内元素居中

一.行内元素居中只要我们将行内的元素放在父盒子中然后父盒子使用text-align： center 就可以了* { padding: 0px; margin: 0px;}/* 关键 */.father { text-align: center;}.father a { display: inline-block; text-decoration: none; width: 50px; height: 50px; line-

2020-11-19 19:37:38 119

原创 CSS 笔记精灵图字体图标三角鼠标样式取消文本边框和大小图片文字水平居中文字省略显示/加滚动条

一.精灵图精灵图就是将一些小的图普安不整合到一张大的图片上到时候要使用哪个图，就从这个大的图片上面截取就行了类似于纸膜我们将背景图放在盒子中盒子显示的图一开始再图片的左上角使用background：url（） no-repeat 背景图横向移动像素背景图纵向移动像素注：是背景图移动* { padding: 0px; margin: 0px;}.father { position: relative; width: 200px; height:

2020-11-18 21:28:25 202 1

原创 CSS笔记显示和隐藏

一. display显示隐藏如果是display：none，则是隐藏，而且不保留位置如果是display：block，就是显示（除了变成块元素，也可以显示元素）二. visibility如果是visibility：visible，就是显示如果是visibility：hidden，就是隐藏，而且保留位置三. overflow他总共有四个属性值visible是默认值溢出显示...

2020-11-17 21:01:36 106

原创 CSS笔记定位

定位 = 定位模式 + 边偏移一.定位模式相对定位是相对于自己原来的位置移动，其他元素位置不变我们在第一个盒子中加入以下代码position: relative;top: 100px;left: 100px;原来红色盒子在左上角，现在出现位移...

2020-11-16 20:57:49 102

原创 CSS笔记浮动在一行中均匀放好几个盒子

一.浮动在一行中均匀放盒子使用浮动，让子盒子在父盒子里面排布，然后使用左浮动使其排列用外边距让他们之间出现空隙* { padding: 0px; margin: 0px;}.father { width: 1226px; height: 285px; background-color: red; margin: 0 auto;}.father span { width: 296px; height: 285px; b

2020-11-16 20:48:24 2140

原创 java笔记传送文件实例

代码主要注意使用文件选择器的时候，读取文件语句while((len = in.read(bytes)) > 0)，会一直卡在这个循环中，所以只能传送一次文件因此我们要在读取文件的时候，加入文件截至符：1 发送文件时，将文件截至符以byte的数据类型写入文件// 传送文件截至符 out.write("##end".getBytes() , 0, 5); // 获取字节数组2 接受文件时，我们要判断文件是否读到截至符// 判断文件是否结束String end =

2020-11-15 20:47:12 119

原创 JSP笔记登陆界面实例

登陆界面form表单中的action属性是submit提交的页面位置<%-- Created by IntelliJ IDEA. User: dell Date: 2020/10/31 Time: 13:26 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java"

2020-11-15 20:33:26 150

原创 CSS笔记盒子模型文字阴影

一.盒子模型常用属性这个属性一般是加在表格中的属性使用border注：边框border会撑大盒子如果是一个父盒子里面有个子盒子想要子盒子在父盒子的中间显示可以给父盒子设置一个边框/* 表格 */table { width: 500px; height: 249px;}table,td,th { /* 边框大小边框样式边框颜色 */ /* 边框样式 solid实线 dashed虚线 dotted 点线 */ border: 1px so

2020-11-14 11:52:52 218

原创 CSS笔记设置背景图片

一.图片大小，存放方式我们在div中存放这个图片然后再CSS中设置这个图片的样式首先存入图片，后面的 url是图片的地址，一定要写background-image: url(images/p.png);设置图片大小width: 1000px;height: 1000px;这个时候图片是平铺在盒子大小里的，是默认的设置图片存放方式①不平铺/* 不要平铺 */background-repeat: no-repeat;②横向平铺/* 横向平铺 */bac

2020-11-04 18:04:23 333

转载 java笔记 JFileChooser使用

import javax.swing.*;import javax.swing.filechooser.FileNameExtensionFilter;import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.io.File;public class test { public static void main(String[] args)

2020-11-03 17:11:17 383

原创 HTML JSP笔记在JSP中的输出改变字体大小

<%-- Created by IntelliJ IDEA. User: dell Date: 2020/10/30 Time: 22:01 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head>

2020-11-03 02:26:14 2346

原创 java笔记使用容器的sort函数

import java.util.Collection;import java.util.Collections;import java.util.Vector;class Student implements Comparable<Student>{ String name; // 名字 int score; // 成绩 Student(String name, int score) { this.name = name;

2020-11-02 00:07:52 133

转载动态规划笔记实例

力扣221这里是用遍历的方法，寻找正方形的右下角我们用 dp(i, j)dp(i,j) 表示以 (i, j)(i,j) 为右下角，且只包含 1 的正方形的边长最大值。如果我们能计算出所有 dp(i, j)dp(i,j) 的值，那么其中的最大值即为矩阵中只包含 1的正方形的边长最大值，其平方即为最大正方形的面积。加1是加自己的边长，找和自己相邻的三个位置，找最小的class Solution { public int maximalSquare(char[][] matrix) {

2020-11-01 15:56:29 82

原创 CSS笔记行元素和块元素转换

行元素不能设置大小，如span只有块元素能设置大小，如div<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 练习网 </title> <!-- &

2020-11-01 15:18:30 1025

原创 CSS笔记 CSS选择器（鼠标操作样式修改）

一.有父子类关系的可以使用标签标签 {属性}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 练习网 </title> <!-- <lin

2020-11-01 13:51:37 590

原创 CSS笔记快速生成标签

快速生成html语句生成多行一样的标签标签 * 数字div * 3父子关系大于号ul>li兄弟关系标签 + 标签div+p直接带class名字的标签.类名p.gay自增符号$p.gay$*5直接在标签内生成文字标签{}p{内容}...

2020-11-01 13:28:51 368

原创 CSS实例简单案例

CSS文件注意改变图片的样式时，是要加给图片所在的标签比如p/* 整体 */body { font: 16px/28px "Microsoft YaHei";}/* 大标题 */h1 { font-weight: 600; text-align: center;}/* 连接a */a { text-decoration: none;}/* 时间来源 */.scor { font-size: 12px; text-align:

2020-11-01 13:17:04 2035

原创 CSS笔记类的使用

使用标签<style> </style>在<title>下面在这个style中可以定义类也可以直接定义标签一.定义标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2020-11-01 12:02:37 111 1

yogur_father的博客