- 博客(21)
- 收藏
- 关注
RSS订阅原创 关于vue3开发西瓜视频播放器--xgplayer的那些坑
写在前面，官网地址：https://v2.h5player.bytedance.com/plugins/#xgplayer-flv-js刚入职就接手一个需求，开发一个直播流，实现在线实时监控的播放功能。话不多说，直接进入主题，坑在哪里？用西瓜视频播放器的插件实现时要注意区分视频格式是flv或者是MP4格式，还是直播流，每种类型的插件选择是不一样的，例如：这个是直播流的插件踩坑踩多了也就习惯了，还好官网有示例，可以反复尝试。各位小伙伴，如果需要实现flv视频播放的话，代码呈上，请笑纳！
2023-11-01 20:59:49
1987
5
原创 那些HTTP你不知道的事
HTTP是一个无状态的协议Cookie的存在是为了解决客户端与服务端会话状态的问题，这个状态指后端服务的状态而非通讯协议的状态Cookie是指某些网站为了辨别用户身份儿储存在用户本地终端上的数据Cookie的设置客户端向服务器发送HTTP请求服务器收到HTTP请求时，在响应头里面添加一个Set-Cookie字段浏览器收到响应后保存下Cookie之后的浏览器发送每一次请求，服务器都会通过Cookie字段将存储的Cookie信息发送给服务器Cookie的一些属性Expires用来设置Co.
2022-02-21 17:13:36
173
原创 常用的Es6小技巧
1、取值技巧使用ES6的解构赋值，在对象中解构值，可以自定义属性名const obj ={a:1,b:2,c:3}const {a:mya,b:myb,c:myc}=obj || {}const d = mya+myc注意：解构的对象不能为undefined和null2、 合并数据技巧使用ES6的扩展运算符const a =[1,2,3];const b=[1,3,5];const c = [...new Set([...a,...b])]const obj1 = {a:
2021-12-01 17:58:12
470
原创 react学习
react学习一、创建react项目1、创建项目文件夹，在vscode中打开项目文件夹，在此项目文件夹下打开终端，通过命令生成react项目，命令为npx creat-react-app react_demo2、在生成的项目文件中有src文件夹，这是整个项目的源代码开发目录，在src目录下的index.js文件中编辑// 从 react 的包当中引入了 React。只要你要写 React....
2019-07-11 22:11:28
107
原创 vue的生命周期
vue的生命周期前言1、什么是生命周期vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）2、为什么要学习生命周期？因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途3、这个生命周期是谁的生命周期？组件...
2019-06-28 17:09:02
108
原创 过渡效果与动画
过渡效果与动画1、过渡效果过渡模式：mode分为两种1、in-out：先进入再离开2、out-in：先离开再进入一个过渡或是一个动画可以分为两个大阶段 ： 进入、 离开2、动画使用形式1、在 CSS 过渡和动画中自动应用 class2、可以配合使用第三方 CSS 动画库，如 Animate.css3、在过渡钩子函数中使用 JavaScript 直接操作 DOM...
2019-06-28 11:27:10
427
原创 过滤器
过滤器1、什么是过滤器用来格式化数据的一个函数语法 Vue.filter( 过滤器的名称， 过滤器的回调函数 )过滤器要想获得我们的数据，要通过一个叫做 ‘管道符 | ’ 来获取数据过滤器是对已经有的数据进行格式化，也就是必须先有数据，再去格式化扩展：vue 1.x 版本借鉴了 angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写...
2019-06-26 21:19:28
135
原创 属性验证
属性验证为了避免从父组件接收的数据出现类型不统一，导致最后的数据出错，如：'100' + 10最后输出10010的情况，一般会在数据传送过来时进行验证，以下为四种验证方式：<div id="app"> <Father></Father> </div> <template id="father"> ...
2019-06-26 20:19:05
344
原创 动态组件与slot插槽
动态组件与slot插槽一、动态组件可以改变的的组件Vue 提供了一个 component + is 属性动态组件指的就是component组件<div id="app"> <button @click = "change"> 切换 </button> <component v-bind:is = "ty...
2019-06-26 17:53:37
1293
原创 Vue组件通信
Vue组件通信前言1、为什么要进行组件通信组件是一个具有独立功能的整体，但是将组件拼接在一起时，需要在这些组件之间建立联系，这个联系称之为通信2、扩展（app的手动挂载）new Vue({}).$mount('#app')一、父子组件通信1、父子组件通信实例：<div id="app"> <Father></Father> <!...
2019-06-25 21:00:28
926
原创 Vue组件化
Vue组件化一、基础概念1、概念：组件是html、css、js等的一个聚合体2、为什么要使用组件？组件化将一个具备完整功能的项目的一部分进行多处使用加快项目的进度可以进行项目的复用要想实现组件化，我们使用的这一部分必须是完整的，这个完整的整体称之为组件3、vue将html、css、js、img等聚合体放在一起组成的文件称之为单文件组件，后缀名为vue（xxx.vu...
2019-06-24 20:20:14
640
原创 虚拟dom与diff算法
虚拟dom与diff算法以下为自己总结内容，欢迎其他程序员小伙伴一起交流谈论！1、概念引入大量的dom操作会使性能降低，而且花费的时间更多，为此，为了减少dom操作，提高性能，我们应该先操作数据，再去操作dom，因此，前端引入了虚拟dom，即vdomVue是一种MVVM框架，Vue高性能的原因之一就是vdom2、什么是虚拟dom（vdom）它是一个Object对象模型，用来模拟...
2019-06-24 16:22:49
155
原创 axios、fetch两种框架级请求总结
前言：1、axios和fetch是没有jsonp数据请求类型2、axios和fetch都是promise3、axios会对我们请求来的结果进行再一次封装，即提高安全性（因为请求到的数据是裹挟在一个对象中输出的，提取数据还需要进一步操作，因此安全性提高）4、fetch要手动进行一次数据格式化，但是axios是内部进行的数据格式化5、fetch中的get方法请求数据，参数直接连接在url上...
2019-06-22 17:27:09
387
原创 Vue初识
Vue初识一、前端发展历史1、htmlhtml [1990]----> html5 [2008.1.12]2、csscss 1.0 1996css 2.0 1998css 3.0 20013、EcmaScript 1997年诞生2015 EcmaScript 20152016 EcmaScript 20164、随着前端项目的逻辑越来越复杂和难以维护，那么前端...
2019-06-20 11:39:29
264
原创 Vue语法
Vue语法1、数据类型分类第一种划分基础数据类型：number string boolean复杂数据类型：object ( array function)特殊数据类型：null undefined第二种划分初始数据类型：number string boolean null undefined引用数据类型：object ( array func...
2019-06-19 19:50:47
556
原创 mongoose操作数据库
mongoose操作数据库1、在项目目录下打开终端，输入：cnpm i mongoose -D，安装Mongoose2、引入mongoose，命令为const mongoose = require ( 'mongoose')3、连接数据库mongoose.connect( 'mongodb://127.0.0.1:27017/myusers', (error) =>{ if(e...
2019-06-17 12:49:31
385
原创 用express创建api服务器（接口）
用express创建api服务器（接口）1、在文件夹下打开终端，输入命令npx express -e apisever //apisever为项目名称2、用命令：cd apisever进入项目目录下3、用命令：npm i 安装依赖文件，此时会生成一个node_modules文件夹注意：api服务器需要使用测试工具测试，不能用浏览器展示自己打造接口1、在项目目录下的app.js中...
2019-06-16 21:31:32
894
原创 后端渲染数据到页面
后端渲染数据到页面1、在创建的文件夹下建好相应文件，如html，js，json等2、在文件夹下打开终端，输入命令：npm init -y，初始化生成package.json文件3、使用express包创建接口，安装express,命令为：npm i express -D4、在js文件中引入express，语句为：const express = require('express')...
2019-06-12 19:57:33
2988
原创 AMD、CMD、common
AMD、CMD、common.js三者都是都是模块化工具，可以将一个特定功能封装起来，便于随时调用，实现代码量减少，避免全局污染等功能，对于前段开发很方便。模块化也叫做***具有特定功能的对象***，所以这样就更好的方便我们理解模块化，就像封装函数一样，讲某个功能的函数封装起来，便于多次调用，而模块化也是如此，在开发中需要某个功能，直接引入该模块即可，模块定义的流程定义模块（即需要实现什么...
2019-06-12 12:44:44
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人