彼岸悠扬-优快云博客

原创 Element踩坑日记

selectselect中的slot应使用span标签<el-select v-model="select3"> <el-option v-for="item in list" :key="item.value" :label="item.name" :value="item.value" >  <span class="flex"&g

2021-12-01 23:41:02 481

H5原生WebSocket使用建立连接步骤创建WebSocket实例链接WebSocket服务器监听消息// 创建实例let ws = new WebSocket('ws://127.0.0.1:3000');// 连接服务器ws.onopen = (e) => { console.log('已连接上服务器'); ws.send('Hello');};// 监听消息ws.onmessage = (e) => { console.log(e);};// 监

2021-05-09 21:17:27 125

原创事件循环

事件循环JavaScript代码执行机制所有同步任务都在主线程的栈中执行主线程之外,还存在一个任务队列。当异步任务有了运行结果，就会在任务队列中放置一个事件。当栈中的所有同步任务执行完毕，系统就会读取任务队列，选择出需要首先执行的任务（由浏览器决定）宏任务与微任务MacroTask(宏任务): setTimeout, setInterval, requestAnimationFrame, I/OMicroTask(微任务):process.nextTick, Promise.th

2021-05-09 16:43:40 127

原创 ES6中的装饰器

装饰器装饰器（Decorator）是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。（引用自《ECMAScript 6 入门》）用于装饰类function demo(target) { console.log('name:', target.name); target.isDemo = true;}@democlass Example { sayHi() { console.log('Hi')

2021-05-09 15:40:37 375

原创 promise与async、await

promise与async、awaitpromise用法promise基本用法let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('p1-ok'); }, 1000);});let p2 = Promise.resolve('p2-ok');p1.then((res) => { console.log(res);// p1-ok return p2;}).then((

2021-05-09 12:55:23 118

原创文本溢出时显示省略号

显示单行overflow: hidden;text-overflow: ellipsis;white-space: nowrap;显示多行overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/* 此处为在第2行末尾显示省略号 */-webkit-line-clamp: 2;注意：若父元素设置了display: flex;那么也应给该父元素添加overfl

2020-08-07 17:08:46 215

原创 Windows系统下安装及配置MySQL

下载MySQL：MySQL官网下载完成后解压到安装目录，在软件安装目录中新建mysql.ini配置文件，添加如下配置项：[client]# 设置mysql客户端默认字符集default-character-set=utf8 [mysqld]# 设置3306端口port = 3306# 设置mysql的安装目录basedir=F:/server/mysql# 设置 mysql数据库的数据的存放目录，MySQL 8+ 不需要以下配置，系统自己生成即可，否则有可能报错# datadir.

2020-07-23 11:16:48 121

原创 Windows系统下配置Apache加载PHP

PHP为Apache提供的模块文件为PHP安装目录下的php7apache2_4.dll文件，需要在Apache的httpd.conf配置文件中加载该模块：# 加载PHP模块LoadModule php7_module "PHP安装路径/php7apache2_4.dll"指定使用PHP模块解析的文件类型，在Apache的httpd.conf配置文件中添加如下配置项：AddType application/x-httpd-php .php .html重启Apache，在浏览器中访问.

2020-07-23 11:16:09 310

原创 Windows系统安装PHP

下载PHP：PHP官网，注意根据自己的系统选择对应的位数将文件解压到安装目录，如F:/server;将php.ini-development文件或php.ini-production文件（根据是开发还是生产环境来做选择）复制一份，重命名为php.ini，php.ini才是有效的PHP配置文件测试是否安装成功。新建一个PHP文件，如：F:/server/web/test.php，在文件中输入如下PHP代码：<?php echo 'Hello World'?>在CMD命令行工具中.

2020-07-23 11:15:15 706

原创 Windows系统安装Apache服务器软件

下载Apache：Apache官方下载链接，注意根据自己的系统选择对应的位数；解压文件，将解压后的Apache24文件夹复制到自定义的安装目录，如F:/server;修改Apache默认配置，打开Apache24/conf/httpd.conf文件，修改以下选项：# Apache服务器软件目录ServerRoot "F:/server/Apache24"# 服务器域名ServerName localhost# 网站根目录，如"F:/server/web"DocumentRoot "F.

2020-07-23 11:13:54 182

彼岸悠扬的博客