TomKing9-优快云博客

自己的一点思考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2022-04-09 17:23:15 213

原创 JavaWeb学习

JavaWeb学习前言：学习JSP的原因？因为论文中要用到，我本来论文的选题是基于Web的小区管理系统的设计与实现。老师给的任务书里面基于的是JSP技术。本来我目前的工作方向是前端，因此我想改为koa2框架，用node语言进行开发而不是Java语言。但是我找老师说的时候老师说已经不能改了。因此提醒广大同学们毕设选题有想进行更改的一定要尽早考虑尽早说。因为它前一阶段的成果提交上去了在后一阶段是没有办法更改的。呜呜呜（暴风哭泣）~但是梦想是做全栈工程师搭建自己的网站，因此这也是学习后端的一个机会吧。给

2022-03-15 15:52:51 467

原创 JSP学习

JSP学习jsp是什么？Java server pages。 Java 服务器端页面。是在服务器端执行的实现了在 Java 当中使用HTML 标签技术特点：Java平台，安全性高，适合开发大型的，企业级的 Web应用程序基础语法jsp指令page指令通常位于jsp页面的顶端，同一个页面可以有多个page 指令<%@ page language="java" contentType="text/html; charset=utf-8" %>属性作

2022-03-15 15:39:10 1249 1

原创 Jsp 案例：商品浏览记录

Jsp 案例：商品浏览记录采用Model1（Jsp+Javabean）实现实现DBHelper类：操作数据库创建实体类创建业务逻辑类（DAO）创建页面层功能说明项目分为商品展示页面和商品详情页面，其中商详情页面显示浏览过的商品，如果商品大于5条。则只显示最近的5条。如何把浏览记录保存在cookie中把每次浏览的商品编号保存在字符串中，编号和编号之间用分隔符分隔，每次取出前五条记录。代码仓库：代码仓库...

2022-03-15 15:37:47 1430

原创组件通讯之自定义事件通讯

组件通讯之自定义事件通讯实现兄弟组件之间的通讯vue实例具有自定义事件的能力import Vue from 'vue'export default new Vue()绑定自定义事件mounted() { event.$on('onAddTitle', this.addTitleHander) },触发自定义事件 event.$emit('onAddTitle', this.title)即使解绑自定义事件，否则容易造成内存泄漏，因为它一直是绑定在vue实例里

2021-12-30 19:22:05 509

原创计算属性computed 和侦听器watch

计算属性computed 和侦听器watchcomputedcomputed有get（）和set（）方法 -get 用来从依赖数据计算获取属性的值。 -set 用来设置依赖数据的值。默认只有get方法当相关依赖的值改变时，触发get方法。当计算属性的值改变时，触发set方法。否则缓存起来。computed的值不可以在data中定义和赋值。只能够通过get计算获得computed 无法支持异步操作，当有异步操作时computed无效watch 可以支持异步操作w

2021-12-30 19:09:36 439

原创手写节流以及节流和防抖的不同之处

const div1 = document.getElementById('div1') // 节流函数 function throttle (fn, delay = 100) { let timer = null return function () { if (timer) { return } timer = setTimeout(() => { //这里的关键就是使用箭头函数没有this 和argu.

2021-12-22 14:32:43 204

原创手写防抖debounce

const input1 = document.getElementById('input1') function debounce (fn, delay = 500) { let timer = null return function () { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this,argum

2021-12-22 14:29:19 114

原创 ajax手写post请求

const xhr = new XMLHttpRequest()xhr.open('POST', './data/test.json', false)xhr.onreadystatechange = () => { console.log(xhr.readyState) if (xhr.readyState === 4) { if (xhr.status === 200) { console.log(JSON.parse(xhr.responseText))

2021-12-22 14:27:32 157

原创手写ajax的GET请求

代码如下：const xhr = new XMLHttpRequestxhr.open('GET', './data/test.json', true)xhr.send(null)xhr.onreadystatechange = () => { console.log(xhr.readyState) if (xhr.readyState === 4) { if (xhr.status === 200) { console.log(JSON.parse(xhr.

2021-12-22 14:26:28 134

原创字符串大小写互相转化算法

实现大写转小写，小写会转大写。下面是代码const exchange = (str) => { for (let i = 0; i < str.length; i++) { if ( str[i] === str[i].toLowerCase()) { str[i] = str[i].toUpperCase() } else { str[i] = str[i].toLowerCase() } } return str}..

2021-12-19 14:48:29 394 1

原创算法-排序-快速排序

const quick_sort = (arr, l, r) => { if (l >= r) return let left = l, right = r let pivot = arr[left] while (left < right) { while (left < right && arr[right] >= pivot) { //每一步涉及到左右指针的加减都需要保证作指针小于右指针 right-- }

2021-12-17 11:58:45 241

原创算法-排序-冒泡排序

let arr = [2, 3, 8, 6, 2, 4]for(let i = 0; i < arr.length-1; i++) { for(let j = 0; j < arr.length-1-i; j++) { //从前往后排，每次会冒出来最大的那个数。最后把所有的数都冒一遍 if (arr[j] > arr[j+1]) { const temp = arr[j] arr[j] = arr[j+1] arr[j+1] = temp

2021-12-17 11:56:36 221

原创创建事件绑定函数

是同时能用于普通和代理绑定的事件绑定函数，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-12-08 12:05:09 480

原创点击弹出对应标签的序号

先上代码let i, afor (i = 0; i < 10; i++) { a = document.createElement('li') a.innerHTML = i + 1 a.i = i a.addEventListener('click', function (e) { //这个地方不能用箭头函数，否则this会变成Window e.preventDefault() //取消默认事件 console.log(e,this) alert(thi

2021-11-27 16:59:24 593

原创手写jQuery

class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) const length = result.length for (let i = 0; i < length; i++) { this[i] = result[i] } this.length = length this.sel

2021-11-27 16:11:49 193

原创 CSS画骰子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt

2021-11-21 22:00:14 175

原创手写深拷贝

function deepClone(obj = {}) { //递归结束的条件只要递归递到值类型就返回 if (typeof obj !== 'object' || obj == null) return obj //初始化返回结果 let result if(obj instanceof Array) result = [] else result = {} //遍历递归调用复制树根 for (let i in obj) { if (obj.hasOwn

2021-11-21 16:23:20 208

原创 Linux网络配置

Linux网络配置如何修改主机名vim /etc/sysconfig/network如何配置虚拟机的静态IP网络onboot是是否默认开机打开网关DNS是Google家的dns服务器BOOTPROTO是设置网络的模式，static是静态。dchp是动态分配IP并且记得运行rm －rf /etc/udev/rules.d/70-persistent-net.rules命令来删除mac地址和网卡的关联最后输入 service network restart 重启网卡让网卡设置生效，

2021-10-19 23:01:02 157

原创我的linux目录结构

我的linux目录结构源码和环境目录/app装了node环境和nginx部署服务器/usr/software装了Java虚拟机环境软件安装目录/usr/local/nginx装了nginx软件/root/apps/travel/root/apps/travel装了travel项目

2021-10-19 22:58:56 78

原创 count加法器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-07-13 09:15:55 211

原创 counter求和功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-07-13 07:16:01 236

原创圣杯布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-05-21 09:34:19 91

原创箱形图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-21 08:20:13 166

原创双飞翼布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-21 08:18:53 104

原创轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-21 08:17:54 105

原创浮动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.

2021-05-21 08:16:24 109

原创 div跟随键盘移动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-05-13 14:54:08 227

原创事件 div跟随鼠标移动功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-05-13 14:25:10 132

原创阅读并同意功能

功能描述：滚到底才可以同意并注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-05-12 16:40:00 2040

原创添加和删除表单记录功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-05-11 15:50:11 232

空空如也

一个关于异步的业务难题

class 和 function 的实例化对象的区别

异步编程的问题根据url返回页面

js的if会形成作用域吗？

为什么输出未定义的键是undefined，输出未定义的变量却是会报错呢

为什么Ajax请求监听的onreadystatechange函数触发是从2开始的而不是从1开始的

js单线程如何实现异步加载？

charCodeAt(0)为什么直接把字符串'JavaScripts 中国'遍历了一边？

报错SyntaxError: Unexpected end of input

js 构造函数中方法中点调用函数的问题