javascript
文章平均质量分 55
GGCoder
每天坚持进步一点点~
展开
-
Typescript高级用法
typescipt高级用法原创 2021-12-16 11:15:06 · 671 阅读 · 0 评论 -
前端实现直播功能
前端直播功能实现直播现在很火,但是直播具体是通过什么方式实现的呢,他是如何通过前端的方式实现的呢?带着这两个问题我们研究一下一、熟悉我们先了解一下直播的具体流程通过上图我们可以大致的看到。直播一共分为三个步骤视频/图像采集流媒体服务器(做推流和拉流的中转服务器)拉流/播放二、具体操作流媒体服务器搭建这里我们用的是nodejs+node-media-server来做我们的视频中间件。你只需要建立一个文件夹,然后在这个文件夹做如下操作:一、npm i node-media-ser原创 2021-07-08 13:19:03 · 11333 阅读 · 26 评论 -
Flow 常用知识点整理
Flow是facebook出品的JavaScript静态类型检查工具。由于JavaScript是动态类型语言,它的灵活性也会造成一些代码隐患,使用Flow可以在编译期尽早发现由类型错误引起的bug,这种方式非常有利于大型项目源码的开发和维护。一、 Flow的安装npm install --g flow-bin创建一个项目文件夹./demo进入项目文件夹。npm init -y创建package.json文件,在文件中的scripts中添加:"scripts": { "flow": ".原创 2021-04-07 15:17:35 · 6410 阅读 · 0 评论 -
用@media做自适应的css
@media自适应css@media可以更具查询条件(查询条件的true或者false)切换不同的css样式@media type and (属性) / @media not type and (属性)typescreen(屏幕)print(打印机)tty(打字机)等等属性widthheightorientation(窗口方向)举例子://让768以上1200以下背景变红@media screen and (min-width:768px) and (m原创 2021-01-11 07:58:08 · 11515 阅读 · 0 评论 -
less的基本用法
lessless可以说是动态化的css语言,主要是因为他的代码可以复用less的使用:在全局npm 安装less ,并执行lessc less文件路径 编译完成后的css路径,然后把编译后的css文件引入到html就可以了bootCDN搜索less,然后在html引入less的功能:生成变量(并且变量是可以运算的)@变量名:变量值;@color:#fff+#111混入就是把一个类的样式,混入到另一个类中并且在此过程中还可以传递参数.test{原创 2021-01-11 07:56:20 · 15230 阅读 · 5 评论 -
HTML5拖拽文件上传
上传文件HTML5新增了文件API,提供客户端本地操作文件的可能.我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名称、大小、类型、和修改时间.file类型的input表单新增了files属性,保存我们上传文件的信息,如果要实现多文件上传,可以设置input的multiple属性.可以使用accept属性规定文件上传的MIME类型 例如’image/jpeg’<form action="#"> <div class="for原创 2020-12-31 19:39:13 · 15710 阅读 · 3 评论 -
百度网盘视频在线(倍速播放)
百度网盘视频在线(倍速播放)实现步骤:在网页打开百度网盘,在期中找到要观看的视频选择好视频之后,在视频的网页按下F12在Console下输入以下这条命令就可以开启倍速观看了我选的是1.5倍速的例子:代码:videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(几倍速)...原创 2020-12-13 16:02:27 · 13732 阅读 · 2 评论 -
用正则表达式提取歌词LRC中的歌词
目前有如下格式的歌词:"[00:00.000]":"作曲 : G.E.M. 邓紫棋","[00:01.000]":"作词 : G.E.M. 邓紫棋","[00:03.52]":"编曲:G.E.M.邓紫棋 / T-Ma 马敬恒","[00:06.31]":"可惜我们终于来到","[00:10.18]":"一个句号","[00:13.16]":"窗外不愿飞的蜂鸟","[00:16.58]":"也在哀悼","[00:19.67]":"城市再也不会听到",要求歌词前面的时间都去掉,只匹配出歌词,原创 2020-11-28 23:11:26 · 14323 阅读 · 6 评论 -
【ES6】新语法入门篇
【ES6】新语法let关键字新加入了块级作用域(即在大括号中的就是块级作用域,例如if中)没有变量提升了不能从新定义了就算在全局中生成let变量,他也不会存在在window对象中在es6中函数的形参就是相当于用let定义的变量,不能重复声明function fun(a) { console.log(a) let a = 1//报错}fun(12)如果在一个作用域中定义了一个变量,这个作用域内的这个变量就被封闭了,就不能再访问到外界的这个原创 2020-11-01 08:50:19 · 12561 阅读 · 3 评论 -
jQuery实现Ajax的方法
jQuery中的ajaxjQuery中封装了很多可以实现异步交互的Ajax的方法,今天就来简单介绍一下,这些方法的具体用法一、jQueryElement.load()参数:url,[data],callback注意:1.data不写默认用的方式是get。2.data有参数的话默认的方式就是post返回的内容会写在调用它的jQueryElement对象中$(function () { $('#btn').click(function () {原创 2020-09-04 23:29:22 · 12573 阅读 · 1 评论 -
JS原生Ajax(XMLHttpRequest对象)
Ajax用途:主要是引用于异步交互,当使用Ajax模型,HTML 页面能够快速地将数据逐步更新显示在用户界面上,不需要重载(刷新)整个页面。这使得HTML页面能成更快速地对用户的操作进行反馈。Ajax的实现流程XMLHttpRequest对象是实现Ajax异步交互的核心创建XMLHttpRequest对象调用XMLHttpRequest对象的open()与服务器端建立连接调用XMLHttpRequest对象的send()方法向服务器传输数据,null代表不传输任何东西利用XMLHttpR原创 2020-09-04 23:24:25 · 12505 阅读 · 0 评论 -
[js]--input上传图片并浏览
学习目标图片的上传并浏览图片传入到后端,后端存储,并返回可以直接访问的图片链接需要掌握的技能JavaScriptnodejs效果展示生成步骤前端上传图片后,图片浏览用change事件监听,是否上传文件获取上传的文件给这个文件建立一个url为预设好的图片设置的src属性 //图片上传时图片浏览 $('.file').change(function () { // 获取上传的文件原创 2020-08-07 14:50:50 · 14923 阅读 · 1 评论 -
ES6新属性
ES6新增属性因为node用的大部分是ES6的语法,所以要先学习一下ES6新语法let-变量声明在ES5中的变量声明为var,而ES6新增变量声明let区别varlet变量提升√×块级作用域×(函数作用域)√重复声明√×重新赋值√√const-常量声明没有变量提升新增块级作用域不可重复声明不可以重新赋值必须初始化对象的解构赋值就是把一个对象的属性对应的值赋值给了一个或多个变量写法:期中左边的为对象的键原创 2020-07-02 11:01:42 · 13881 阅读 · 1 评论