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 · 915 阅读 · 0 评论 -
有关MIME-TYPE
有关图片、音频、视频引出的mime。现有需求需要是实现图片、音频、视频上传,以及显示预览来组装数据,一切发送给用户。视频: MP4、webn、3gp<!-- 视频实现方式-->1、video标签音频:3gp、mp3、aac、amv等<!-- 视频实现方式-->1、audio标签图片:jpeg、jpg、png、bmp、gif1、img标签``除了上面的以外,你还有用下面几种方式,不到没有办法的办法不要使用下面的几种方式。1、embed标签2、object原创 2020-08-18 21:29:47 · 437 阅读 · 0 评论 -
angular官网阅读记录
今天比较闲,虽然本人css也很菜,实在不愿意看。更愿意看些框架类的东西,这里主要是概念理解,从而提升自己的逼格,换句话说,我说的每句话都是有来源和依据的。二是今天遇到一个问题,组件导入的问题,也还有前段时间组件sevice化的传值等原因。1、angular是什么?Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 Angular 本身就是用 TypeScript 写成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中原创 2020-08-11 01:22:34 · 184 阅读 · 0 评论 -
angular动态化组件加载
现在有一个需求:页面上有一组图标,点谁加载对应的组件。组件之间没什么联系。利用class的特性来实现:// 抽象类用于判断子组类型export abstract class ChilrenSelectComponent { // 自定义接收数据.这里可以根据需要定义很多东西的 data: any;}一个组件举例:需要去实现extends ChilrenSelectComponentimport { Component, OnInit } from '@angular/core';i原创 2020-08-09 22:36:37 · 396 阅读 · 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 · 720 阅读 · 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 · 542 阅读 · 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 · 591 阅读 · 0 评论 -
前端杂记(关闭tab,定时函数,方法的理解)
最近得到一个道理:不要给不懂的人讲底层。他不懂也不在乎。你需要的是告诉他,这样实现不了。然后给出你的方案即可。1,关闭tab。官网一直实我推荐的方式:(建议先看)windows官方链接比如现有需求:第三方跳转进来,新打开一个tab,判断根据URI中没有该用户。关闭该页面。在我们写之前上面链接只是认识了它。我们来进一步了解。打开百度首页,输入window:里面有很多都东西(常用举例...原创 2020-05-06 23:19:19 · 633 阅读 · 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 · 132 阅读 · 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 · 197 阅读 · 0 评论 -
前台文件上传的相关知识。
曾经踏入一个误区。上传文件和数据上传是一样的。完全错误。主要的区别:一个数据二进制流形式,一个是json形式。因此他们两个传到后台的方法是不同的,协议也不同。这一点要搞清楚。1,FormData的理解:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects2:文件上传事件获取even...原创 2020-03-29 20:42:49 · 140 阅读 · 0 评论