- 博客(118)
- 收藏
- 关注
RSS订阅
原创 vue+node.js+mysql项目搭建初体验（接口）
用vue搭建前端页面、用node开发后端接口、数据库用mysql。这里只是简单的讲解搭建的逻辑是怎么样的，具体的一些应用还待挖掘。学了node一直没有真正搞懂它是个什么玩意，总是说node就可以全栈了，简单一点理解就是前端开发者可以使用nodejs开发后端接口，然后自己实现全栈？？应该是这样的吧目录结构end为后端接口文件夹（node）front为前端的文件夹（vue）一、mysql数据库数据库这里使用的是mysql。最好下一个Navicat，可视化比较好。先创建一个数据库，然.
2021-11-05 09:14:11
7923
6
原创 axios的具体使用、跨域问题
前言：这几天都在搞对接，突然对axios又有了新的了解。上一篇写axios只是基于一个框架来写，这次写来点实战的。axios还是很有趣的，如果不报错的话！一、引入axios在用每一个东西之前，总是要去引入它。具体怎么引入可以去看官方的文档，这里就不细说了。在每个要使用axios的组件中记得去导入axios，如下：import axios from 'axios';import Qs from 'qs';这里还引入了Qs，其实qs是一个增加了一些安全性的查询字符串解析和序列化字符串的库。有时.
2020-12-05 08:55:51
3568
5
原创 函数值传递问题
函数值传递在《JavaScript高级程序设计》第三版中有这么一句话 ：ECMAScript中所有函数的参数都是按值传递的。在js中，函数传递参数都是按值传递的当在传递参数时，形参是一个局部变量，和实参互不影响。当参数是一个引用数据类型时，形参复制的是实参的一份引用，所以当其改变时会影响外部实参，但并不意味着，是按引用传递的。（1）例子1当传入的参数是值类型的时候var a = 3;function fn(b){ console.log(b); //3 b=2;
2022-05-27 22:06:34
525
原创 Vue、原生JS、jQuery在开发上有什么感受
面试的时候有被问答框架这方面的问题。问使用Vue开发和使用原生JS或jQuery开发有什么区别？或者说体验感是怎样的？首先来谈谈这三个是个啥？JavaScript：是运行在浏览器的脚本语言，主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解析执行的。jQuery：是JavaScript中的一个函数库，其实就是对原生js做了一层封装，使获取dom的操作更加简单方便，但是数据和视图层没有分开，本质上还是 要操作DOM实现逻辑。vue：是一套构建用户界面的渐进式.
2022-04-25 11:03:41
446
原创 3.26美团笔试--字符串重排
第一题：字符串重排题目描述给你一个只包含小写字符的字符串s，你可以按任意顺序重排这个字符串，请问重排过后的字符串中，最多能有多少个 ‘acbcca’ 子串？例如：字符串 ‘dacbccab’中含 1 个 ‘acbcca’子串，按其他方式重排后最多也只能包含 1 个 ‘ acbcca’ 子串。字符串 ‘acbccaacccb’中含1个‘acbcca’子串，但是重排成 ‘acbccacbcca’后包含了 2个 ‘acbcca’子串。样例输入1：dacbccab样例输出：1样例输入2：
2022-03-27 11:48:33
922
原创 08canvas画图
08 Fun with HTML5 Canvas打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 8 篇。完整代码已经放到github上了，欢迎访问！实现效果使用canvas实现一个可以在浏览器中画画的效果。画笔粗细渐变，颜色渐变
2022-03-27 11:47:23
838
原创 07 Js操作数组2
07 Array Cardio Day2操作数组打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 7 篇。完整代码已经放到github上了，欢迎访问！操作功能对于people数组：判断是否有超过19岁的？判断是否有所有人都超
2022-03-09 21:23:53
182
原创 06Js实现实时搜索框
06 Type Ahead 实时搜索框打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 6 篇。完整代码已经放到github上了，欢迎访问！实现效果在搜索框中输入一些字母，匹配到城市（city）和州（state），并展示含有这些字
2022-03-09 21:23:25
864
原创 05JS实现弹性相册
05 Flex Panel Gallery打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 5 篇。完整代码已经放到github上了，欢迎访问！实现效果要实现一个这样的弹性相册。当鼠标点击相片时，相片变宽并且压缩其他图片，有文字浮
2022-03-09 21:22:05
427
原创 04JS操作数组1
day04 Array Cardio day1 数组操作打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 4 篇。完整代码已经放到github上了，欢迎访问！实现效果这个小例子没有什么效果，主要是熟悉Array的几个基本方法。文档
2022-03-09 21:21:27
189
原创 03 CSS Variable
03 JS_CSS Variable 打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 3 篇。完整代码已经放到github上了，欢迎访问！实现效果要实现拖动进度条改变相应的边框和模糊程度，以及可以选择相应的颜色。同时标题中的JS
2022-03-09 21:20:29
192
原创 02 JS实现时钟效果
02 JavaScript Clock 打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2 篇。完整代码已经放到github上了，欢迎访问！实现效果实现一个像日常时钟一样的旋转效果，获取当前的时间，显示当前的效果。实现要点
2022-03-09 21:19:52
1028
原创 01 JavaScript_Drum Kit
01 JavaScript Drum Kit 打卡指南作者：@sandystar简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 1 篇。完整代码已经放到github上了，欢迎访问！实现效果模拟打击鼓的页面，在键盘上按下ASDFGHJKL这几个键时，页面上对应的字
2022-03-09 21:18:57
499
原创 Linux命令语法总结
文章目录第一章 认识Linux1.Linux内核中最为重要的几部分2. Linux的特点第二章 ubuntu图形界面关于包管理工具关于期望状态的当前状态第三章 ubuntu字符界面1. 登录与注销创建临时账户登录注销注册等命令2. 目录与文件【**目录或文件操作**】【文件内容显示】【文件内容处理】【文件查找】【磁盘管理】【备份压缩】【获取帮助】【其他命令】第四章 vi编辑器1. vi编辑器简介【三种模式】【vi的一些命令】2. 移动光标【方向键、字母键、组合键】【逐单词移动】【在某一行内移动】【在不同行上
2022-01-02 16:48:14
2987
2
原创 《数据密集型计算和模型》第六七章Dryad及其他计算模型
《数据密集型计算和模型》第六、七章的有关内容。主要有Dryad简介、SCOPE脚本语言、DryadLINQ、Cosmos等。一、Dryad模型Dryad是Michael Isard等人为处理海量数据而提出的一种分布式执行引擎。Dryad专注一简化编程模型以及改善应用程序的可用性、有效性和扩展性。Dryad系统主要用来构建能够用有向无环图描述的并行程序Dryad架构主要包含以下几个部分：任务管理器集群命名服务器守护进程二、SCOPE脚本语言SCOPE是运行在Dryad平.
2021-12-28 21:09:56
1343
原创 《数据密集型计算和模型》第五章_BSP模型
《数据密集型计算和模型》第五章的有关内容。主要有BSP模型简介、BSP模型的发展状况、基于BSP模型的编程架构等。文章目录一、BSP模型简介1. BSP模型概念2. BSP模型原理（*）3. BSP模型的优缺点（1）优点（2）缺点二、BSP模型发展概况1. BSP模型初级阶段2. 多核BSP（1）BSP模型在云平台上的应用【OSL】【BSPCloud】（2）BSP模型在大数据时代的应用（*）【Pregel】【HAMA】【GPS图像处理系统】【Giraph】三、基于BSP模型的编程框架1. Prege（.
2021-12-28 21:09:11
1024
原创 《数据密集型计算和模型》第四章_MapReduce模型
《数据密集型计算和模型》第四章的有关内容。主要有MapReduce模型简介、概念及原理、工作机制、优缺点；基于MapReduce模型的实现，改进等。文章目录一、MapReduce模型简介1. MapReduce模型概念及原理2. MapReduce工作机制（1）MapReduce作业的工作机制主节点（master）数据分片（Data split）Map端Shuffle&SortReduce端（2）容错机制工作节点容错主节点容错任务语义容错（3）负载平衡作业调度任务本地调度任务备份计数器3. M.
2021-12-28 21:07:59
986
原创 《数据密集型计算和模型》第三章_内存计算复习
《数据密集型计算和模型》第三章的有关内容。主要有内存计算的概念、内存计算的硬件结构、内存计算的系统软件、内存数据库等相关内容。文章目录一、内存计算的概念1. 为什么需要内存计算？2. 内存计算的概念二、内存计算的硬件结构1. 内存需要具有的三个特征2. 为了更快速处理内存中的数据采用的两种方式3. 用于内存计算的专业内存4. 用于内存计算的计算机体系结构（1）基于传统X86的体系结构（2）基于计算型内存的体系结构计算内存代表性的计算型内存三、内存计算的系统软件1. 内存文件系统（1）文件的存储和分配方.
2021-12-28 21:06:59
2071
原创 《数据密集型计算和模型》第二章大数据时代的计算机体系结构复习
《数据密集型计算和模型》第二章的有关内容。主要复习内容为：计算部件、存储部件、网络部件、软件定义部件、虚拟资源管理系统等。文章目录大数据时代的计算机体系结构一、计算部件1. 多核和众核2. 异构3. 什么是CPU-GPGPU4. 集群（重点）定义：特征：典型的linux集群：二、存储部件1. 片上存储器分配的策略（*）2. 传统的行式存储的不足3. 列式存储列式存储主要采用的数据压缩方法列式存储的一些关键技术4. 分布式存储数据分布负载均衡三、网络部件1. 片上通信的五种方式2. 数据密集型数据中心设.
2021-12-28 21:05:53
2368
原创 《数据密集型计算和模型》第一章绪论复习
《数据密集型计算和模型》第一章绪论的有关内容。主要复习内容为：数据密集型应用、计算密集型应用、数据密集型计算的定义、高性能计算、云计算、大数据环境下数据密集型计算面临的新的挑战等。一、绪论1.1 数据密集型计算概念并行计算可以划分为 计算密集型 和 数据密集型 两类。1. 计算密集型应用计算密集型应用：是指那些需要大量计算资源和计算的应用，这类应用往往处理的数据量较小，但需要大量的计算，他们把大部分执行时间花费在计算上而不是输入/输出上。数据密集型应用：是指那些需要处理大量数据和大量输.
2021-12-28 21:04:57
1395
原创 python图形化获取三国章节链接
一、实现描述做一个图形程序，有一个Listbox和一个button。读取sanguo.html，Listbox存储前十回的三国演义的小说的标题（title）选中Listbox某一行后，用一个Label显示该下载链接效果：二、实现（1）导库import tkinter as tkfrom bs4 import BeautifulSoup（2）解析HTML页面解析对应的页面并存储考虑到文章标题和链接要有映射关系，故把它们转换成键值对模式# 解析html，获取前十回文章标题
2021-12-21 10:56:31
250
原创 python使用canvas实现移动并绑定键盘
一、任务用多个按钮或者按钮+文本框实现不同物体（椭圆，长方形，扇形）的各个方向的运动（上下左右）效果图：二、实现（1）导库并创建画布import tkinter as tkwindow = tk.Tk()window.title('my window')##窗口尺寸window.geometry('300x350')#新建画布canvas=tk.Canvas(window,bg='blue',height=150,width=300)（2）画图形#画线x0,y0,x1,
2021-12-16 14:29:58
2177
原创 Python使用canvas实现移动效果
一、任务用多个按钮或者按钮+文本框实现不同物体（椭圆，长方形，扇形）的各个方向的运动（上下左右）效果图：二、实现（1）导库并创建画布import tkinter as tkwindow = tk.Tk()window.title('my window')##窗口尺寸window.geometry('300x350')#新建画布canvas=tk.Canvas(window,bg='blue',height=150,width=300)（2）画图形#画线x0,y0,x1,
2021-12-14 10:31:50
4009
原创 Python爬取携程和同程的景点评论并实现词云
某人为了期末作业（非计算机系的文科生）想获取数据做分析，奈何不会八爪鱼，于是乎她成了我的甲方。甲方妈妈的需求是这样的：爬取携程网和同程网的对于三亚蜈支洲岛的评论。一、爬取携程网的评论1.1 分析爬取的地址：https://you.ctrip.com/sight/sanya61/3244.html#comment评论在这里，并且有分页但是发现点击下一页的时候地址栏并没有变化所以这种情况打开F12控制台看看吧发现分页和这个响应有关，并且返回的是一个json数据的格式.
2021-12-08 20:48:57
5863
6
原创 python_tkinter实现图形化登录注册功能
一、需求描述有登录和注册的界面，点击注册按钮跳转到注册页面登录窗口有两个按钮，登录和注册。有两个框：用户名和密码注册窗口有一个按钮，确定注册。有三个框：用户名、密码、确认密码。要求密码和确认密码不一致无法完成注册，用户名存在也无法注册。注册成功后将信息存储到usrs_info.pickle文件内。先看图吧：二、实现（1）导库import tkinter as tkfrom tkinter import messagebox import pickle（2）初始化主窗口（登录窗口）
2021-12-07 11:04:43
3831
1
原创 CSS预处理器Less
官网：https://less.bootcss.com/一、what is Less？Less是一种动态样式语言，属于CSS预处理器的范畴，它扩展了CSS语言增加了变量、Mixin、含糊等特性，是CSS更易维护和扩展Less既可以在客户端上运行，也可以借助Node.js在服务器运行CSS预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。绝大多数预处理器会增加一些原生CSS不具备的特性，例如代码混合，嵌套选择器，继承选择器等，这些特性让CSS的结构更加具有可读性且易于维护.
2021-12-05 15:15:54
547
原创 爬取豆瓣电影前十页的好评一般差评
分析一波爬取的地址：https://movie.douban.com/subject/26588308/comments分别找出好评、一般、差评的评论：通过地址栏分析，评论的类型和percent_type有关：好评为h一般为m差评为l但是我们想找的是在全部里面寻找好评一般和差评，所以这种方法就不适用了。但是我们发现每个评论都会有小星星，星星的个数就可以区分评论的类型了。好评为5颗星或4颗星一般为3颗星差评为2颗星或者1颗星这里对应的标签为span（clas
2021-11-30 16:00:47
1263
原创 CSS布局（等宽、圣杯、双飞翼、底部固定）
1. 全背景等宽内容居中布局即将元素左右padding设置为父元素宽度的50%减去等宽内容的一半，不需要设置width。要点：使用**calc()**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
2021-11-28 09:57:40
290
原创 CSS外边距塌陷（折叠）问题
外边距塌陷（折叠）比如我们想要一个元素的下外边距有10px，而另一个元素的上边距是10px，那么这两个元素之间的空隙应该是20px。但是事实并不是如此，事实是只会显示10px。css设计的初衷就是为了美观，而内边距塌陷（折叠）也就完美的解决了这个问题。什么时候会出现外边距塌陷？外边距塌陷是为了解决垂直方向上的缝隙而设计的。因为只会出现在垂直方向上。只会发生在块级元素上，而不是行内元素，也不是行内块级元素外边距计算正数 && 正数 ：取最大的数负数 &&am
2021-11-27 21:30:15
591
原创 JS异步之宏队列与微队列
说明：JS是单线程的，所以会将每个函数都顺序压入栈中，但是并不会立即执行。JS中用来存储执行回调函数的队列包含2个不同特定的队列宏队列：用来保存待执行的宏任务（回调），比如：定时器回调/DOM事件回调/ajax回调微队列：用来保存待执行的微任务（回调），比如：promise的回调/MutationsObserver的回调JS执行时会区别这2个队列JS引擎首先必须先执行所有的初始化同步任务代码每次准备取出第一个宏任务执行前，都要将所有的微任务一个一个取出来执行同步 》 微任务.
2021-11-26 21:01:21
672
原创 阿里经典闭包面试题
参考视频：https://www.bilibili.com/video/BV1xf4y1R7AH一、小试牛刀先来回顾一下JS的两种数据类型：基本数据类型和引用数据类型。基本数据类型：number 、null、boolean、string、undefined、symbol（es6）引用数据类型：object（array）、function两道小题感受一下（1）基本数据类型题：let a = 22;let b = a;b = 33;console.log(a); //打印22.
2021-11-24 22:02:09
441
原创 爬取豆瓣电影的评论
好久没有爬虫了，今天突然叫爬豆瓣，有点懵了，不过看了看以前爬的，一葫芦画瓢整了一个这个。bs4和requests yyds！分析一波爬取的地址：https://movie.douban.com/subject/26588308/comments每次翻页可以看到只和start有关，一页展示20条评论下图是第二页的url，故第一页的start就是0评论在span标签里面（class属性为short）代码import urllib.requestfrom bs4 import .
2021-11-23 16:27:03
1580
1
原创 PHP连接MySQL实现CRUD
前言：最近学了一点PHP的皮毛，下面就来卖弄一下这点皮毛。注：纯粹是为了个人理解特此记录。没有很好看的页面也没有很酷炫的逻辑。一、目录结构也没有什么结构，简单的很：数据库结构，这个更简单了，只是为了实现一下效果，就只有一张表：二、首页实现数据的渲染先建立好表头通过PHP语法连接数据库然后遍历数据库的数据并渲染出来dbhtml.php<!DOCTYPE html><html lang="en"><head> <meta char.
2021-11-18 20:30:24
1054
2
原创 爬取b站歌曲的弹幕
先来放上b站的《染色体》链接：https://www.bilibili.com/video/BV1Xf4y1A75e参考博客：https://blog.csdn.net/weixin_29130369/article/details/112744783b站弹幕的爬取通过Chrome开发者工具里面的Network页面，可以找到B站弹幕数据的接口。爬取b站弹幕数据的API：https://api.bilibili.com/x/v1/dm/list.so?oid=XXX后面有个oid，oid后面.
2021-11-13 11:09:54
605
原创 爬取新浪网股票并实现图形化2.0(pyqt5)
股票2.0版上一篇的升级版。将数据可视化。主运行文件【gupiao_graph.py】import sysfrom PyQt5.QtWidgets import QApplication, QMainWindow,QTableWidgetItemimport gupiaoimport requestsimport timefrom bs4 import BeautifulSoupimport pyqtgraph as pgheaders = {"User-Agent": "
2021-11-13 11:08:46
1066
原创 爬取新浪网股票并实现界面化1.0(pyqt5)
股票1.0版【gupiao_main.py】主函数import sysfrom PyQt5.QtWidgets import QApplication, QMainWindow,QTableWidgetItemimport gupiaoimport requestsimport timefrom bs4 import BeautifulSoupheaders = {"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) Apple
2021-11-13 11:07:49
877
原创 gitee图片裂开问题
前几天吧想换个图床，于是乎把gitee的图床配好了，想着可以用了，图片上传成功了，但是在本地的md笔记里面却没有，访问这个图片的url地址也没有。为啥？因为地址错了啊！1、上传图片成功了图片上传成功了，但是却裂开了，我人也跟着裂开了。2、一顿寻找于是我又去浏览器里找这个图片的地址哎呀，发现根本就没有嘛。接着我又去放图片的仓库里找地址：发现这个地址是这个玩意啊，接着我又改了地址，但是在md里面还是出不来。3、真正的地址上面这个才是图片真正的地址，好家伙。4、改配置路径.
2021-11-13 11:02:23
585
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人