MikeZhang93-CSDN博客

原创 vue+thee.js 模型文件缓存及加载

1.OBJ文件加载let cFloorModel = _this.publicPath + "model/yzzn/dFloor3.obj"let cFloorMtl = _this.publicPath + "model/yzzn/dFloor3.mtl"mtlLoader.load(cFloorMtl, function (materials) { materials.preload(); objLoader.setMaterials(materials).load(cFloorM

2021-07-28 16:19:50 415

原创 vue使用swiper

1.下载swiper及vue-awesome-swipernpm install swiper vue-awesome-swiper --save-dev2.引入及使用<template> <div> <swiper ref="mySwiper" :options="swiperOptions" v-if="noteArr.length"> <swiper-slide v-for="(item,index) in noteArr" :k

2021-07-28 16:08:52 129

原创 wpvue使用Less及踩坑

1.下载less到项目中运行 npm install less less-loader --save2.配置webpack.base.conf.js加入Less相关配置规则{ rules: [ { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', ...

2020-05-07 19:34:56 268

原创 wpvue初始化2

【注意事项】由于mpvue也在不断的开发演进，大家在不同时间段使用的时候，可能会遇到和文中的做法不一样的地方。请关注文章的评论区中大家的讨论，寻找解决方案，或者及时查阅官方文档，避免陷入版本更新的坑里哦。1. 删除初始化自动创建的页面删掉 src/components 、 src/pages 、 src/utils 三个目录下的所有代码文件2. 文件重置2.1 先把小程序重置为一个没...

2020-05-07 19:12:06 275

原创 wpvue初始化配置

1.框架原理mpvue 保留了 vue.runtime 核心方法，无缝继承了 Vue.js 的基础能力mpvue-template-compiler 提供了将 vue 的模板语法转换到小程序的 wxml 语法的能力修改了 vue 的建构配置，使之构建出符合小程序项目结构的代码格式： json/wxml/wxss/js 文件2.创建一个基于 mpvue-quickstart 模板...

2020-05-07 19:10:32 205

原创 Vue-cli3 Jest单元测试

本文介绍：1、初始化未选择安装test模块的vue-cli3项目下jest环境的搭建2、vue组件基本的测试方法1.环境配置1.1安装Test-unit依赖npm install --save-dev @vue/test-utils1.2安装Jest依赖vue add @vue/cli-plugin-unit-jest1.3安装babel-jest、vue-jest和babel...

2020-05-06 17:37:44 1666

原创 vue + hls.js直播

1.安装hls.js依赖通过npm安装依赖 npm install hls.js --save2.代码实现有几个需要注意的地方初始化函数需要在页面加载完之后执行，所以可以看到loadVideoFn是在mounted中第一次被执行的vue-cli项目是SPA（单页面应用），所以离开直播页面之后，浏览器依然会继续请求m3u8资源，所以需要在离开页面时，销毁hls，这里用到了this.$o...

2019-12-10 10:04:34 3887 6

原创 vue-cli4配置

1.设置端口号及浏览器是否自动打开vue.config.js加入devServerconst webpack = require('webpack')module.exports = { devServer: { port: 8085, // 端口号 host: 'localhost', https: false, open: true // 配置是否自动...

2019-12-09 15:45:22 1762

原创 vue-cli4安装

1.创建项目执行 vue create vue-test2.选择自定义配置（Manually select features ）3.这里会提示是否保存配置，需要可以选择y4.选择css预编译，这里我选择less5.语法检测工具，这里我选择ESLint + Standard config6.选择更新检测方式，这里我选择保存就检测7.接下来会问你把babel,postcss,...

2019-12-09 15:41:16 1466

原创 Vue-cli4 eslint配置

挑选了一些常常会很难避免的代码规范，将其忽略，当然希望慢慢一条一条的删掉哈哈module.exports = { root: true, env: { node: true, jquery:true }, 'extends': [ 'plugin:vue/essential', '@vue/standard' ], rules: { ...

2019-12-09 15:27:08 5448 1

原创 HLS流视频前端实现

1.Http协议简介（转载）（1）不是流媒体协议。（2）HTTP协议是共有协议，并有专门机构做维护。（3）HTTP协议没有特定的传输流。（4）HTTP传输一般需要 2-3 个通道，命令和数据通道分离。2.引入hls.min.js3.Demo<!DOCTYPE html><html><head> <title>HLS Tes...

2019-12-09 15:16:11 828

原创 RTMP流前端实现

1.rtmp协议简介(转载)（1）是流媒体协议。（2）RTMP协议是 Adobe 的私有协议，未完全公开。（3）RTMP协议一般传输的是 flv，f4v 格式流。（4）RTMP一般在 TCP 1个通道上传输命令和数据。2.引入video.js 元素目前只支持三种视频格式：MP4、WebM、Ogg，RTMP传输的视频流是基于flash的，所以需要使用video.js来实现，由于6以上的版...

2019-12-09 15:03:57 930

MikeZhang93的博客