Artistdreamer-优快云博客

原创 VUE（仿今日头条项目）【1】封装axios函数与封装接口方法（async和await）

项目

2022-09-03 17:13:58 833

将鼠标移动过程中的值动态的赋给拖拽框的left和top，拖拽框不断变化，看起来就相当于拖拽框跟着鼠标不停移动第一步：先求出鼠标在盒子中的位置第二步：由于是拖拽过程动态变化（pageX与pageY是动态变化的)，应使用style改变移动的left与topdiv.style.left = e.pageX - x;div.style.right = e.pageY - y；实现一个弹窗的拖拽框注意点：1.mousemove事件和mouseup事件必须写在mousedown事件里2.遮盖层logi

2022-06-16 14:41:49 1143 2

原创【JavaScript】【5】定时器（包含回调函数与Promise）

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。回调无处不在，不仅在 DOM 事件中。一个常见的示例是使用定时器：XHR 请求也接受回调，在此示例中，会将一个函数分配给一个属性，该属性会在发生特定事件（在该示例中，是请求状态的改变）时被调用：回调适用于简单的场景！但是，每个回调都可以添加嵌套的层级，并且当有很多回调时，代码就会很快变得非常复杂这是一个简单的四

2022-06-04 14:47:03 9892 2

原创【node.js】【3】请求服务器并解决3000端口

文章目录一、 server.listen()二、解决有关3000端口的问题一、 server.listen()server.listen(port, hostname, backlog, callback);const http = require('http');let counter = 0const server = http.createServer((req,res) =>{ res.end(`${++counter}`)})server.listen(3000);

2022-05-29 01:04:55 2709 2

原创【node.js】【2】使用node.js对txt文本进行排序

利用node.js对txt文本进行排序虽然排序很简单，但是一定要注意对txt文本的处理和字符串类型的数据类型的转化文章目录利用node.js对txt文本进行排序取出txt里的成绩项进行排序对整表进行排序总结取出txt里的成绩项进行排序思路：在js里导入txt文件并将txt文件默认为一个字符串由于分割算法比较困难，直接使用prototype里的split()方法对字符串进行分割，一定要注意分割后的结果是一个字符串数组利用txt表格里的空格符对整个字符串进分割第一次分割结果如下：利

2022-05-26 16:41:10 1074 6

原创【node.js】【1】初始node.js

初识node.js

2022-05-23 20:43:41 735 2

原创 CSS【1】复习float与position

文章目录前言一、floatfloat常见布局清除浮动1. 额外标签法（隔墙法）2. 父级添加overflow属性3. 父级添加after伪元素4.父级添加双为元素二、position静态定位相对定位绝对定位固定定位定位的叠放规则总结前言对于布局float与float总是运用的不够熟练，在学习响应式布局前，把这部分总结如下一、float布局两个div的盒子 <div class="box1"></div> //黑 <div class="box2"

2022-05-19 18:43:45 865 6

原创【JAVAScript】【4】利用事件委托简化点击事件（包含箭头函数，target）

JAVASCript利用事件委托简化点击事件当写多个点击事件时我总是会添加很多监听函数，但是利用事件委托后仅需添加父元素的监听函数，在利用冒泡就可以为每个子元素添加监听函数，大大简化了程序文章目录JAVASCript利用事件委托简化点击事件前言一、事件委托二、箭头函数三、Element.target四、实例总结前言以下是围绕事件委托（事件代理）的一个切换案例，同时补充箭头函数和Element.target一、事件委托JavaScript中常用绑定事件的常用技巧，“事件委托”即是把原本需要

2022-05-18 01:05:41 1582 1

原创【JAVAScript】【3】校验码实例（包含函数嵌套、闭包和window.onload）

JAVAScript 校验码实例（包含函数嵌套、闭包和window.onload）提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录JAVAScript 校验码实例（包含函数嵌套、闭包和window.onload）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不

2022-05-16 17:45:45 778 1

原创【JAVAScript】实例 ——创建表格并删除（以及知识扩展）

JAVAScript动态创建表格并删除此次实例涉及到基础易忘Json语法，函数调用文章目录JAVAScript动态创建表格并删除前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言这里先介绍一下此次案例使用的方法：Json和方法函数调用例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工

2022-05-14 23:09:52 1691 1

原创【JAVAScript】dom获取元素的方式及实例

JAVAScript (dom易忘点：获取元素节点) 今天主要介绍两种获取元素的方式：document.方法（）和利用节点层级关系获取元素需要注意的是：选取合适的获取方式，并考虑浏览器的兼容性（部分获取的方式IE9以下是无法使用的）什么是DOM?文档对象模型 (DOM) 是HTML的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页

2022-05-12 20:06:19 3661 2

weixin_51612770的博客

原创【css】星巴克交互设计

原创 VUE（仿今日头条项目）【1】封装axios函数与封装接口方法（async和await）

原创 JavaScript【6】PC端拖拽与放大