![](https://img-blog.csdnimg.cn/21bebc5c65814042a13dfb76daa0371e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 86
以实战为线索,逐步深入前端开发的各个环节,打造完整前端工作流,提升工程化编码能力和思维能力。
微小冷
这个作者很懒,什么都没留下…
展开
-
Next.js初步使用
Next.js是一个基于React的服务端渲染框架,可以实现构建高性能、可扩展的React应用,提供了很多方便的工具和功能,包括自动代码分割、服务器端渲染、静态文件服务、自动缩小、热模块替换等等。它还内置了一些常用的功能,如处理CSS、图片、Markdown等文件。Next.js也支持使用TypeScript开发,并提供一些插件来帮助开发者更好地使用TypeScript。原创 2023-12-02 08:30:00 · 982 阅读 · 0 评论 -
Ant Design布局:Flex, Grid, Layout
任何UI工具,布局都是设计过程中必不可少的一环,前端更是如此。但网页和桌面应用还有区别,正常的网页,无论在手机还是PC上,基本都是自上而下排布的信息流,这种浏览方式对布局来说是一个限制,即很难想象一个网页提供从下到上的浏览方式。原创 2023-11-28 08:30:00 · 2599 阅读 · 0 评论 -
React UI界面:Ant Design初步
Antd是一套非常现代的React组件库,是好多人用过的第一个组件库,但我对其印象最深的却是圣诞节彩蛋,只是上网一查才发现,一晃这么多年过去了。原创 2023-11-25 08:15:00 · 650 阅读 · 0 评论 -
React基础入门
react是目前最流行的前端框架,几乎也不用太介绍了。原创 2023-11-24 08:30:00 · 1862 阅读 · 0 评论 -
electron从零开始做个倒计时
文章目录简介与入门获取时间倒计时到了之后会怎样从0开始,通过electron写一个倒计时工具,其最终效果为简介与入门electron-fiddle自带了一个Hello world项目,按F5启动程序,就会出现如下窗口。倒计时程序可以在此基础上进行修改,而丐版的倒计时,其实只需要把Hello World变成不断变化的时间,而将下面一小行字改成当前的时间信息。在默认项目中,共有5个文件:index.html:很显然,是一个和布局相关的文件style.css:html对应的渲染文件main.原创 2022-04-30 12:25:13 · 1484 阅读 · 0 评论 -
用electron做一个浏览器
文章目录iframe输入网址iframeelectron的窗口控件,实际上就是一个html解析工具,也就是说,通过electron可以用最短的代码,写一个浏览器,甚至可以查看浏览器中网页源代码,如下图中点击View->Toggle Developer Tools代码只需要一个main.jsconst {app, BrowserWindow} = require('electron')function createWindow () { const mainWindow = new B原创 2022-05-04 08:51:33 · 7637 阅读 · 1 评论 -
electron爬虫:定制专属CSDN应用
electron定制CSDNiframe也好,webview也罢,都是直接嵌入网页,几乎不存在对网页定制的可能,而且很多网站是禁止被插入别人的网页的。所以,若想重新规划某个网站的网页,并写在自己的App中,那就只能用爬虫了。node爬虫爬虫操作需要两个额外的包:request和cheerio,前者请求目标链接,后者分析dom元素。npm install request --savenpm install cheerio --save如今node做得越来越智能了,其命令行提供的补全功能可以减少原创 2022-05-08 21:44:52 · 2146 阅读 · 0 评论