前端
文章平均质量分 89
萌萌哒の瑞萌萌
一个默默干饭的前端,每月稳定更新一篇
展开
-
超实用!CSDN个人数据Chrome插件开发
相信写过博客的都知道,每天会经常打开自己的主页无数次,尤其是写了一篇新文章,就为了看文章浏览量增长了多少,文章获得了多少个赞,有多少人评论(谁不想自己写的文章成为爆款呢~)因此我特意做了一个Chrome插件,让用户更方便地实时查看自己在CSDN博客上的数据。原创 2023-12-30 15:45:30 · 1155 阅读 · 0 评论 -
前端开发必看:高效调试技巧大揭秘
调试前端代码就像在黑暗中摸索一样,有时候你会发现自己被卡在一个看似无法解决的问题中。但是,不要担心!在这篇文章中,我将展示一些实用的前端浏览器调试技巧。就算你的代码出了什么问题,这些技巧也能让你笑傲调试!原创 2023-10-23 17:36:39 · 502 阅读 · 0 评论 -
更适合程序员体质的PPT制作工具——Slidev
Slidev是一款基于Vue.js的现代化幻灯片制作工具,它可以帮助用户快速、高效地制作出美观、专业的幻灯片。目前市面上有很多功能丰富的、通用的、所见即所得的幻灯片制作工具,例如微软 PowerPoint或苹果 Keynote. 它们在制作带有动画、图表和许多其他漂亮的幻灯片方面效果相当好,同时非常直观和容易学习。那么,为什么要使用 Slidev 呢?Slidev 旨在为开发者提供灵活性和交互性,通过使用他们已经熟悉的工具和技术,使他们的演示文稿更加有趣、更具表现力和吸引力。原创 2023-09-25 14:49:36 · 1104 阅读 · 0 评论 -
使用ExcelJS快速处理Node.js爬虫数据
ExcelJS是一个用于处理Excel文件的JavaScript库。它可以让你使用JavaScript创建、读取和修改Excel文件。支持xlsx、xlsm、xlsb、xls格式的Excel文件。可以创建和修改工作表、单元格、行和列。可以设置单元格样式、字体、背景颜色等。可以设置工作表的打印选项。可以将Excel文件保存到本地或者下载到浏览器中。支持流式写入大型Excel文件,以避免内存限制问题。原创 2023-09-12 13:52:06 · 4135 阅读 · 0 评论 -
Node.js爬虫只会Cheerio?来试试Puppeteer!
上篇文章我们学习了如何通过 Cheerio 来爬取静态页面,但是我们没有办法处理动态渲染页面的数据关于 Cheerio 的学习请查看都 2023 年了还不会 Node.js 爬虫?快学起来!今天我们学习如何使用 Puppeteer 来轻松地完成我们解决不了的爬虫任务Puppeteer是一个由 Google 开发的 Node.js 库,它提供了一组用于控制 Headless Chrome 的 API。原创 2023-08-05 16:13:25 · 1807 阅读 · 0 评论 -
都2023年了还不会Node.js爬虫?快学起来!
爬虫(Web Crawler)是一种自动化程序,可以在互联网上自动抓取网页,并从中提取有用的信息。爬虫可以模拟人类浏览器的行为,自动访问网站、解析网页、提取数据等。通俗来说,爬虫就像是一只蜘蛛,它会沿着网页上的链接不断爬行,把整个网站的内容都爬取下来。这样,我们就可以从大量的网页中获取到我们需要的数据。动态页面:动态页面是指页面内容是通过 JavaScript 或者其他脚本语言动态生成的页面,这种页面往往需要使用浏览器来执行脚本才能获取到完整的页面内容,因此比较难以爬取。原创 2023-07-28 17:39:21 · 2934 阅读 · 0 评论 -
听说最近ChatGPT很火?我来整个废话版ChatGPT!
废话版ChatGPT 的功能是能根据语料库的配置和用户输入的规则,随机生成一篇可长可短的文本,里面的内容语句通顺,但是废话连篇。原创 2023-07-03 18:04:18 · 714 阅读 · 0 评论 -
带你手摸手从零开始撸一个脚手架
脚手架是我们经常使用的工具,也是团队提效的重要手段,所以系统性的掌握脚手架相关知识,对前端开发者来说是非常重要的。站在学习的角度,我们创建项目如果只是使用脚手架,我们永远不知道如何搭建一个项目。👌这篇文章将手摸手教你撸一个属于自己的脚手架!原创 2023-06-19 17:09:09 · 381 阅读 · 0 评论 -
看完这个还不会 Canvas,请你吃瓜~
Canvas 在 MDN 中是这样定义的:Canvas 只是一个画布,本身并不具有绘图的能力,绘图必须使用 JavaScript 等脚本语言。 Canvas 标签允许JavaScript 脚本语言动态渲染位图像。它创建出了一个可绘制区域,JavaScript 代码可以通过一套绘图功能的 API 访问该区域,从而生成动态的图形。简单来说,我们可以认为 Canvas 标签只是一个矩形的画布。JavaScript 就是画笔,负责在画布上画画。原创 2023-05-30 00:52:49 · 1191 阅读 · 0 评论 -
十五分钟带你学会 Electron
Electron 是一种基于 Node.js 和 Chromium 开发的开源框架,用于构建跨平台桌面应用程序。Electron 提供了许多跨平台的功能,例如窗口管理、菜单、对话框和托盘图标等。它还可以轻松地与 Node.js 模块进行集成,以便开发人员可以使用已有的 Node.js 生态系统中的库和工具。这使得 Electron 非常适合开发具有丰富用户界面和本地操作系统集成的桌面应用程序。原创 2023-04-19 07:00:00 · 8325 阅读 · 1 评论 -
函数式编程
什么是纯函数?对于相同的输入,总是会得到相同的输出在执行过程中没有语义上可观察的副作用。什么是副作用?如果一个函数除了计算之外,还对它的执行上下文、执行宿主等外部环境造成了一些其它的影响,那么这些影响就是所谓的”副作用”。看几个例子🌰:下面这个add()函数不是一个纯函数,因为它违背了对于相同的输入,总是会得到相同的输出。只要在全局作用域上改变a和b的值,那么这个函数执行后就没办法得到相同的输出。简单的改造后,add对于相同的输入,总是会得到相同的输出:对于相同的a和b来说,它们的和总是相等的✅。原创 2023-03-16 17:09:00 · 1185 阅读 · 0 评论 -
webpack学习笔记
webpack 是一个打包工具,他的宗旨是一切静态资源皆可打包。原创 2023-02-02 15:25:03 · 788 阅读 · 0 评论 -
前端调试入门
调试其实是非常重要的开发的通用型的能力,而这往往被大多数开发人员忽略。代码在某个平台运行,把运行时的状态通过某种方式暴露出来,传递给开发工具做 UI 的展示和交互,辅助开发者排查问题、梳理流程、了解代码运行状态等。某个平台,可以是浏览器、Node.js、Electron、小程序等任何能执行 JS 代码的平台暴露出的运行时状态,可能是调用栈、执行上下文,或者 DOM 的结构,组件的状态等暴露出这些数据的方式一般是通过基于 WebSocket 的调试协议。原创 2022-09-29 17:44:14 · 2037 阅读 · 0 评论 -
Socket.IO 初探
WebSocket随着 web 技术的发展,使用场景和需求也越来越复杂,客户端不再满足于简单的请求得到状态的需求实时通讯越来越多应用于各个领域HTTP 是最常用的客户端与服务端通信技术,但 HTTP 通信只能由客户端发起,无法及时获取服务端的数据改变只能依靠定期轮询来获取最新的状态。时效性无法保证,同时更多的请求也会增加服务器的负担 技术应运而生 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据在 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接...原创 2022-06-12 00:24:57 · 792 阅读 · 3 评论 -
2022春招Web前端高频面试题(自用,附答案)
文章目录JS数据类型null 和 undefined 的区别?数据类型判断方法如何实现 copy 一个数组深拷贝和浅拷贝在内存上的区别JQuery 和 Vue 的区别和各自的优点请问定位布局 position 属性有哪些取值?请问你了解浮动布局 float 属性吗盒模型请问 BFC 布局有哪些特点、触发条件以及实际应用CSS 选择器以及优先级说一下原型链,原型对象this指向call apply bind 区别/ 改变 this 指向的方法详细说一下闭包和箭头函数,闭包和箭头函数分别解决了什么问题?HTML原创 2022-04-30 17:09:51 · 2730 阅读 · 0 评论 -
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 · 7385 阅读 · 0 评论 -
TypeScript重构axios库
需求分析在浏览器端使用 XMLHttpRequest 对象通讯支持 Promise API支持请求和响应的拦截器支持请求数据和响应数据的转换支持请求的取消JSON 数据的自动转换客户端防止 XSRF此外,还会有一些 axios 库支持的一些其它的 feature。初始化项目使用TypeScript library starter脚手架工具先通过 git clone 把项目代码拉到 ts-axios 目录,然后运行 npm install 安装依赖,并且给项目命名。生成的目录结构如原创 2022-04-25 23:45:16 · 1627 阅读 · 1 评论 -
移动端单行多行文字溢出省略
单行和多行文字溢出省略最近在做一个微信小程序的项目,遇到的一些移动端布局的问题,在此记录一下,防止踩坑。单行文字溢出首先是通用处理方案:.text-ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}但是如果配合 flex 布局同时作用于一个元素则会失效。.recommend{ display:flex; justify-center:center; al原创 2021-01-20 12:22:25 · 404 阅读 · 2 评论 -
JavaScript设计模式
JavaScript设计模式设计原则S O L I D 五大设计原则S———单一职责原则O———开放封闭原则L———李氏置换原则I———-接口独立原则D———-依赖导致原则S———单一职责原则一个程序只做好一件事如果功能过于复杂就拆分开,每个部分保持独立O———开放封闭原则对扩展开放,对修改封闭增加需求时,扩展新代码,而非修改已有代码这是软件设计的终极目标L———李氏置换原则子类能覆盖父类父类能出现的地方,原创 2020-12-18 10:09:21 · 1108 阅读 · 0 评论