彼岸悠扬-CSDN博客

原创 Element踩坑日记

select select中的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 435

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 96

原创事件循环

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

2021-05-09 16:43:40 80

原创 ES6中的装饰器

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

2021-05-09 15:40:37 331

原创 promise与async、await

promise与async、await promise用法 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 78

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

显示单行 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 187

原创 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 100

原创 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 281

原创 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 625

原创 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 149

彼岸悠扬的博客