- 博客(11)
- 收藏
- 关注
RSS订阅原创 ES6的属性及方法
ES6的常用方法（一）什么是es6？ES6全称 ECMAScript 6.0，2015年6月发布。现在大部分浏览器都支持ES6了。为什么会有ES6？解决了ES5的不足点。ES6的语法糖，写代码有质的飞跃。现在各大厂面试中必有ES6，如果还不会找工作可能都会有点困难。1，变量声明letlet是ES6新增的，用于声明变量，块级作用域。var：var a='aaa';var a='ssss'console.log(a);//输出 sssslet：let a='aaa'
2022-04-08 11:15:03
2576
原创 Js的异步实现
Js的异步实现JS中的任务分为 同步任务 和 异步任务。首先看一下两种任务：同步任务同步任务（synchronous）：在主线程上排队的任务，只有前一个执行完毕才能执行下一个。先来看一段示例代码： console.log('aaaa'); console.log('ssss'); console.log('dddd');//那么执行结果：aaaa ssss dddd做前端的应该都知道Js是单线程的顺序执行，所以输出结果无疑是顺序输出。 console.log('aaaa');
2022-04-06 10:18:18
1031
原创 JS中的小技巧(一)~
js中的小技巧~1. 交换两个变量的值var a=1,b=2;a ^= b;b ^= a;console.log(a); //2console.log(b); //1 2. 小数取整【此方法无法实现四舍五入】var a=2.30;console.log(~~a); //23. xx.toString()方法1.可以转换(2~36)进制let a=10;a.toString(); //'10'a.toString(2); //'1010'a.toString(
2021-10-22 17:42:57
145
原创 vue项目打包部署nginx跨域
vue项目打包部署nginx跨域vue项目连接外部api接口时，打包部署到nginx后出现api404，api跨域问题，这个时候需要给vue项目本身进行跨域，再配置nginx中进行跨域即可解决，详见下文。1. 首先给vue项目加上跨域【使用外部api时】在vue项目中index.js文件中加上代理操作。这里的【target】是我们需要跨域的api路径（接口路径），下面的【"^api"】直接为空。上图为 我自己添加的【test.env.js】配置文件，主要在测试环境使用，这里直接把 API_H
2021-06-02 17:08:46
1160
1
原创 vue项目实现多环境 打包 / 运行
vue项目实现多环境 打包/运行1. 添加配置文件在项目中 config 文件夹中添加开发环境，测试环境，生产环境配置文件（这里配置文件建议格式【*.env.js】方便后面配置文件的读取操作）举个测试配置环境的例子：'use strict' module.exports = { // 测试 NODE_ENV: '"test"', API_HOST: '"http://192.168.0.130:8080/"', }这里的 NODE_ENV 可以当作一个唯一（当前配置文件的key），API_
2021-02-18 11:24:20
924
原创 前端Vue项目实现CDN加速
前端Vue项目实现CDN加速我们在开发前端项目的时候难免会遇到请求响应慢，页面数据渲染慢，等等问题。浏览器从服务器上下载 CSS、js 和图片等文件时都要和服务器连接，而大部分服务器的带宽有限，如果超过限制，网页就半天反应不过来。而 CDN 可以通过不同的域名来加载文件，从而使下载文件的并发连接数大大增加，且CDN 具有更好的可用性，更低的网络延迟和丢包率 。一，引用外部CDN加速首先我这里用的是 jsdelivr 的CDN加速。进入jsdelivr的官网后，我们可以看见，不仅有npm的加速
2021-02-04 12:11:22
1973
原创 DPlayer播放器
DPlayer播放器前言DPlayer播放器支持弹幕，音量调节，后期的弹幕设置以及放大缩小屏幕等操作，好的一点是比上次那个flv的demo好一点，进入正题。效果预览推流使用OBS直播平台，浏览器使用Chrome源码呈上附上代码地址：https://github.com/lym-github01/DPlayer有更好的提议或者疑问，欢迎在issue提，我会第一时间回复！1，配置好OBS直播平台如有不会的，可以看我之前的博客：链接附上————2，运行代码实现效果踩坑（1）在cnpm i
2020-12-25 16:28:05
22939
原创 OBS实现推流
OBS实现推流1，下载 安装首先到OBS官网下载对应安装包：https://obsproject.com/zh-cn/download2，添加媒体源如下图所示：3，设置推流服务如下图所示：这里的服务选择 自定义 就行了，服务器填自己的rtmp服务器的地址，串流密钥也填自己的。4，开始推流如下图所示：这样整个推流就完成了，然后就可以在本地跑起来的flv播放器中访问rtmp定义的地址就可以了。...
2020-12-24 15:05:33
6584
原创 vue websocket实时推送
vue websocketwebsocket原理在我们前端开发来说，接触最多的获取数据的方式就是ajax实现异步请求；ajax的请求是，client向server发送请求，server接收到请求后向client返回数据。如果我们需要经常去调用这些数据，比如说隔5秒调用一次，用ajax的话也可以实现，但是会很消耗性能。而websocket是只用client向server发送一次请求，后面server就会实时向client返回数据，这样不管我们要多久调用一次数据，都可以实现随要随取的一个状态，性能也得到了优
2020-12-24 11:26:53
715
原创 bilibili flv流媒体
<!DOCTYPE html><html><head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>flv.js demo</title> <link rel="stylesheet" type="text/css" href="demo.css"/></head><body><div class="mainContainer"> <div class="con
2020-12-22 19:52:46
1822
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人