- 博客(10)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 【CSS教程】——几行代码就可以搞定自适应了？
在我们日常开发中经常会遇到卡片布局，比如展示产品、文章、照片等页面。✅ 屏幕变窄时，铺满整个屏幕，当不足以分给每个卡片最小宽度时，自动换行。✅屏幕变宽时，页面尽可能分割成更多列，右侧一定程度上会产生空白区域。✅ 屏幕变窄时，不足以分给每个卡片最小宽度时，自动换行。✅小于卡片宽度自动换行，但右侧会出现空白区域。1. 使用auto-fill。1. 将div变成行内元素。3. 使用auto-fit。✅ 每个卡片设置最小宽度。2. 使用flex布局。✅ 每个卡片设置最小宽度。✅ 每个卡片固定宽度。
2025-06-13 14:39:59
307
原创 vue3.0 PC端自适应不同分辨率电脑
使用rem单位去做页面的适配，先来了解一下什么是rem。rem是CSS3新增的一个相对单位（root em，根em），我们可以通过去设定X rem=Y px（x和y为自定义数值）如图设定1rem=10px第一步：安装相应的依赖为我们自动将全局的px转换成remnpm i lib-flexible-computer -S npm i px2rem-loader -Dnpm i postcss-px2rem第二步：在main.js中引入import "lib-flexible-computer"
2022-01-19 14:37:33
8015
1
原创 require(‘electron‘)报错后使用最新方法引入remote
eletron相关链接:https://www.electronjs.org/zh/docs/latest/breaking-changes#removed-remote-module在docs声明：“基本规则是：如果模块与GUI或低级系统相关，则它应仅在主进程l中可用。”，若在渲染进程中使用main process需要通过remote模块。eletron14.0以下，使用以下引入const { BrowserWindow } = require('electron').remoteeletro
2021-12-28 14:45:14
8169
2
原创 electron打包完整流程（含踩坑）
electron打包的踩坑日志electron文档：https://www.electronjs.org/zh/docs/latest/tutorial/quick-start文档中很详细的介绍了eletron的创建到打包今天讲讲我打包所遇到的所有坑1、安装Electron Forgenpm install --save-dev @electron-forge/cli这一步基本上没事那么问题，确保安装完整就行2、设置forge的脚手架npx electron-forge import注
2021-12-23 10:53:22
9352
1
原创 NW.js和Electron优缺点综合对比
NW.js和Electron优缺点综合对比两个框架对于开发者来说差别并不是特别大，最主要的差别无过于 Electron 区分主进程和渲染进程：两个框架对于开发者来说差别并不是特别大，最主要的差别无过于 Electron 区分主进程和渲染进程：Electron 主进程负责创建、管理渲染进程以及控制整个应用的生命周期，渲染进程负责显示界面及控制与用户的交互逻辑。在 Electron 中，主进程和渲染进程间通信需要经由 ipcMain 和 ipcRenderer 传递消息来实现。NW.js 则无须关注这些问
2021-12-21 09:40:27
7405
原创 HTTP0.9、HTTP1.0、HTTP1.1、HTTP2、HTTP3区别
HTTP0.9、HTTP1.0、HTTP1.1、HTTP2、HTTP3区别原文地址：https://www.jianshu.com/p/28a35094dc5dHTTP/0.9：功能捡漏，只支持GET方法，只能发送HTML格式字符串。HTTP/1.0：支持多种数据格式，增加POST、HEAD等方法，增加头信息，每次只能发送一个请求（无持久连接）HTTP/1.1：默认持久连接、请求管道化、增加缓存处理、增加Host字段、支持断点传输分块传输等。HTTP/2.0：二进制分帧、多路复用、头部压缩、服务
2021-11-19 10:13:09
1655
原创 vue部署在阿里云服务器
第一步：将vue项目打包成rar文件，在项目所在文件夹中打开git bash使用命令scp -r vue项目路径/draw_map.rar root@服务器ip地址:/usr/local将vue项目包传给服务器。第二步：在服务器中cd /usr/local&ls 查看项目包是否存在存在使用unrar x draw_map.rar解压文件第三步：cd draw_map进入已解压的vue项目中如果node的版本不一致，需要删除项目打包的文件使用命令：rm -rf node_modu
2021-05-07 13:09:00
220
空空如也
canvas绘图减少锯齿及消除路径空隙的方法
2022-02-23
electron程序做出悬浮窗口效果
2022-02-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人