- 博客(48)
- 收藏
- 关注
RSS订阅原创 超实用！CSDN个人数据Chrome插件开发
相信写过博客的都知道，每天会经常打开自己的主页无数次，尤其是写了一篇新文章，就为了看文章浏览量增长了多少，文章获得了多少个赞，有多少人评论（谁不想自己写的文章成为爆款呢～）因此我特意做了一个Chrome插件，让用户更方便地实时查看自己在CSDN博客上的数据。
2023-12-30 15:45:30
1013
原创 从零入门Chrome插件开发
谷歌浏览器在推出时就以其快速、安全和简洁的特点受到了广大用户的欢迎。随着浏览器的不断发展，谷歌为用户提供了插件开发平台，使开发者能够为浏览器添加各种功能和定制化选项。从此，插件成为了提升用户体验和个性化的重要工具。谷歌浏览器插件是一种小型程序，可以增强浏览器的功能。谷歌浏览器插件使用HTML、CSS和JavaScript等网页开发技术，开发者可以使用这些技术来创建自己的谷歌浏览器插件。
2023-11-06 16:59:42
4077
原创 前端开发必看：高效调试技巧大揭秘
调试前端代码就像在黑暗中摸索一样，有时候你会发现自己被卡在一个看似无法解决的问题中。但是，不要担心！在这篇文章中，我将展示一些实用的前端浏览器调试技巧。就算你的代码出了什么问题，这些技巧也能让你笑傲调试！
2023-10-23 17:36:39
385
原创 更适合程序员体质的PPT制作工具——Slidev
Slidev是一款基于Vue.js的现代化幻灯片制作工具，它可以帮助用户快速、高效地制作出美观、专业的幻灯片。目前市面上有很多功能丰富的、通用的、所见即所得的幻灯片制作工具，例如微软 PowerPoint或苹果 Keynote. 它们在制作带有动画、图表和许多其他漂亮的幻灯片方面效果相当好，同时非常直观和容易学习。那么，为什么要使用 Slidev 呢？Slidev 旨在为开发者提供灵活性和交互性，通过使用他们已经熟悉的工具和技术，使他们的演示文稿更加有趣、更具表现力和吸引力。
2023-09-25 14:49:36
694
原创 使用ExcelJS快速处理Node.js爬虫数据
ExcelJS是一个用于处理Excel文件的JavaScript库。它可以让你使用JavaScript创建、读取和修改Excel文件。支持xlsx、xlsm、xlsb、xls格式的Excel文件。可以创建和修改工作表、单元格、行和列。可以设置单元格样式、字体、背景颜色等。可以设置工作表的打印选项。可以将Excel文件保存到本地或者下载到浏览器中。支持流式写入大型Excel文件，以避免内存限制问题。
2023-09-12 13:52:06
3230
原创 ECharts配合Node.js爬虫实现数据可视化
可视化技术是将数据和信息以图形化的方式展示出来，以便更好地理解和分析。可视化技术通常使用各种图表、图形、动画和交互式效果来呈现数据。可视化技术有以下几个基本概念：数据：可视化技术的基础是数据。数据可以是数字、文本、图片、视频等形式。数据可以通过各种方式获取，如传感器、数据库、网络爬虫等。可视化工具：可视化工具是用于创建和呈现可视化效果的软件应用程序。常见的可视化工具有D3.js、ECharts、Tableau等。
2023-08-22 14:19:46
972
原创 Node.js爬虫只会Cheerio？来试试Puppeteer！
上篇文章我们学习了如何通过 Cheerio 来爬取静态页面，但是我们没有办法处理动态渲染页面的数据关于 Cheerio 的学习请查看都 2023 年了还不会 Node.js 爬虫？快学起来！今天我们学习如何使用 Puppeteer 来轻松地完成我们解决不了的爬虫任务Puppeteer是一个由 Google 开发的 Node.js 库，它提供了一组用于控制 Headless Chrome 的 API。
2023-08-05 16:13:25
1267
原创 都2023年了还不会Node.js爬虫？快学起来！
爬虫（Web Crawler）是一种自动化程序，可以在互联网上自动抓取网页，并从中提取有用的信息。爬虫可以模拟人类浏览器的行为，自动访问网站、解析网页、提取数据等。通俗来说，爬虫就像是一只蜘蛛，它会沿着网页上的链接不断爬行，把整个网站的内容都爬取下来。这样，我们就可以从大量的网页中获取到我们需要的数据。动态页面：动态页面是指页面内容是通过 JavaScript 或者其他脚本语言动态生成的页面，这种页面往往需要使用浏览器来执行脚本才能获取到完整的页面内容，因此比较难以爬取。
2023-07-28 17:39:21
2293
原创 听说最近ChatGPT很火？我来整个废话版ChatGPT！
废话版ChatGPT 的功能是能根据语料库的配置和用户输入的规则，随机生成一篇可长可短的文本，里面的内容语句通顺，但是废话连篇。
2023-07-03 18:04:18
483
原创 带你手摸手从零开始撸一个脚手架
脚手架是我们经常使用的工具，也是团队提效的重要手段，所以系统性的掌握脚手架相关知识，对前端开发者来说是非常重要的。站在学习的角度，我们创建项目如果只是使用脚手架，我们永远不知道如何搭建一个项目。👌这篇文章将手摸手教你撸一个属于自己的脚手架！
2023-06-19 17:09:09
195
原创 看完这个还不会 Canvas，请你吃瓜～
Canvas 在 MDN 中是这样定义的：Canvas 只是一个画布，本身并不具有绘图的能力，绘图必须使用 JavaScript 等脚本语言。 Canvas 标签允许JavaScript 脚本语言动态渲染位图像。它创建出了一个可绘制区域，JavaScript 代码可以通过一套绘图功能的 API 访问该区域，从而生成动态的图形。简单来说，我们可以认为 Canvas 标签只是一个矩形的画布。JavaScript 就是画笔，负责在画布上画画。
2023-05-30 00:52:49
323
原创 十五分钟带你学会 Electron
Electron 是一种基于 Node.js 和 Chromium 开发的开源框架，用于构建跨平台桌面应用程序。Electron 提供了许多跨平台的功能，例如窗口管理、菜单、对话框和托盘图标等。它还可以轻松地与 Node.js 模块进行集成，以便开发人员可以使用已有的 Node.js 生态系统中的库和工具。这使得 Electron 非常适合开发具有丰富用户界面和本地操作系统集成的桌面应用程序。
2023-04-19 07:00:00
4721
1
原创 十五分钟带你学会 Docker
在谈 Docker 之前，我们先回想下搭建服务的过程，无论是搭建后端服务，还是爬虫等，我们首先得在本机上配置语言相关的环境，如编译器，变量环境等等，有时候还得下载对应的数据库。反正就是需要一系列的环境准备，经常配置个老半天的还可能被某个步骤卡住了。在本机开发完成，需要部署线上环境的时候，往往又得跑一遍相同环境配置，因为计算机环境不同，配置也并不会一帆风顺。明明在我本机上这样可行的，但是在他人机器上却不行了。
2023-04-09 16:18:47
763
原创 函数式编程
什么是纯函数？对于相同的输入，总是会得到相同的输出在执行过程中没有语义上可观察的副作用。什么是副作用？如果一个函数除了计算之外，还对它的执行上下文、执行宿主等外部环境造成了一些其它的影响，那么这些影响就是所谓的”副作用”。看几个例子🌰：下面这个add()函数不是一个纯函数，因为它违背了对于相同的输入，总是会得到相同的输出。只要在全局作用域上改变a和b的值，那么这个函数执行后就没办法得到相同的输出。简单的改造后，add对于相同的输入，总是会得到相同的输出：对于相同的a和b来说，它们的和总是相等的✅。
2023-03-16 17:09:00
495
原创 Angular 面试题
Angular 是一个开放源代码的前端 Web 框架。它是最流行的 JavaScript 框架之一，主要由 Google 维护。它提供了一个轻松开发基于 Web 的应用程序的平台，并使前端开发人员能够管理跨平台应用程序。它集成了强大的功能，例如声明性模板，依赖项注入以及各种其他使开发路径更流畅的最佳实践。Angular 通常用于表示单页应用程序的 SPA 的开发。Angular 提供了一组现成的模块，可简化单页应用程序的开发。
2023-02-06 17:14:48
3087
原创 前端调试入门
调试其实是非常重要的开发的通用型的能力，而这往往被大多数开发人员忽略。代码在某个平台运行，把运行时的状态通过某种方式暴露出来，传递给开发工具做 UI 的展示和交互，辅助开发者排查问题、梳理流程、了解代码运行状态等。某个平台，可以是浏览器、Node.js、Electron、小程序等任何能执行 JS 代码的平台暴露出的运行时状态，可能是调用栈、执行上下文，或者 DOM 的结构，组件的状态等暴露出这些数据的方式一般是通过基于 WebSocket 的调试协议。
2022-09-29 17:44:14
1892
原创 《给程序员的职场情商课》读书笔记
职场上的困境，大多数时候不是由于技能水平、代码质量，而是在于无法处理身边复杂繁琐的小事、忙碌又头痛的人际关系。职场的本质在哪里不知道，但是看清本质的 “快捷方式”，几乎一定是情商。情商不足的表现： 职场有职场的规则与价值观，无论你再有才华，持才傲物就是职场大忌 请不要滥用自己的 “幽默”，给幽默增加一点深度，过犹不及 不是不要抱怨，而是不要停留在抱怨，积极面对困境 老实人本身没问题，但是职场中这些所谓的 “老实” 反而成为了限制自身发展的 “缺点”程序员需要的情商其实是对于人际关系问题的处理....
2022-06-18 16:51:58
534
原创 Socket.IO 初探
WebSocket随着 web 技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求实时通讯越来越多应用于各个领域HTTP 是最常用的客户端与服务端通信技术，但 HTTP 通信只能由客户端发起，无法及时获取服务端的数据改变只能依靠定期轮询来获取最新的状态。时效性无法保证，同时更多的请求也会增加服务器的负担 技术应运而生 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据在 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接...
2022-06-12 00:24:57
723
3
原创 也许是全网最全的 Angular 新手入门指南
文章目录Angular概述Angular程序架构Angular优势@angular/cli脚手架文件加载顺序项目目录结构Angular模块@NgModule 装饰器内置模块自定义模块模块的tipsAngular组件@Component 元数据数据绑定脏值检测父子组件通讯投影组件Angular指令内置属性型指令内置结构型指令指令事件样式绑定Angular生命周期Angular路由路由基本配置激活路由路由参数路由懒加载Angular服务@Injectable()装饰器依赖注入Angular 管道内置管道自定义管
2022-05-22 23:13:20
9467
2
原创 RxJS——异步数据流的响应式编程库（适合新手入门）
文章目录RxJS概述Redux VS RxJSRxJS核心概念解析热观察和冷观察merge/combine合流RXJS6 的变化RxJS概述RxJS 全称 Reactive Extensions for JavaScriptRxJS 结合了函数式编程、观察者模式（例如 DOM EventListener）、迭代器模式（例如 ES6 Iterater）RxJS 官方是这样说的: Think of RxJS as Lodash for events. 把 RxJS 想像成针对 events 的 loda
2022-05-13 21:40:52
10170
1
原创 2022春招Web前端高频面试题（自用，附答案）
文章目录JS数据类型null 和 undefined 的区别？数据类型判断方法如何实现 copy 一个数组深拷贝和浅拷贝在内存上的区别JQuery 和 Vue 的区别和各自的优点请问定位布局 position 属性有哪些取值？请问你了解浮动布局 float 属性吗盒模型请问 BFC 布局有哪些特点、触发条件以及实际应用CSS 选择器以及优先级说一下原型链，原型对象this指向call apply bind 区别/ 改变 this 指向的方法详细说一下闭包和箭头函数，闭包和箭头函数分别解决了什么问题？HTML
2022-04-30 17:09:51
2634
原创 耗时一个月，React 知识点万字大总结（超全超基础）
React特点React是一个将数据渲染为 HTML 视图 的 js 库简单看来，React 框架主要功能体现在前端 UI 页面的渲染，包括性能优化以及操作简化等等方面。站在 mvc 框架的角度来看，React 操作 view 层的功能实现。采用组件化模式、声明式编码、函数式编程，提高开发效率和组件复用性它遵循从高阶组件到低阶组件的单向数据流。在 React Native 中可以用 react 预发进行安卓、ios 移动端开发使用虚拟 dom 和 diff 算法，尽量减少与真实 dom 的交互
2022-04-29 21:56:29
5487
8
原创 React + TailwindCSS + Vite 实现响应式网站
项目配置首先yarn create vite创建 Vite 项目然后写入项目名称、选择框架、选择语言项目创建完成，接下来 cd 进去运行 yarn add -D tailwindcss postcss autoprefixer 安装``tailwindcss`依赖接下来 npx tailwindcss init -p 创建 tailwindcss 和 postcss 的 config 文件用 code .用vscode打开项目先修改tailwind.config.js配置文件module.e
2022-04-28 16:45:26
6442
原创 记录一次 create-react-app 构建项目失败
有半个月没用react了，今天在使用create-react-app创建项目时，当输入:create-react-app train-ticket控制台报了：You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1).We no longer support global installation of Create React App.Please remove any globa
2022-04-26 11:10:23
702
原创 TypeScript重构axios库
需求分析在浏览器端使用 XMLHttpRequest 对象通讯支持 Promise API支持请求和响应的拦截器支持请求数据和响应数据的转换支持请求的取消JSON 数据的自动转换客户端防止 XSRF此外，还会有一些 axios 库支持的一些其它的 feature。初始化项目使用TypeScript library starter脚手架工具先通过 git clone 把项目代码拉到 ts-axios 目录，然后运行 npm install 安装依赖，并且给项目命名。生成的目录结构如
2022-04-25 23:45:16
1339
1
原创 React16.4简书项目
安装启动npm install -g create-react-appcreate-react-app jianshucd jianshunpm startHeader组件布局安装 styled-components在 styled-components 使用 injectGlobal 注入全局reset.css注意：在 v4 中，injectGlobal 被移除，并被 createGlobalStyle 取代。若报错，把 injectGlobal 改为 createGlobalStyle
2022-04-09 19:36:11
906
原创 Python进阶
模块与包模块与包在 Python 当中使用得不可谓不频繁，Python 之所以代码量少、开发速度快，模块与包占据了非常大的原因，这也是进阶爬虫、数据分析、web 开发等方向必须掌握的技能。模块模块指的是 Python 的程序文件（源文件），模块的文件名就是模块名加上.py，里面包含了 Python 对象定义和 Python 语句，模块包含了定义函数、类和执行代码等等，一般情况下不要去修改模块，以免模块失效。Python 中允许导入的形式来进行模块调用，Python 中的模块也是对象，模块中定义的所有
2022-02-28 16:45:00
652
1
原创 Python基础
Python 运行机制程序运行主要有两种机制：编译型和解释型。编译型是将代码（源文件）通过编译器，编译成机器码文件，当运行的时候直接执行机器码文件，例如 C 语言；解释型是将源文件通过解释器，逐行进行翻译并运行。Python 则属于解释型的语言。编译型和解释型语言各有优缺点：解释型：缺点：执行慢优点：可以跨平台（操作系统）编译型：缺点：不能跨平台优点：执行快基础知识输入输出先说两个最基本的函数：输入和输出。输出函数 print ()，语法就是：print(要输出的内容)
2022-02-28 16:43:51
479
原创 大数据期末考试题库
Spark选择题Spark 的四大组件下面哪个不是 ( D )A.Spark Streaming B MlibC Graphx D Spark R下面哪个端口不是 spark 自带服务的端口 ( C )A.8080 B.4040 C.8090 D.18080spark 1.4 版本的最大变化 ( B )A spark sql Release 版本 B 引入 Spark RC DataFrame D 支持动态资源分配Spar
2021-06-09 10:37:42
13009
原创 前端自动化测试jest
持续集成和前端自动化测试 持续集成是互联网软件开发上线流程中的核心一环，自动化测试是持续集成得以实现的核心步骤，缺乏了自动化测试，持续集成自然无从谈起。 在日常的开发中，前端错综复杂的变化引发的 bug 往往令开发者头疼，或多或少经历过 修完东墙西墙倒 的经历，此时前端自动化测试就显得非常重要。 前端的自动化测试无非也是编写测试用例，在持续集成时执行跑通全部测试用例。如果是一个短平快的小项目，引入前端自动化测试，编写测试用例，无疑只会增加开发成本，然而当项目扩大、迭代频繁、逻辑复杂、需求反
2021-06-03 16:54:36
1928
1
原创 软件测试（八）：移动端测试
移动APP移动APP的特性移动APP的背景移动APP的优势互动性：移动设计的触摸屏提供很好的操作体验，APP则提供了更加丰富多彩的表现形式精准性：APP都是用户主动下载的，并且可以分享到具有相似兴趣的目标群体创意性：可以结合手机或平板的特性进行创意性设计及开发，以全新的呈现方式给予用户更好的体验超强的用户粘性：移动时代用户手机通常随身携带，而且上网时间更加碎片化移动APP测试与传统测试的区别用户关注点传统web测试：屏幕大，可以同时显示信息移动app：屏幕小，显示新信息有限
2021-05-27 12:55:16
615
5
原创 软件测试（七）：自动化测试、安全测试、性能测试
自动化测试自动化测试就是把手工测试转化成用机器、软件、程序来测试产品的过程自动化测试的意义缩短软件开发测试周期，可以让产品更快投放市场测试效率高，充分利用硬件资源节省人力资源，降低测试成本增强测试的稳定性和可靠性提高软件测试的准确度和精确度，增加软件信任度软件测试工具使测试工作相对比较容易，但能产生更高质量的测试结果自动化测试应用场景分析首先要考虑的是什么样的项目适合自动化？决定项目是否采用自动化测试，通常要关注以下几个方面：需求变更有计划性，并且频率不高项目周期长，资
2021-05-27 12:51:38
3619
2
原创 软件测试（六）：白盒测试
白盒测试之代码审查代码审查的范围合格的代码应具备正确性、清晰性、规范性、一致性和高效性概括起来，代码审查的工作涵盖了下列方面：业务逻辑的审查算法的效率代码风格编程规则代码审查的方法互查：就是在相同模块或相近模块的编程人员之间互相检查对方的代码走查：从头到尾将写好的程序检查一遍代码审查代码审查的规则Java最基本语句的使用重载函数的审查内存分配和管理：当进行内存分配和管理时，很重要的一点就是内存的及时释放和避免缓冲区溢出程序性能的审查：减少创建对象减少循环体的执
2021-05-26 13:23:25
2013
原创 软件测试（五）：测试执行
测试执行过程测试执行阶段的主要任务确定测试用例的优先级开发测试规程并确定优先级，创建测试数据，同时也可以准备测试用具和设计自动化测试脚本根据测试规程创建测试套件，以提高测试执行的效率确认已经正确搭建了测试环境根据计划的执行顺序，通过手工或使用测试工具来执行测试规程记录测试执行的结果，以及被测软件、测试工具和测试件的标识和版本将实际结果和预期结果进行比较对实际结果和预期结果之间的差异，作为事件上报，并且进行分析以确定引起差异的原因缺陷修正后，重新进行测试活动测试准入、暂停、准出标准
2021-05-26 10:05:10
3682
5
原创 软件测试（四）：软件测试用例设计
测试设计与测试用例测试设计测试设计是将概括的测试目标转化为具体的测试条件和测试用例的一系列活动测试分析和设计的主要任务评审测试依据（需求，系统架构、设计和接口说明）评估测试依据和测试对象的可靠性通过对测试项、规格说明、测试对象行为和结构的分析，识别测试条件并确定优先级设计测试用例，确定优先级确定测试条件和测试用例所需的必要的测试数据确定测试条件依据在测试策略或测试计划中确定的测试技术通过对测试依据和测试目标的分析，可以确定需要测试的内容，获得测试条件测试用例测试用例是通过使
2021-05-25 16:42:41
3829
原创 软件测试（三）：软件测试流程
软件测试（三）：软件测试流程测试环境搭建前需求功能测试：不需要大量的数据，需要覆盖率高，测试数据要求尽量真实性能测试：可能需要大量存量数据或者与实际硬件环境尽可能相似的硬件配置环境搭建原则测试的软件环境尽可能模拟真实环境了解用户常用的软件，避免所有配置所有操作系统下都要进行测试，没有侧重点，浪费时间产品化测试要考虑兼容性的问题营造独立的测试环境构建可复用的测试环境测试环境搭建环境搭建过程分析线下搭建，独立测试服务器或虚拟机，测试环境配置，测试项目导入测试环境配置配置J
2021-05-23 21:42:11
754
8
原创 软件测试（二）：从软件工程到软件测试
软件测试（二）：从软件工程到软件测试软件的概念错误观点：“软件就是程序，软件开发就是编程序”软件是计算机系统中与硬件相互依存的另一部分，它是包括程序，数据及其相关文档的完整集合。程序是按事先设计的功能和性能要求执行的指令序列。数据是使程序能正常操纵信息的数据结构。文档是与程序开发，维护和使用有关的图文材料。软件的十大特性形态特性：软件是无形的、不可见的逻辑实体。度量常规产品的几何尺寸、物理性质和化学成分对它却是毫无意义的。智能特性：软件是复杂的智力产品，它的开发凝聚了人们的大量脑力劳动，
2021-05-19 17:53:44
612
4
原创 软件测试（一）：软件测试的发展与职业规划
软件测试（一）：软件测试的发展与职业规划软件测试的起源和发展软件测试面临的挑战软件规模越来越大，功能越来也复杂，如何进行充分而有效的测试成为难题。门槛低既是优势，也是不足。更多的测试人员在点点点的盲人摸象中摸索。软件技术的迅速发展要求测试人员的水平越来越高，在具备功能测试的基础上提出了更高要求。测试现状国外：软件测试在软件公司中占有重要地位，软件测试理论研究蓬勃发展，软件市场繁荣国内：起步较晚，从业人员少，规模小，发展迅速职业规划...
2021-05-19 17:39:27
287
原创 Vue3 Composition API
Vue3 Composition APIsetup 函数的使用setup 在 created 函数被完全实例化之前执行setup 只能是同步的，不能是异步的由于在执行 setup 时尚未创建组件实例，因此在 setup 选项中没有 this。这意味着，除了 props 之外，将无法访问组件中声明的任何属性 —— 本地状态、计算属性或方法。从 setup 返回的所有内容都将暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。setup(props,context){
2021-02-07 20:43:55
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人