![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
front
摩羯的成长期
我愿世界以黑白,不愿爱之人,受苦。
我愿世界以孤独,不愿思之人,思重。
展开
-
视频预览遇到的坑
总结下视频预览遇到的坑: 1、视频预览–后台返回base64或二进制流arraybuffer格式(我们一般直接返回url使用即可,处于安全考虑,现在需求就是这样) 问题一: base64方式:videosrc = 'data:' + content-Type + ';base64,' + base64Code(base64Code是指返回的base64)。这个拼接可前端可后端,建议后端做,因为可能存在换行问题,需要将base64Code.repalce("\r\n","")。如果是前端:base64Code原创 2020-08-23 00:04:40 · 879 阅读 · 0 评论 -
有关MIME-TYPE
有关图片、音频、视频引出的mime。 现有需求需要是实现图片、音频、视频上传,以及显示预览来组装数据,一切发送给用户。 视频: MP4、webn、3gp <!-- 视频实现方式--> 1、video标签 音频:3gp、mp3、aac、amv等 <!-- 视频实现方式--> 1、audio标签 图片:jpeg、jpg、png、bmp、gif 1、img标签 `` 除了上面的以外,你还有用下面几种方式,不到没有办法的办法不要使用下面的几种方式。 1、embed标签 2、object原创 2020-08-18 21:29:47 · 382 阅读 · 0 评论 -
angular官网阅读记录
今天比较闲,虽然本人css也很菜,实在不愿意看。更愿意看些框架类的东西,这里主要是概念理解,从而提升自己的逼格,换句话说,我说的每句话都是有来源和依据的。 二是今天遇到一个问题,组件导入的问题,也还有前段时间组件sevice化的传值等原因。 1、angular是什么? Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 Angular 本身就是用 TypeScript 写成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中原创 2020-08-11 01:22:34 · 178 阅读 · 0 评论 -
angular动态化组件加载
现在有一个需求: 页面上有一组图标,点谁加载对应的组件。组件之间没什么联系。 利用class的特性来实现: // 抽象类用于判断子组类型 export abstract class ChilrenSelectComponent { // 自定义接收数据.这里可以根据需要定义很多东西的 data: any; } 一个组件举例:需要去实现extends ChilrenSelectComponent import { Component, OnInit } from '@angular/core'; i原创 2020-08-09 22:36:37 · 372 阅读 · 0 评论 -
兄弟组件及任意组件间传值
最经典的是父子之间的传值: 官网推荐方式: 父组件html: <div class="content"> <div class="left"> <!-- 这里的这/ 不能少--> <a [routerLink]="['/home/welcomeHome']">欢迎首页</a> <br><br> <a [routerLink]="['/home/systemSetting']">系原创 2020-08-09 21:00:37 · 699 阅读 · 0 评论 -
JS变量push进去数组或给其他结构误解。
对js理解陷入了误区。 场景问题: 今天同事问了我个问题,将一个变量改变,再放入一个数组中,发现后面的将前面的覆盖。 <!DOCTYPE html> <html> <body> <script> var obj = { "name":"Bill Gates", "age":62, "cars": { "car1":"Porsche", "car2":"BMW", "car3":"Volvo" }}; var car原创 2020-06-18 00:14:52 · 513 阅读 · 0 评论 -
Angular二级导航栏
1,将菜单放入数据库: 模拟放到该路径下: src/assets/json/header.json { "siteName": "PGG娱乐健身中心", "menu":[ { "id":"1", "menuName":"首页", "menuChildren": [{}], "showSubMenu": false }, { "id":"2", "menuName原创 2020-05-17 16:45:09 · 575 阅读 · 0 评论 -
前端杂记(关闭tab,定时函数,方法的理解)
最近得到一个道理:不要给不懂的人讲底层。他不懂也不在乎。你需要的是告诉他,这样实现不了。然后给出你的方案即可。 1,关闭tab。 官网一直实我推荐的方式:(建议先看) windows官方链接 比如现有需求: 第三方跳转进来,新打开一个tab,判断根据URI中没有该用户。关闭该页面。 在我们写之前上面链接只是认识了它。我们来进一步了解。 打开百度首页,输入window: 里面有很多都东西(常用举例...原创 2020-05-06 23:19:19 · 606 阅读 · 0 评论 -
CSS伪的理解
**一、**伪元素。 <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>伪元素</title> <style> .icon-before::befor...原创 2020-04-17 20:31:22 · 128 阅读 · 0 评论 -
原始Document学习
在现在这么封装好的API下。为什么还要来学习最原始的document。这是因为这个是所有的基础,最原声的js的操作。对jquery.js、vue.js、angular.js等都是对这个封装。 document文档参考如下: https://developer.mozilla.org/en-US/docs/Web/API/Document 我们开始解析: 首先打开百度:输入document杰克查看到...原创 2020-04-04 13:01:38 · 167 阅读 · 0 评论 -
前台文件上传的相关知识。
曾经踏入一个误区。上传文件和数据上传是一样的。完全错误。 主要的区别:一个数据二进制流形式,一个是json形式。因此他们两个传到后台的方法是不同的,协议也不同。这一点要搞清楚。 1,FormData的理解: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects 2:文件上传事件获取 even...原创 2020-03-29 20:42:49 · 135 阅读 · 0 评论