.眠北.-优快云博客

原创【Web】0基础学Web—ajax、原生js实现ajax—get、原生js实现ajax—post、原生js实现fetch、jquery实现ajax、axios实现ajax

0基础学Web—ajax、原生js实现ajax—get、原生js实现ajax—post、原生js实现fetch、jquery实现ajax、axios实现ajaxajax请求状态码http实现方式原生js原生js的fetchjquery实现axios实现（目前最流行）原生js实现ajax—get原生js实现ajax—post原生js实现fetchjquery实现ajaxaxios实现ajaxajaxAjax是一种用于创建异步web应用程序的技术，通过JavaScript和XML或JSON的组合实现数据的异

2025-01-16 19:19:14 1379 1

原创【Web】0基础学Web—jQuery、jQuery遍历、jQuery样式设置、jQuery操作属性、jQuery操作节点、jQuery事件

奇酷

2025-01-15 19:05:42 940 1

原创【Web】0基础学Web—js模块导入、本地存储、cookie

sessionStorage和localStorage方法一样。localStorage: 永久存储,除非手动删除,浏览器。sessionStorage：关闭窗口,内容失效,浏览器。import 变量 from 模块名默认导入。export default 变量默认导出。import {变量,变量} from 模块名。max-age=10'不设置过期时间,关闭浏览器,内容失效。// expire:过期时间时间点。设置过期时间，内容超过过期时间失效。// max-age：秒。

2025-01-14 21:31:49 504

原创【Web】0基础学Web—图片懒加载案例、方块跟随鼠标指针拖拽案例、放大镜案例

/ 距离父元素顶部偏移量-滚动距离=父元素的可视高度。//鼠标在浏览器内坐标-方块的坐标=鼠标在方块内的坐标。原图宽高比例=缩略图宽高比例=放大镜宽高比例。原图与缩略图倍数比例=大放大镜与小放大镜比例。小放大镜移动方向与原图移动方向相反，原图移动距离=-小放大镜移动距离。// 计算移动距离(left)大放大镜:960*600。//大图反方向移动3倍。/* 小放大镜 *//* 默认隐藏 *//* 大放大镜 *//* 默认隐藏 */

2025-01-13 20:09:47 1064

原创【Web】0基础学Web—鼠标事件、键盘事件、表单事件、元素距离、元素位置

/ 通过js设置的样式为行内样式，.style也只能获取行内样式。//clientWidth=内容宽度+padding宽高。如果祖先元素有定位，相对最近的定位的祖先元素的偏移量。//获取元素距离父元素的顶部的高度，不受滚动条影响。//offsetWidth=整个控件的宽度。如果祖先元素没有定位，相对于浏览器的偏移量。//可以通过js提供的先关距离属性获取。//获取元素的滚动距离。

2025-01-10 16:26:15 533

原创【Web】0基础学Web—事件对象、事件委托（事件代理）——星级评论案例

/事件代理实现星级评论。

2025-01-08 19:07:55 1173

原创【Web】0基础学Web—节点操作、发表神评妙论、事件添加和移除、事件冒泡和事件捕获

删除

2025-01-07 19:07:11 1190

原创【Web】0基础学Web—tab切换、全选与反选、购物车

0基础学Web—tab切换、全选与反选、购物车teb切换style样式代码全选与反选事件购物车teb切换style样式<style> .tabs { display: flex; justify-content: space-between } .main { width: 800px; margin: 0 auto } .active { background-colo

2025-01-06 20:22:16 1366

原创【Web】0基础学Web—dom选择器、dom层次获取、操作节点内容、dom操作样式、dom操作属性

百度</a><a href='#'>京东张三

2025-01-04 09:33:56 824

原创【Web】0基础学Web—prototype、原型应用、Date格式化、window、history、窗口打开与关闭、窗口移动、window事件

/绝对路径 http://127.0.0.1:5500/js/2-BOM/1.window%E5%B1%9E%E6%80%A7.html。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。每一个构造函数都有一个属性prototype，他的值是一个对象，提供了与浏览器交互的接口对象，这个对象是window。//this 指代当前对象，谁调用指谁。//this 指代当前对象，谁调用指谁。//浏览器窗口的内部宽高（包裹滚动条）//判断是那种类型的浏览器。

2025-01-02 19:07:30 786

原创【Web】0基础学Web—正则、字符串验证正则、字符串替换

倒数第二个参数：匹配字符串的对应索引位置 $n+1。中间的参数：如果正则使用了分组匹配就为多个$1,//将所有数字替换为 w ，注意加全局匹配。exec(str)：随游标的移动进行检测。test(str)：返回bool类型。第一个参数：匹配到的字符串 $0。最后一个参数：原始字符串 $n+2。//1.test返回bool。//2.通过游标移动获取。//RegExp方法。

2024-12-30 19:47:17 1322

原创【Web】0基础学Web—js类和对象、json、js对象解构、js对象遍历、js深浅拷贝

js访问对象：mary[‘name’], mary.name。//this=new Object() 隐式生成。JSON.stringify(js数据结构)JSON.parse(json字符串)// return this 隐式返回。如果key和val变量名相同,可以省略。//where 第二层不受影响。//where 第二层受影响。//this指代当前对向。//1 第一层不受影响。

2024-12-28 11:14:21 980

原创【Web】0基础学Web—数组创建、数组遍历、数组增删改查、数组方法

/console.log(arr.fill(0,1,3)) //填充，原数组改变。//console.log(arr.reverse()) //数组翻转,原数组变化。// [10,20,30,40] 左移2位 [30,40,10,20]// arr.sort((a,b)=>a-b) //默认升序。// reduce((返回结果,item)=>{},初始值)// 转换为字符串19,23,18,45,36,23。// arr.sort() //默认升序。ary) //展开运算符。

2024-12-23 20:16:15 918

原创【Web】0基础学Web—随机颜色、数学对象、日期及方法、定时器、倒计时

/随机[m,n] parseInt(Math.random()*(m-n+1))+m。// clearInterval(id) //停止计时器。// console.log(s) //637657296毫秒。// 输出：2021-10-01 00:00:00。// 输出例如 "2023-04-10"// 输出例如 "2023-04-10"//1733292972998 秒。// //停止条件。//随机[0-10]小数。//随机[5-15]小数。//随机[8-26]小数。

2024-12-21 21:24:46 710

原创【Web】0基础学Web—函数、箭头函数、函数闭包、函数参数、js作用域、字符串

0基础学Web—函数、箭头函数、函数闭包、函数参数、js作用域、字符串函数函数声明函数调用函数事件调用函数匿名函数立即执行函数箭头函数函数闭包函数参数js作用域字符串字符串创建字符串方法字符串拼接字符串截取去除字符串首尾空格遍历其他函数function 函数名(形参){函数体return val //只能return一个值}函数声明<script>function add(a, b) { return a + b}let a = 10, b = 20let c

2024-12-19 17:17:32 960

原创【Web】0基础学Web—js运算符、选择结构、循环结构

比较运算符： > 、 >=、 < 、 <=、 == 、!= 、 === 、!位运算符: &(位与) |(位或) ^(异或) ~(位非)do{} while(i<5): 先执行后判断，至少执行一次。while(i<5){}：先判断后执行,可能一次也不执行。赋值运算符: = += -= *= /= %=// let score = prompt('请输。// ===比较的是类型和内容。位移运算符: >> <<if(条件){}else{}else if(条件){}

2024-12-17 20:16:09 779

原创【Web】0基础学Web—js引入方式、输出方式、变量声明、数据类型转换、运算符、选择结构

const 常量，值不能修改，不可以重复声明，块级作用域，变量声明不会自动提升。转换为float:*1 Number() parsefloat()var可以重复声明，函数级别的作用域，变量声明会自动提升到最前方。转换为int: *1 Number() parseInt()字母、数字、下划线、$组成，不以数字开头，不能是关键字和保留字。let不可以重复声明，块级作用域，变量声明不会自动提升。//用户输入框 prompt(提示,默认值)无畏是青春的态度，热AI是时代的脉搏。//声明常量，不可以修改。

2024-12-16 19:03:25 1002 1

原创【Web】0基础学Web—浮动、浮动塌陷、层级、margin父子传递、表单高级特性

浮动元素会脱标，层级提高，会覆盖下边块级元素，不覆盖行级元素。浮动元素向一边移动，直到遇到父元素边缘或另一浮动元素边缘。/* 2.给父元素设置 overflow:hidden *//* 元素伪类选择器: a:link-a:hover *//* 1.设置高度(前提是高度确定) */如果子元素和父元素的上边框或下边框重叠，/* 去掉textarea缩放按钮 *//* 去掉input自带边框 */2.给父元素加padding。/* 选择聚焦的input *//* 3.伪元素消除 *//* 去掉聚焦后边框 */

2024-12-13 14:35:03 964

原创【Web】0基础学Web—2d变换、透视、反转卡片、动画、步进动画、行走的僵尸案例

* 动画:动画名称动画时间动画效果延迟时间播放次数 direction fill-mode */alternate-reverse:从最后一帧开始执行允许反向。动画效果:与过渡一致:linear ease ease-in…/* 过渡:过渡属性过渡时间过渡效果延迟时间 *//* 过渡:过渡属性过渡时间过渡效果延迟时间 *//* 关键帧 @keyframes 动画名称 */ease:速度变慢，默认值。/* 缩放 scale 默认宽高*//* 旋转 rotate 默认Z轴*/

2024-12-11 14:40:53 624

原创【Web】0基础学Web—背景渐变和文本溢出、精灵图、音视频、定位、二级列表

来实现，并可以在 top、bottom、left 或 right 属性中指定相应的值，表示元素在满足触发条件时固定在距离指定边距的位置，实现吸附效果。rgba(0-255,0-255,0-255,0-1): 不影响文本。脱离标准文档流: 层级提高，脱标的元素都有行内块相似特性。相对于 <最近的> <已经定位的祖先元素>，/* 一级li悬浮二级ul显示 *//* 一级li悬浮改变字体颜色 *//* 高度必须和多行的行高一致 *//* 一级悬浮，背景改为灰色 */./imgs/京东精灵图.png。

2024-12-05 20:04:09 941

原创【Web】0基础学Web—盒子模型、自带内外边距的标签、圆角边框、继承和权重、边框重叠、弹性布局、背景样式

元素的宽度 = width(内容) + padding + border + margin。元素的宽度 = width(padding,border,内容) + margin。边框: border-方向: 粗细线类型颜色。行内: 1,0,0,0 1000。/* 外边距:margin: 上右下左*//* 边框制作三角形 ,transparent透明*/标签: 0,0,0,1 1。继承、* : 0,0,0,0 0。

2024-12-03 20:33:09 965

原创【Web】0基础学Web—css引入方式、基本选择器、层级选择器、字体样式、图片vertical、标签分类、高级选择器

行内块(img input):不换行，宽度由内容撑开，,可以设置宽高。line-through:删除线。行内元素(span a):不换行，宽度由内容撑开，设置宽高无效。E>F: last-of-type(2n+1) 奇数。/* 文本阴影： x y 模糊半径阴影颜色 *//* 综合设置：风格粗细大小类型 *//* 伪元素选择器:通过css设置结构 *//* 选择list下方的第一个p元素 *//* 首行缩进，1em=1个字号大小 *//* 行高=上间距+字体高度+下间距 */

2024-11-30 09:23:56 865

原创【Web】0基础学Web—html基本骨架、语义化标签、非语义化标签、列表、表格、表单

定义列表使用标签定义，包含术语（术语描述项）和描述（术语定义项）。术语使用标签表示，描述使用标签表示。< dl > < dt > 水果 < dd > 香蕉 < dd > 苹果 < dd > 橘子 < dt > 蔬菜 < dd > 菠菜 < dd > 荠菜 < dd > 白菜

2024-11-29 19:22:38 1615

原创【Python】0基础学Python——进程创建，进程通信，TCP服务器和客户端，服务端与客户端聊天案例，python动态性

os.getpid()：获取进程编号os.getppid()：获取父进程编号p.name()：获取进程名import osprint(os.getpid(), os.getppid(), a + b) # 7568 4168 30 (ID不唯一)# 创建子进程p.start()# os.getpid() -> 获取当前进程ID# os.getppid() -> 获取当前进程父进程的ID。

2024-11-23 09:11:02 807

原创【Python】0基础学Python——进程和线程、线程特点、协程、线程卖票案例

例如，如果两个线程分别持有另一个线程需要的锁，它们会相互等待对方释放锁，导致死锁‌。RLock解决了Lock可能导致的死锁问题，因为它允许同一线程多次获取锁而不阻塞其他线程‌。Lock在锁定时不属于任何一个线程，可以在一个线程中上锁，在另一个线程中解锁‌。线程同步: 一个线程做完事，另一个再做，保证任务的原子性。线程同步: 一个线程做完事，另一个再做，保证任务的原子性。asyncio.sleep() 是异步非阻塞的，RLock是重入锁，允许同一个线程多次获取锁。正在运行的应用程序(软件)，比如QQ，微信。

2024-11-21 19:01:44 938

原创【Python】0基础学Python——函数参数传递、函数细分、类的信息、元类、自定义元类、pickle序列化、序列化升级

函数；类；元类；pickle；

2024-11-19 19:17:38 585

原创【Python】0基础学Python——字符串编码、base64编码、不可逆加密、公私钥存储、公钥加密私钥解密、签名和认证、函数标注类型

数字签名 (私钥签名) : 数据在互联网中进行传输的时候，可能会被恶意软件、黑客等抓包、伪造等攻击。运行结束后，在同级目录下即可看到public.pem和private.pem，且private.pem比public.pem长。由于ascii码的128～255之间的值是不可见字符，base64编码可以避免不可见字符的传输错误。不可逆加密: 不能解密，采用的是hash算法例如，MD5，SHA256等。非对称加密: 公钥加密，私钥解密例如，RSA等。在gbk中，一个汉字是占 2个字节。

2024-11-18 19:15:03 1443

原创【Python】0基础学Python——正则表达式、re模块函数、flags、zip函数、身份证算法

包括了正则的match、search、findall、sub、subn、flags和zip函数，身份证算法。

2024-11-16 14:39:36 957

原创【Python】0基础学Python——os模块、path模块、文件读写、csv模块、文件copy、csv与excel转换

print(os.path.basename(r'E:\python2410\pythonProject-01\day13\07path模块.py')) # 07path模块.py。

2024-11-13 21:40:35 562

原创【Python】0基础学Python——time模块、datetime模块、json模块、持久化存储列表

json.dump(数据结构,f, ensure_ascii=False) 直接序列化到文件。json.dumps(数据结构, ensure_ascii=False)json.load(f) 取出数据并转换为python数据结构。“[{‘name’:‘张三’,‘age’:20}]”字符串不能直接相减，先将字符串转换为日期类型。向文件读写,只能以字符串或字节流的方式。将python数据结构转换为字符串。将字符串转换为python数据结构。

2024-11-12 17:45:48 681

原创【Python】0基础学Python——模块引入、包、数学模块、turtle海龟绘图

turtle.write(s[,font=(“font-name”,font_size,“font_type”)]) 写文本，s为文本内容，font是字体的参数，里面分别为字体名称，大小和类型；turtle.clear() 清空turtle窗口，但是turtle的位置和状态不会改变。turtle.circle() 画圆,半径为正(负),表示圆心在画笔的左边(右边)画圆。turtle.pendown() 移动时绘制图形,缺省时也为绘制。turtle.goto(x,y) 将画笔移动到坐标为x,y的位置。

2024-11-11 19:35:46 1082

空空如也

空空如也