Mr.R゛-CSDN博客

原创 vue使用原生video属性大全&个人踩坑记录

src ：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度//audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象获取video对象Media = document.getElementById(“media”);HTMLVideoElement和HTMLAudioElement 均继承自HTMLMed

2022-06-29 14:38:50 7476 1

原创 vue组件之间传值

一、父组件给子组件传值1> 父组件通过属性的方式向子组件传值，子组件通过 props 来接收。在父组件的子组件标签中绑定自定义属性// 父组件<user-detail :myName="name" /> export default { components: { UserDetail } ......}在子组件中使用props（可以是数组也可以是对象）接收即可。可以传多个属性。// 子组件export defa

2020-12-31 11:33:16 241

原创 vue中组件之间调用方法

1.vue中子组件调用父组件的方法1>第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法。父组件<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { compo

2020-12-31 10:23:15 12448

转载 HTTP请求中请求头和响应头包含的内容

1）请求(客户端->服务端[request])GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)Accept: /(客户端能接收的资源类型)Accept-Language: en-us(客户端接收的语言类型)Connection: Keep-Alive(维护客户端和服务端的连接关系)Host: localhost:8080(连接的目标主机和端口号)Referer: http://localhost/links.asp

2020-11-03 16:14:35 1633

转载 vue中key的作用

v-for中为什么要加key呢，这里我给大家举个栗子没有key：<div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for="(item, i) in list"> <

2020-11-03 15:42:08 186 1

原创 JS数组扁平化处理的3种常用方法

数组扁平化是将二维甚至多维数组转化为一维数组的过程例：将[[1,2,3],4,5,[6,7,[8,9]]]这个多维数组转化为一维数组1.ES5+递归var arr=[[1,2,3],4,5,[6,7,[8,9]]];function bianping(arr){ var res=[]; for(var i=0;i<arr.length;i++){ var item=arr[i]; if(Array.isArray(item)){

2020-11-03 14:58:46 299

原创实现promise.all方法

Promise.all接受一个promise对象的数组作为参数，当这个数组里的所有promise对象全部变为resolve或有reject状态出现的时候，他才会去调用.then方法，它们是并发执行的。var p1 = Promise.resolve(1), p2 = Promise.resolve(2), p3 = Promise.resolve(3);Promise.all([p1, p2, p3]).then(function (results) { console.log(

2020-11-03 14:46:02 10154 3

原创 JS中深拷贝的几种实现方法

JS中深拷贝的几种实现方法1.使用递归的方式实现深拷贝//使用递归的方式实现数组、对象的深拷贝function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空，并且是对象或者是 if (obj && typeof obj === "object") { for (key

2020-11-03 14:27:04 2138

转载前端页面性能优化的几种方式

前端页面性能优化的几种方式提升页面性能优化的常见方式：资源压缩合并，减少http请求非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别利用浏览器缓存 --> 缓存的分类 --> 缓存的原理使用CDNDNS预解析一.资源压缩合并，减少http请求合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩图片较多的页面也可以使用 lazyLoad 等技术进行优化。精灵图等二、非核心代码异步加载异步加载的方式：（这里不说框

2020-11-02 20:02:22 1010

转载异步编程Ajax的详解，并对其进行封装整理

对于Ajax，肯定很多小伙伴都听过甚至用过了，那么没听过的也不用着急，本文会对Ajax进行讲解，其次，一定还有一些人只用过JQuery封装好了的Ajax却对原生的Ajax并不了解，那么也不用着急，本文从最基本的Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才...

2020-11-02 19:42:10 101

转载线性表：顺序表、链表

线性表，线性表和链表的区别存储类别顺序存储结构单链表存储分配方式用一段连续的存储单元依次存储线性表的数据元素采用链式存储结构，用一组任意的存储单元存放线性表的元素时间性能查找O（1）、插入和删除O（n）查找O（n）、插入和删除O（1）空间性能需要预分配存储空间，分大了浪费，小了容易发生上溢不需要分配存储空间，只要有就可以分配，元素个数不受限制通过上面的对比，可以得出一些经验性的结论：若线性表需要频繁查找，很少进行插入和删除操作时，宜采用顺序存储结构。若需要频

2020-11-02 19:16:59 1410

转载浏览器拦截跨域请求处理方法&前端解决跨域问题的8种方案

原文地址：https://www.cnblogs.com/PheonixHkbxoic/p/5760838.html浏览器拦截跨域请求处理方法(已阻止跨源请求:同源策略禁止读取远程资源)在浏览器请求中，出现跨域访问资源的问题，我们肯定会遇到。如果跨域请求被阻止，有可能导致css、js 、ajax请求、font字体等资源出现无法正常访问的问题。接下来，就介绍下解决同源策略不允许读取远程资源的问题。今天就谈下远程字体跨域的问题。直接了当了说，解决此类问题，最直接的方法就是，就是给被请求的服务器，添加HT

2020-11-02 18:53:10 9336

renjie123321的博客

原创 vue使用原生video属性大全&个人踩坑记录

原创 vue组件之间传值

原创 vue中组件之间调用方法

转载 HTTP请求中请求头和响应头包含的内容

转载 vue中key的作用

原创 JS数组扁平化处理的3种常用方法

原创实现promise.all方法

原创 JS中深拷贝的几种实现方法

转载前端页面性能优化的几种方式

转载异步编程Ajax的详解，并对其进行封装整理

转载线性表：顺序表、链表

转载浏览器拦截跨域请求处理方法&前端解决跨域问题的8种方案

原创 css中的显示与隐藏

转载 CSS的浮动及清除浮动的5种方法

原创最全的css中解决外边距合并问题

转载通过HTTP请求WebSocket

原创什么是websocket、websocket的优点以及它的连接过程

原创 CSS中各种居中问题

空空如也

空空如也