南七铭-CSDN博客

原创关于js audio自动播放

audio自动播放前言正文解决方法前言最近公司宣传手册需要加一个背景音乐，需要用到audio标签并且自动播放，开始认为很简单，但是上手才发现浏览器对此做了有些限制。下面让我们一起去看看吧！正文Chrome的禁止更加人性化，它有一个MEI的策略，这个策略大概是说只要用户在当前网页主动播放过超过7s的音视频（视频窗口不能小于200 x 140），就允许自动播放。对于网页开发人员来说，应当如何有效地规避这个风险呢？Chrome的文档给了一个最佳实践：先把音视频加一个muted的属性就可以自动播放，然后

2020-12-13 17:40:11 9989 2

原创 Vue实时通讯插件(vue-socket.io)

Vue实时通讯插件(vue-socket.io)文章目录Vue实时通讯插件(vue-socket.io)一、下载vue-socket.io三、在mounted中执行connect四、推送消息给后台，连接socket五、连接成功后台定义的事件vue-socket.io中自带的几个事件一、下载vue-socket.ionpm install vue-socket.io --sava####二、引入到Vue-cli项目中引入的方式有两种情形，具体根据项目需求来做第一种情景：webSocket连接的

2020-10-16 14:56:25 5977 1

原创深入响应式原理

深入响应式原理现在是时候深入一下了！Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以回避一些常见的问题。在这个章节，我们将进入一些 Vue 响应式系统的底层的细节。如何追踪变化当你把一个普通的 JavaScript 对象传给 Vue 实例...

2020-02-04 12:54:12 232

原创 Vue axios post请求带参请求详细教程

Vue axios前提条件：vue-cli项目安装：npm install axios --save-dev在main.js中导入：//引入axiosimport axios from "axios";// 引入序列化字符串文件import QS from "qs";//加入到原型链中Vue.prototype.$axios = axios;Vue.prototype.$q...

2019-12-17 17:34:59 4053

原创 Vue组件入门组建介绍——组件传值！！！

一、vue组件的概念：组件是可复用的 Vue 实例，且带有一个名字。组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。commonJS，AMD，CMD是把JS逻辑进行模块化vue组件是把页面（html代码，CSS代码）进行...

2019-12-15 18:07:39 214

原创 Vue 基础语法 (个人总结)

Vue实例创建一个 Vue 实例每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的：const vm= new Vue({//选项})Vue指令指令(Directives)是带有v-前缀的特殊特性。指令特性的值预期是单个JavaScript表达式，特殊情况除外指令的职责是：当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。v-id指令将根据表达式?的值的...

2019-12-15 17:59:25 2034 3

原创 Vue.js 进阶第一步！

对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令，和整个vue实例的基础架构。下载vue.js 地址：https://download.csdn.net/download/qq_31122833/10723310，下载完之后在HTML中加入vue...

2019-12-09 17:00:59 191 1

原创 DOM

BOMpattern:直接在input标签里面添加正则表达式DOM:方法：reload：重新加载当前文档(刷新)例：location.reload( );replace( )加载新文档(跳转新网页)特点：等同于把原来的文档替换成新文档，并且用的是一个窗口，由于原来的文档和新文档用的是同一个窗口，所以没有返回上一步的功能。即：不可以返回上一步例：location.rep...

2019-12-04 16:26:21 141

原创 js 异步的几种方式（简述）

异步编程随着计算机的不断发展，用户对计算机应用的要求越来越高，需要提供更多、更只能、响应速度更快的功能。这就离不开异步编程的话题。同时，随着互联网时代的崛起，网络应用要求能够支持更多的并发量，这显然也要用到大量的异步编程。什么是异步有异步就不得步提另一个概念：同步，这样的理解是错误的，咱们不能以字面的意思去理解它。同步，英文名叫做 Syncjrpmozation 。它是指同一时间只能做一件...

2019-12-03 17:23:40 1130 1

原创 js面向对象以及编程范式 js高级部分

面向对象面向对象编程(Object Oriented Programming , OOP) 是一种编程范式，它将代码分为具有属性和方法的对象。这种方式的好处是：将相关代码片段封装到对象中，由对象来维护在程序里面的生命状态。对象可以按需被复用或者被修改。编程范式在此之前呢先介绍一下，什么叫做编程范式。所谓编程范式(programming paradigm)，指的是计算机编程的基本风格或典...

2019-11-28 17:17:40 542

原创 js 数组和字符串

数组数组是大多数语言中最常见的一种数据结构，它是一个有序的值列表创建数组的方式创建数组的方式大致可以分为两种：字面量创建数据和使用构造函数创建数组。示例如下：1.字面量创建数组let arr =[ ];2.构造函数创建数组let arr = new Array();无论以什么样的方式创建的数组，它的数据类型始终是Object数组的赋值给数组赋值的方法也非常简单，不过可以分...

2019-11-27 18:17:22 386

原创什么是前端

前端网站前端前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。核心技术html、css、JavaScript这三个是前端...

2019-11-26 16:53:00 236

原创 JavaScript函数和对象知识点整理

JavaScript函数和对象知识点整理JavaScript：函数定义、创建方式、优点与函数提升、作用域函数的定义可以实现代码的复用，降低偶合度；函数的创建方式：1.字面量创建函数关键字自定义函数名称【可省略】 (参数)【0~多个】{函数体：多个语句组成的；}例： function JG445(){ console.log("A"); } JG445()//A（函...

2019-01-12 16:51:36 505

qq_41764462的博客