- 博客(62)
- 收藏
- 关注
RSS订阅原创 安装Vue-cli（包含Node.js安装及环境配置之Windows篇）
一、Node.js的安装过程及环境配置如下面文档链接https://blog.csdn.net/zhangkaidsy/article/details/86645070?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-2.control&depth_1-utm_source=distribute.pc_relevant.none-task
2021-07-09 16:51:21
403
原创 idea中配置Tomcat
再结合下面链接内容：https://jingyan.baidu.com/article/dca1fa6f0c34bcf1a4405232.html
2021-04-30 00:27:09
77
原创 练习-瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #wrap{
2020-10-25 17:54:28
95
原创 练习-用ajax做一个分页效果
效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul{
2020-10-16 16:16:29
105
原创 练习-延时的新闻展示（ajax）
后台数据：[“美国政府关门副总统却涨薪？彭斯回应：我不会接受”,“美国以倒卖军火为由逮捕一俄罗斯人 俄外交部:不是第一次了”,“新年伊始，“黄背心”重回法国街头”,"‘帕布’袭击泰国至少3人死亡 近4万游客被困旅游区",“五角大楼现离职潮？马蒂斯参谋长斯维尼宣布辞职”,“俄媒：伊朗将派军舰前往美国海岸执行任务”,"今年首场日偏食来了！天空中上演’天狗吃太阳’(图)",“外媒：英首相可能再次延后议会表决脱欧协议的日期”,"“映秀好人”离世 地震获救者赶来送他最后一程",“乒协将天津权健队改名为天津队 改名有
2020-10-15 01:03:52
156
原创 ajax的封装
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <p><
2020-10-14 21:11:25
59
原创 练习-好评系统
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.
2020-10-11 01:01:52
129
1
原创 练习-手风琴效果
要求：做一个左侧导航折叠效果效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2020-10-08 01:33:01
121
原创 练习-图片凸显效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img{ w
2020-10-08 00:09:20
183
1
原创 用jq封装元素拖拽和键盘控制元素移动的效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ w
2020-10-07 00:54:19
143
原创 练习-选项卡效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> button.active{
2020-10-07 00:31:03
104
原创 练习-返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
2020-10-06 03:56:13
86
原创 练习-判断多选框的数量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- 要求：四
2020-10-06 03:00:58
163
原创 练习-节点移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ w
2020-10-06 02:30:06
93
原创 练习-jq的遍历
要求：鼠标移动到任意li元素上时获取该元素的内容(即在控制台输出)点击页面的时候将元素的内容依次加1000<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-10-05 21:15:20
644
原创 练习——事件函数（切换div的背景颜色）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ w
2020-10-05 18:01:18
179
原创 练习-数据的切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-10-01 17:49:53
91
原创 描述Cookie和Session的作用，区别和各自的应用范围，Session工作原理。
作用：服务器可以利用Cookies或Session包含信息的任意du性来筛选并经常性维护这些信息，以判断zhi在HTTP传输中的状态。它们dao最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续。另一个重要应用场合是“购物车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies或Session，以便在最后付款时提取信息。总而言之，cookies和session就是能够记录顾客状态的技术，尽管
2020-09-21 01:36:39
1045
原创 进程和线程的联系与区别
进程和线程的区别下面的也可以看看：进程和线程的关系进程和线程的应用场景注：每个正在系统上运行的程序都是一个进程。每个进程包含一到多个线程。线程是一组指令的集合，或者是程序的特殊段，它可以在程序里独立执行。也可以把它理解为代码运行的上下文。所以线程基本上是轻量级的进程，它负责在单个程序里执行多任务。通常由操作系统负责多个线程的调度和执行。使用线程可以把占据时间长的程序中的任务放到后台去处理，程序的运行速度可能加快，在一些等待的任务实现上如用户输入、文件读写和网络收发数据等，线程就比较有用了。
2020-09-20 00:57:41
64
原创 json对象和javaScritp的区别
二者相同的地方是，看起来都是数据，而且恰巧又都是文本；不同的地方在于，JS字面量的文本是被脚本引擎直接解析的，而JSON的文本，如果要转化为JS对象的话，是交给eval函数来处理的，那么，如何理解JSON的文本，就取决于这个函数，而不是脚本引擎，因为这2者的处理根本就不在一个层面上。var obj={width:100,height:200}这样的并不叫JSON，并且JSON只是一种数据格式，并不是具体的实例对象。但很多人把这样的JS对象当成JSON。 1、JSON（JavaScript Objec
2020-09-13 11:05:41
236
原创 练习-继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-09-09 16:48:47
83
原创 练习-构造函数创建实例
要求：创建一个dog类，包含共有属性：name、age和varieties。在该类的原型对象上增加一个color属性和值，用for in 遍历对象属性，然后通过document.write输出对象的全部属性和值。效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
2020-09-06 23:51:45
177
原创 练习-匹配替换标记
要求：字符串“标题aaaaa”，通过匹配替换得到’标题aaaaa’。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con
2020-08-14 00:54:49
71
原创 练习-匹配千分符
要求：将一串数字字符串加上千分符代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2020-08-12 00:01:02
99
原创 练习-css样式转js的驼峰写法
要求：封装函数，能够将css的样式写法修改成js的驼峰写法(如background-color => backgroundColor)代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2020-08-11 23:28:39
551
原创 练习-字符串操作与正则表达式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-07 00:34:38
86
原创 鼠标滚轮事件的封装过程
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-04 23:24:01
181
原创 练习-带有惯性的小球运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-03 23:46:05
253
原创 练习-用键盘控制元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-03 18:27:02
68
原创 事件委托的封装过程
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-03 10:17:54
218
原创 封装事件监听
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-08-02 16:10:51
139
原创 练习-下拉框（冒泡问题）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-07-30 22:16:47
115
原创 练习-滚动条的使用（拖拽——模拟滚动条）
效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #wrap{
2020-07-30 13:06:14
144
原创 练习-元素拖拽过程中的碰撞检测
效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit
2020-07-29 23:56:35
133
原创 鼠标拖拽三步走
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-07-29 23:45:07
124
原创 练习-自制滚动条
效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit
2020-07-29 21:34:02
133
原创 练习-保存所有生成的彩票
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-07-27 15:32:02
88
原创 练习-带有数量限制的多选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-07-23 21:11:39
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人