- 博客(87)
- 收藏
- 关注
RSS订阅原创 Linux系统安装桌面
请注意，安装图形界面会增加ECS实例的资源消耗，包括内存和CPU使用率，确保您的实例规格能够支持图形界面的运行。此外，出于安全考虑，建议仅在必要时启用图形界面，并适当配置防火墙规则以限制访问。重启后，您可以通过VNC服务连接到ECS实例来验证桌面环境是否安装成功。在阿里云ECS管理控制台中，找到相应的实例，启用VNC并连接，即可看到新安装的桌面环境。连接到ECS实例：首先，确保您已通过SSH客户端连接到您的ECS实例。安装X Window系统和桌面环境（如MATE或GNOME）安装GNOME桌面环境。
2024-06-27 16:53:34
483
原创 Linux安装 swoole
第四步:执行命令make&&make install执行完该命令成功后会在最后返回几行有一行Installing shared extensions: /www/server/php/71/lib/php/extensions/no-debug-non-zts-20160303/(该路径记住，一会配置php.ini会用到)第二步:cd 进到该目录。第五步:运行命令cd /www/server/php/71/etc,接着通过vim编辑php.ini文件,在文件最后加上。
2024-04-17 22:36:48
528
原创 Vim是一款功能强大的文本编辑器
在命令模式下，按下小写字母y可以复制选定的文本，按下大写字母P可以在当前行上方粘贴文本，按下大写字母p可以在当前行下方粘贴文本。在命令模式下，按下冒号（:）键，然后输入wq，即可保存文件并退出Vim。在命令模式下，按下斜杠（/）键，然后输入要搜索的文本，按下回车键即可进行搜索。在命令模式下，按下gg可以跳转到文件开头，按下G可以跳转到文件末尾，按下行号加G可以跳转到指定行。在命令模式下，按下小写字母u可以撤销上一次操作，按下Ctrl+r可以重做撤销的操作。在编辑模式下，可以直接输入文本内容。
2024-04-17 22:21:11
542
原创 Swoole简单入门教程聊天系统
然后运行以下代码启动服务端：php chatServer.php 如果一切正常，你可以netstat -lntp看一下，系统会监听进程名为swooleChat，端口为9504的服务。在这里，服务端接收客户端消息，并作出相应动作。然后用浏览器打开wsClient.html，你可以看到一个聊天窗口，一开始会提示连接成功，然后你可以在输入框中输入你想说的话，如“美女”等等。首先在项目目录：src/app/ 下建立Chat.php，用作Swoole服务端主程序。准备工作就绪后，我们开始来撸代码。
2024-04-09 15:55:14
763
1转载 Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案
方法一：尝试卸载Node.js 17+版本并重新安装Node.js 16+版本，然后再重新启动。方法二：package.json增加配置（可行）
2023-07-18 14:41:32
332
原创 Vue中beforeRouteEnter、beforeCreate、Created的执行时机&this在这三者中的值
关于Vue中beforeRouteEnter、beforeCreate、Created的执行时机&this在这三者中的值
2023-04-06 16:08:19
1081
原创 超链接样式被点击过后a:hover{}和a:active{}样式不起作用”的原因及解决方法
a:link {}a:visited {}a:hover {}a:active {}
2023-04-05 12:21:03
382
原创 ul和ol的区别
1、ol是有序列表ul是无序列表2、ol前面是数字，ul前面是圆点ul是无序列表，●这是第一个列表●这是第二个列表●这是第三个列表●这是第四个列表ol是有序列表，1、这是第一个列表2、这是第二个列表3、这是第三个列表4、这是第四个列表ul与ol前的符号是可以修改的。只需要修改它们的type值。ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—
2023-04-04 16:00:11
1710
原创 什么是空元素？
HTML中，从开始标签（start tag）到结束标签（end tag）的所有代码，被称为HTML元素。由于HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。
2023-04-04 15:45:56
207
原创 html5中的行内标签有哪些
块级标签：会独占一行,默认情况下,其宽度自动填满其父元素宽度块级元素可以设置width,height属性.块级元素即使设置了宽度,仍然是独占一行.
2023-04-04 15:23:58
219
原创 关于xhtml和html的区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别。本文简单介绍什么是XHTML，以及与HTML相比XHTML有什么特点。 1、什么是XHTML？ HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML（有几分）的强大功能及HTML（大多数）的
2023-04-04 15:19:20
634
原创 标准的HTML文档必须包含哪几个必须的部分
1、DOCTYPE声明，用于告诉浏览器编写页面所用的标记的版本；2、html根元素，包含文档的元数据，向浏览器提供有关文档内容和标记的信息；
2023-04-04 15:13:24
462
原创 vscode中 无法执行命令 报错 tsc : 无法加载文件 D:\nodejs\node_global\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息
1.管理员身份运行vs code2.在终端执行：get-ExecutionPolicy，显示Restricted3.在终端执行：set-ExecutionPolicy RemoteSigned4.在终端执行：get-ExecutionPolicy，显示RemoteSigned
2022-09-11 15:37:27
478
原创 display:none、visibility:hidden 和 opacity:0 之间的区别？
三者共同点都是隐藏。不同点：一，是否占据空间display:none,隐藏之后不占位置；二，子元素是否继承display:none — 不会被子元素继承，父元素都不存在了，子元素也不会显示出。visibility:hidden—会被子元素继承，通过设置子元素visibility:visible来显示子元素。opacity:0—会被子元素继承，但是不能设置子元素opacity:0来重新显示。三，事件绑定display:none的元素都已经不再页面存在了，因此无法触发它绑定的事件。visibi
2021-06-17 16:16:13
338
原创 v-if 和 v-show 的区别
v-if 和 v-show 的区别v-if 在编译过程中会被转化成三元表达式,条件不满足时不渲染此节点。v-show 会被编译成指令，条件不满足时控制样式将对应节点隐藏 （display:none）使用场景v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景v-show 适用于需要非常频繁切换条件的场景扩展补充：display:none、visibility:hidden 和 opacity:0 之间的区别？...
2021-06-17 15:54:48
127
原创 vue里为什么 data 是一个函数,Vue 组件通讯有哪几种方式
vue里为什么 data 是一个函数组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data，就会造成一个变了全都会变的结果Vue 组件通讯有哪几种方式props 和emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过emit 父组件向子组件传递数据是通过 prop 传递的，子组件传递数据
2021-06-17 15:12:01
190
原创 MVC 和 MVVM 区别
MVC 和 MVVM 区别MVCMVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据MVC 的思想
2021-06-17 15:03:54
288
原创 webpack学习
同构应用是指写一份代码但可同时在浏览器和服务器中运行的应用。认识同构应用大多数单页应用的视图都是通过JavaScript代码在浏览器端渲染出来，但是在浏览器端渲染的坏处有：搜索引起无法收录你的网页，因为展示的数据都是在浏览器端异步渲染出来的，大多数爬虫无法获取到这些数据。对于复杂的单页应用，渲染过程计算量大，对低端移动设备来说可能有性能问题，用户能明显感知首屏的渲染延迟。同构应用运行原理的核心在于虚拟DOM， 虚拟DOM的优点在于：因为操作 DOM 树是高耗时的操作，尽量减少 DOM 树操作能优
2021-05-31 20:14:49
129
原创 Chakra-UI 学习笔记
现代化 React UI 框架 Chakra-UIChakra-UI 介绍Chakra UI是一个简单的，模块化的易于理解的UI组件库.提供了丰富的构建React应用所需的U|组件.文档: https://next.chakra-ui.com/docs/getting-startedChakra UI内置Emotion,是CSS-IN-JS解决方案的集大成者基于Styled-Systems https://styled-system.com/支持开箱即用的主题功能默认支持白天和黑夜两种模式
2021-05-24 22:55:14
408
原创 css-in-js emotion
从写法上看, 侵入性比较小, 直接就是 className:import styled, { css } from 'react-emotion';const Container = styled('div')` background: #333;`const myStyle = css` color: rebeccapurple;`const app = () => (<Container> <p className={myStyle}>Hell
2021-05-23 22:09:20
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人