自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 python连接mysql,并整理(去哪儿网)页面数据到表

本地安装mysql数据库,安装图形化工具navicat。##引入requests/pymysql模块。

2024-05-21 14:20:50 216

原创 【无标题】小说榜单书目数据的爬取,并存入json文件以及Excel表格

实现功能点描述:获取页面榜单数据字符串,并转成json格式,剥离作者、标题、书目类型、书目标签、书目简介等字段信息;如果引入报错,可能是没有安装对应模块:pip install re/json/requests。##请求网址:https://www.xxsy.net/rank(潇湘书院)引入模块包括re、json、requests。数据格式整理成键值对格式,写入excel表格。实现功能点描述:读取json文件数据。

2024-05-17 12:53:52 225

原创 react项目同一界面不同组件间的请求方法执行顺序问题

【代码】react项目同一界面不同组件间的请求方法执行顺序问题。

2023-03-03 10:39:44 465

原创 10天学完React——03、组件之间的props通信

各个组件之间进行页面交互渲染的时候,经常需要实现state数据传值,以及不同组件之间函数的调用props将作为组件之间交互的桥梁// 1 导入reactimport React from 'react'import ReactDOM from 'react-dom'/* 接收数据 */class Hello extends React.Component{ render(){ console.log('接收到的值:' + this.props) r

2022-08-06 07:35:42 340

原创 10天学完React——01、react概述和脚手架使用

如何高效,快捷,方便的把服务器后端丢过来的数据,丰富的展现在界面上。不管是老早的jQuery, 到现在的Vue, React, 以及Argular, 都是如此,框架和框架的差异,无非是设计思想不一样,组件不一样,数据流动不一样,但本质没变。react在2013年被facebook开源,之后这门前端语言的发展就一直很迅猛,很多的统计数据表明,在所有的前端语言当中,React的市场占有率是排在第一的位置的。虚拟DOM帮助我们解决了跨浏览器问题,它为我们提供了标准化的API,甚至在IE8中都是没问题的。.....

2022-08-05 16:10:36 765

原创 react渲染评论列表

—功能完善(发表评论后清空表单数据,若表单值为空则不发表,alert提示消息)——将value值添加至state列表数据中,setState更新状态。npxcreate-react-app——利用受控组件获取输入的表单元素value。2,删除App.js原生App组件代码。——初始化state列表数据。1,创建新的react应用。app.css样式表所示。...

2022-07-26 15:45:27 265

原创 Java_13 JDBC连接数据库查找user表中信息

1、sqlYog中创建一个user表,插入测试数据;USE jdbcstudy;CREATE TABLE users(id INT PRIMARY KEY,NAME VARCHAR(40),PASSWORD VARCHAR(40),email VARCHAR(60),birthday DATE);INSERT INTO users(id,NAME,PASSWORD,email,birthday)VALUES(1,'zhansan','123456','zs@sina.com','1

2022-04-16 15:47:45 628

原创 关于vue组件引用外部Js数值和方法出现的问题

——assets/js中创建一个js文件用于存放测试数据为testData.js const list = [ { "id": "9787112071661", "isbn": "978-7-112-07166-1", "lb": "sm", "title": "建筑工程基础知识", "author": [ "赵研" ], "authors": "赵研",

2022-02-25 09:43:11 1820

原创 java_12 StringDemo用户登录

已知用户名和密码,请用程序模拟用户登录,总共给三次机会,登录之后给出相应提示____实现过程:1、定义两个字符串分别作为已知的用户名和密码;2、使用Scanner实现键盘录入登录的用户名和密码;3、可通过equals()方法来比较字符串内容是否相同;4、通过for循环来比较每次输入的是否正确;public class isLogin(){ public static void main(String[] args) { //定义已知的用户名和密码 Stri

2022-02-02 14:21:07 383

原创 java_11 String字符串类型

String 类代表字符串,Java 程序中的所有字符串文字(例如“abc”)都被实现为此类的实例。也就是说,Java 程序中所有的双引号字符串,都是 String 类的对象。String 类在 java.lang 包下,所以使用的时候不需要导包!——字符串创建的两种方式1、通过构造方法创建2、通过直接赋值创建public class StringDemo1(){public static void main(String[] args){ String s1 = new String();

2022-02-02 13:58:11 576

原创 java_10 数组的静态初始化及数组常见操作问题

1、静态初始化:——指在创建数组时,直接将元素确定——基本格式:数据类型 [ ] 数组名 = new 数据类型[ ]{元素1,元素2,……}——demo:public class ArrayDemo { public static void main(String[] args) { //定义数组 int[] arr = {1, 2, 3}; //输出数组名 System.out.println(arr);

2021-02-19 23:42:23 272 1

原创 java_09:数组

1、数组:——存储固定长度数据的容器。——定义格式:1、int [] arr;2、double [] arr;3、int arr[],4、double arr[];——数组的动态初始化:只给定数组的长度,由系统给出默认初始值。书写格式:数据类型 [] 数组名 = new 数据类型[数组长度]int [] arr = new int [5]等号左边:int:代表数据类型[]:代表这是一个数组arr:代表数组的名称等号右边:new:为数组开辟内存空间int:数组的数据类

2021-02-17 15:59:39 80

原创 java_08:开发工具IDEA的使用

1、idea简介:——利用java开发的专门用于开发java程序的集成开发工具,需要在JRE环境下并配置好环境变量的条件下,可极大提升开发效率,一般很多公司都用的这个来开发java.2、安装:——从官网上下载ideaIU-2017.3.2.exe,点击进入欢迎界面,如图:点击下一步即可,在下一页修改安装路径,默认的是c盘,若需要方便管理且不占用c盘大小,可在D盘新建一个文件夹:java_develop,用于安装和java开发有关的工具。3、项目结构:——安装成功过后,进入idea初始ui界面

2021-02-17 14:59:25 207

原创 java_07:Random随机数字与猜数字游戏

1、Random产生随机数——是Java提供好的API,内部提供了产生随机数的功能——使用:导包:import java.util.Random;创建对象:Random r = new Random();产生随机数:int num = r.nextInt(10);其中10代表的是范围,包括0-10但不包括10的数字——获取10个随机数;import java.util.Random;public class RandomDemo{ public static void main(S

2021-02-15 15:04:24 165

原创 java_06:跳转控制语句与循环嵌套

1、跳转控制语句:——break语句:跳出循环,结束循环——continue语句:跳出本次循环,继续下一次循环,只能在循环中使用2、循环嵌套:在循环中,继续嵌套循环。——输出一天的时间点public static void main(String[] args) { //外循环控制小时的范围,内循环控制分钟的范围 for (int hour = 0; hour < 24; hour++) { for (int minute = 0;

2021-02-15 13:55:19 205

原创 java_05:循环体结构与珠穆朗玛峰案例

1、循环:——在满足循环条件下反复执行某一段代码,直到循环条件不被满足,否则一直进行下去,形成死循环。2、for循环结构:——基本结构:for(初始化语句;条件判断语句;条件控制语句){循环体语句;}——利用for循环输出1-100;public class ForTest01 { public static void main(String[] args) { //需求:输出数据1-100 for(int i=1; i<=100; i++) { Sy

2021-02-15 13:07:51 632

原创 java_03_运算符

1、算术运算符——运算符与表达式运算符:对常量和变量进行操作的符号表达式:用运算符将常量和变量连接起来并且符合java语法的式子——运算符包括(加、减、乘、除、取余)符号表示为:+,-,*,/,%——字符的"+”操作char类型字符参与算术运算,表示的是计算机底层对应的十进制。如:char ch1 = 'a';System.out.println(ch1 + 1); // 输出98,97 + 1 = 98char ch2 = 'A';System.out.println(ch2 +

2021-02-08 04:53:47 173 1

原创 java_04_三个和尚案例与数据输入

1、java简史:——一门由美国sun公司在1995年推出的计算机语言,最初由java之父詹姆斯所开发,2009年,sun被oracle所收购2、java跨平台原理:——先由java编译器将源程序编译成class文件(字节码文件),再由java虚拟机(JVM)将字节码文件进行解释执行,所以对于windows,ios,linux平台只要安装对应版本的JVM即可实现跨平台执行。——JDK称为java开发工具,包含了java运行环境(JRE)和开发工具3、JDK的文件目录:bin:存放了JDK的各种

2021-02-05 23:02:10 367

原创 函数:万能的百宝箱

什么是函数?指封装来一段可被重复调用执行的代码块。如此便可使用大量代码块的重复使用。如何使用函数?//声明函数function 函数名(){//函数体代码}//调用函数函数名()

2020-12-14 22:28:52 422

原创 数组:一个存取数字的魔盒

数组是一组数据的集合,每个元素即是元素,元素可以是任意的数据类型;以往都是通过声明一个变量(计算机内存中声明一块存储空间)来存放一个数值,而数组则可以存放n个数值;1、数组的创建:主要有两种方式:new方法和声明数组字面量var arr = new Array();var arr = [];//创建一个新的空数组var arr = [1,"大白",true,4,5]//创建一个存放5个任意数据类型的数组2、获取数组中的数值主要通过数组的下标索引值index来获取var arr = [1,

2020-12-13 10:18:40 226

原创 移动端作业3:利用bootstrap实现响应式滑动菜单

这里只需引用bootstrap.min.css插件即可html代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>响应式滑动菜单</title>

2020-09-17 00:04:45 768

原创 利用轮播图制作简单游戏页面

<!-- 顶部连接 --> <div class="head"> <div class="nav-content middle"> <img src="img/下载.png" alt="" id="logo" /> <ul class="middle"> <li><a href="">首页</a></li> .

2020-09-03 11:20:06 445

原创 bootstarp作业一:制作分页器

html代码如下: <div id="app"> <table border="1" cellspacing="0" cellpadding="0" id="table" class="table-striped"> <tr> <th>#</th> <th>name</th> <th>age</th>

2020-09-02 14:49:46 133

原创 jquery第三章练习三(制作京东常见问题分类页面)

js代码及要求如下:$(document).ready(function () { /* 鼠标移至“联系客服”,二级菜单以”slow“速度显示;当鼠标离开时,二级菜单以“fast”速度隐藏 */ $(".menu-btn").hover( function () { $(this).next().show("slow"); }, function () { $(this).next().hide("fast"); } ); /*

2020-08-19 12:33:13 7614 1

原创 jquery第三章练习2(制作FAQ列表)

代码如下:$(document).ready(function () { //点击上箭头隐藏 $(".lastone").click(function () { $(".nav li:gt(7)").hide(); $(".nav li:eq(7)").toggleClass("up").empty(); }); //点击下箭头展开 $(".nav li:eq(7)").click(function () { $(".nav li:gt(7)").show();

2020-08-19 11:54:15 1742

原创 jquery第三章练习一(左导航特效)

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>导航特效</title> <style type="text/css"> * { margin: 0px; padding: 0px; font-size: 12px; }

2020-08-19 09:59:13 3124

原创 利用attr()设置元素属性,多种用法!

1、attr("属性")<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>attr</title> <script src="js/jque

2020-08-18 12:01:21 1334

原创 利用toggle点击显示隐藏

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>点击显示和隐藏</title> <style> #app {

2020-08-18 10:49:05 322

原创 元素拼接

点击按钮动态拼接元素function appendLi(i) { //创建li元素 let li = $(`<li>拼接li${i}</li>`); let ul = $("#list"); //ul.append(li) li.appendTo(ul);}function prependLi(i) { let li = $(`<li>拼接li${i}</li>`); let ul = $("#list"); //ul.

2020-08-15 09:41:34 389

原创 数组去重

//设置去重函数function validOnly(arr) { //定义新的数组newArr,遍历数组,将出现第一次的结果返回到新数组newArr var newArr = []; var myset = new Set(arr); //val 表示匹配的第一个元素 for (var val of myset) { //将匹配的第一个元素依次放入空数组当中 newArr.push(val); } return newArr;}//第一题的结果var co

2020-08-07 08:24:07 64

原创 利用对象原型格式化输出当前日期

Date.prototype.format = function () { let year = this.getFullYear() + "-"; let month = (this.getMonth() + 1 + "").padStart(2, "0") + "-"; let day = (this.getDate() + "").padStart(2, "0"); return year + month + day;};let now = new Date();let str

2020-08-06 15:08:09 131

原创 表单验证-----验证图片格式

这里写自定义目录标题表单验证-----验证图片格式表单验证-----验证图片格式今天在学习表单验证过程中,又学习了文件类型验证,主要验证文件的格式、大小等属性,方便表单提交。在使用验证的过程中,get到了一个重要的test()方法,主要用来验证对象中是否含有某字符或数字,例如object.test(String),即验证对象中是否含有字符串。具体代码如下:/** * 10、验证图片 必须图片格式,<=3M * @returns {boolean} */function validPic()

2020-07-28 09:33:03 360

原创 两种简单方法写出那波菲契数列

两种简单方法写出那波菲契数列那波非切数列:1,1,2,3,5,8,13…………即任意一项的数值等于前两项之和arr[i]=arr[I-1]+arr[I-2]第一种方法可以使用递归函数写://利用递归函数求斐波那契数列function fib(n){ //第一项和第二项的值是1 if(n==1||n==2){ return 1 } //其他项的值 return fib(n-1)+fib(n-2)}第二种方法可用循环结构写:先定义第一项和第二项都是1;从第二项开始向后不断更

2020-07-16 19:39:58 651

原创 利用js制作动态小时钟

利用js制作动态小时钟在学完Date()函数之后,可以用来与CSS结合制作一个能转动的时钟。新建html文件,写好基本结构,代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Clock</title> <style> #box{width: 600px; height: 600px; backg

2020-07-14 15:47:01 448

原创 利用js实现邮箱账号验证

利用js实现邮箱账号验证要求:账号要求有一个@,且不能出现在首尾位置,否则提示输入错误新建html和js文件在js中写入代码,其中引用了开头函数startsWith和结尾函数endsWithfunction emailTest(){ let str = prompt("请输入邮箱账号:") console.log(str) let arr = str.split("") let count=0 //遍历数组 arr.forEach(function(item){ if(item ==

2020-07-14 11:31:30 1048

原创 利用js实现多个复选框反选或全选

利用js实现多个复选框反选或全选在表单里面有时会出现多个复选框,一个个地选不是很方便,可通过一个按钮进行快速选择,使用更方便。通过一个简单的demo实现这一功能。step1.创建项目文件夹,命名为demos.step2.在文件夹中创建html文件,命名为demo-1.html。并写好基本的结构代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></ti

2020-07-08 13:27:25 915

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除