- 博客(33)
- 收藏
- 关注
RSS订阅转载 element上传视频获取【视频时长】以及文件格式、文件大小限制
html <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"...
2019-09-05 16:22:00
2810
转载 <video> 禁用全部右键菜单 / video.js视频播放时长修改
<video> 禁用全部右键菜单<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay><source src="https://example.com/link-to-my-video.mp4" ...
2019-08-27 11:21:00
1258
转载 <video> 禁用全部右键菜单
<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay> <source src="https://example.com/link-to-my-video.mp4" type="video/mp4"><...
2019-08-27 11:21:00
743
转载 <video>全屏状态下视频没有铺满屏幕
在使用videojs初始定宽高或者给<video>写定宽高后，在全屏状态下会导致视频在左上角展开，保持着之前写定的宽高，而没有实现真正全屏。如果通过JS在点击全屏按钮后改变video的宽高，需要查阅videojs文档，实现方式比较复杂（原因还是太菜）。其实通过CSS实现全屏是最方便的，只需要在video外部套一个<div class="videoWrap">...
2019-08-13 18:27:00
2610
转载 Vue+Video.js rtmp/flv直播流媒体配置
rtmp/flv直播配置必须引入flash //npm install videojs-flash//import videojs-flash<videoid="my-player"class="video-js vjs-default-skin vjs-big-play-centered vjs-fluid"preload="aut...
2019-07-25 15:13:00
2779
转载 Array方法小记
尽量使用数组字面量"[]"创建数组，因为使用Array构造函数在不同的参数情况下会导致返回结果不一致。数组的许多方法返回值仍然为数组，所以我们可以链式调用。静态方法：Array.isArray() 返回布尔值，用于识别数组类型，弥补typeof运算符的局限。实例方法：push()数组末端添加一个或者多个元素，返回数组长度...
2019-05-14 15:17:00
170
转载 icon镂空上色 & currentcolor关键字
当我们需要给页面加icon的时候，肯定会遇到给icon设置颜色的需求，很多人可能会选择抠出icon，对icon设置颜色，然后将icon周边透明。如果我们逆转思路，将icon形状区域透明，通过改变icon的背景颜色达到改变icon颜色的效果，四周设置为纯色，这两种思路实现的效果是一致的。第二种镂空icon，使用background-color的方式在某些情况下更方便我们管理icon...
2019-05-09 11:54:00
351
转载 使用active,checked等状态类名控制交互样式
实际开发中我们会遇到交互页面的状态改变，如果我们给不同的状态创建不同的语义化类名样式，会导致js中有很多样式控制的类名，不利于维护。——————————————————————————————————————对此我们可以使用最简单的办法，对所有控制交互的样式使用 .active .checked状态类名！同时我们要遵守最重要的一条准则！...
2019-05-07 17:56:00
486
转载 【JavaScript基础笔记】RegExp对象 正则表达式
一、创建一个正则表达式新建正则表达式有两种方法使用字面量 var regex = /asd/;使用RegExp构造函数 var regex = new RegExp('asd');两种方法等价，但在实际应用中基本上都会使用第一种方法。因为第一种方法在引擎编译代码时就会新建正则表达式，后者是在运行时新建，所以前者效率更高，并且第一种方法在视觉上更...
2019-04-16 19:01:00
240
转载 【Vue基础笔记】v-bind绑定class、style语法
1. 绑定class对象语法，对象的键是类名，值是布尔值<div :class="{'divStyle' : isActive}"></div>.divStyle{color:red}isActive:true——————————————————————————————————————————当绑定多个class，多个class组合判定布尔值比较复杂时，可以利用...
2019-03-13 10:29:00
112
转载 （转）css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex))小编这里先教一下大家如何快速记住这三个属性：首先是 flex-basis ，basis英文意思是<...
2019-03-01 16:08:00
113
转载 【Vue.js基础笔记】props用法详解
组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为：props down, events up父组件通过 props 向下传递数据给子组件；子组件通过 events 给父组件发送消息。父子级组件比如我们需要创建两个组件 parent 和 child。需要保证每个组件可以在相对隔离的环境中书写，这样也能提高组件的可维护性。这里...
2019-02-19 11:25:00
255
转载 【Vue.js基础笔记】数据绑定，指令，事件
vue实例和数据绑定1. <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>通过构造函数 Vue 就可以创建一个 Vue 的根实例，并启动 Vue 应用---入口var app ＝new Vue({ el:'', data:{ }...
2019-02-17 09:43:00
134
转载 【JavaScript基础笔记】注册登录 + Cookie
注册后端后端需要一个路由，当用户请求注册界面时，后端要去读取注册界面，之后发给前端，并且还要设置 method • GET ==> 请求注册页面 else if( path === '/sign_up' && method === 'GET'){ let string = fs.readFileSync( './sign_up.html', 'utf-...
2019-02-11 15:55:00
210
转载 【JavaScript基础笔记】Ajax，同源策略
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX...
2019-01-22 19:56:00
88
转载 【JavaScript基础笔记】模块化、立即执行函数应用、闭包应用
模块化：为了提高JS代码的长期可读性，易维护性，将JS代码根据其对应的功能块区分成不同的JS文件，并将其包裹在立即执行函数内，从而使其中的变量设定为局部变量，不会造成不同模块的变量污染。立即执行函数在 Javascript 中，圆括号()是一种运算符，跟在函数名之后，表示调用该函数。比如，print()就表示调用print函数。有时，我们需要在定义函数之后，立即调用该函数。这时...
2019-01-11 19:02:00
151
转载 【算法基础笔记】常用的排序算法的时间、空间复杂度，部分排序算法原理
冒泡排序比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较堆排序将初始待排序关键字序列(R1,R2...
2019-01-06 16:02:00
118
转载 【移动端适配、动态REM】
当我们准备在移动端写HTML的时候，首先需要考虑到手机显示屏幕的大小与PC的差异性。我们可以通过两种方式进行媒体查询来区分移动端和PC端的访问用户。第一种，<style>@media (min-width:500) and (max-width: 1000px).class{ background: #ccc; }</style>当屏幕...
2019-01-04 21:09:00
83
转载 自制一个 简易jQuery 的 API
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>简易jQuery</title> <style> .blue { color: blue; ...
2018-12-28 17:29:00
110
转载 【JavaScript基础笔记】数组
数组由于数组成员的键名是固定的（默认总是0、1、2…），因此数组不用为每个元素指定键名。数组的键名等同于对象的键名，必须为字符串。只要是数组，就一定有length属性。该属性是一个动态的值，等于键名中的最大整数加上1。arr.0的写法不合法，因为单独的数值不能作为标识符（identifier）。所以，数组成员只能用方括号arr[0]表示（方括号是运算符，可以接受数值）。Jav...
2018-12-25 20:36:00
141
转载 【JavaScript基础笔记】字符串、对象语法
字符串常用转义特殊字符\0：null（\u0000）\b：后退键（\u0008）\f：换页符（\u000C）\n：换行符（\u000A）\r：回车键（\u000D）\t：制表符（\u0009）\v：垂直制表符（\u000B）\'：单引号（\u0027）\"：双引号（\u0022）\\：反斜杠（\u005C）反斜杠...
2018-12-20 23:26:00
124
转载 【JavaScript基础笔记】全局对象、全局函数、原型/公用属性、原型链、易错点...
浏览器私有属性：document（文档） //DOM规范，由W3C制定alert（弹框提示）prompt（用户填写）comfirm（用户确认）console（开发者打印）window.setTimeout(function(){} , 3000) //延时执行函数API基本类型和对象var a1 = 1; var a2 = new Numbe...
2018-12-19 15:21:00
113
转载 【JavaScript基础笔记】数据类型转换、false值、内存图、垃圾回收和深浅拷贝简易概念...
其他类型转换成字符串xxx.toString() // varobject = {a:1};object.toString = [object Object] //这种方法对null undefined使用会报错xxx + '' //空字符串String(xxx) //函数式其他类型转换成布尔值boolean(xxx)!!xxx...
2018-12-18 18:31:00
123
转载 【Canvas简易画布制作笔记】
JS增加类的样式：ID.classList.add('className')CSS SVG fillcontext.fillStyle = 'black'transform: scale(1.2)JS设置默认样式context.clearRect(0, 0, yyy.width, yyy.height)var yyy = document.g...
2018-12-17 22:59:00
166
转载 【JavaScript基础笔记】数值、运算符
数值JS底层都是以64位浮点数储存，这意味着JS底层没有整数。某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数。由于浮点数是不精确的，所以在JS涉及小数运算和比较时要特别注意！{0.1+0.2===0.3// false} {0.3/0.1// 2.9999999999999996} {(0.3-0.2)===...
2018-12-12 20:11:00
127
转载 【JavaScript基础笔记】易错点：语句、表达式、变量、IF语句结构
语句和表达式的区别在于，前者主要为了进行某种操作，一般情况下不需要返回值；后者则是为了得到返回值，一定会返回一个值。凡是 JavaScript 语言中预期为值的地方，都可以使用表达式。变量提示：JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部。如果只是声明变量...
2018-12-11 18:53:00
86
转载 HTTP的请求与响应
HTTP即 超文本传输协议 - HyperText Transfer Protocol作为互联网应用最普遍的网络协议，所有的WWW文件都必须准守的网络标准，应该是每一位新手程序员都需要了解的基础知识。HTTP标准是应用于客户端和服务器端请求与应答活动的标准。我们作为终端用户在使用浏览器浏览网站时是以客户端的身份向网站服务器端发送浏览请求，一般情况下，当HTTP客户端发起请求，...
2018-11-28 18:45:00
131
转载 【Git基础笔记】常用命令
命令cd 改变目录，即进入某目录pwd 查看当下目录路径mkdir ** 在当前目录下创建“**”目录mkdir -p 目录路径 在当前目录下可创建多级目录whoami 查看用户名--ls 路径 查看输入路径下所包含的所有路径ls -a 路径 查看输入路径下所包含的所有路径（显示包括文件名.和..开头的文件）ls -l 路径 查看输入路径下所包含的所有...
2018-11-24 17:32:00
52
转载 【CSS基础笔记】两列、三列布局；水平居中；垂直居中
常见的两列布局：两列固定宽度：用一个父容器将两列包裹在内，对父标签设置固定宽度和overflow:hidden，再对两列设置固定像素宽度。两列自适应：将左右两列设置浮动，宽度属性设置为百分比形式，然后给受浮动影响的元素清除浮动。一侧固定一侧自适应：一侧设置固定宽度，并设置绝对定位，另一侧根据宽度设置margin。利用CSS3 flex属性。常见的三列...
2018-11-22 23:44:00
638
转载 【CSS基础笔记】伪元素 伪类 过渡 动画 阴影 渐变 继承
伪元素：伪元素在DOM树中创建了一些是不存在于文档语言里的抽象元素。（例如常用的::before,::after::before，::after只有在设置属性：content:""之后才能显示）【伪元素本质上是创建了一个有内容的虚拟容器；】伪元素的由两个冒号::开头，然后是伪元素的名称。一个选择器只能使用一个伪元素，并且伪元素必须处于选择器语句的最后。（注...
2018-11-21 19:10:00
588
转载 【CSS基础笔记】——盒模型、块级元素、行内元素、浮动、对齐、定位
CSS3 box-sizing 属性分为content-box和border-boxcontent-box：在该盒属性下，对元素设定的width和height会被应用到元素内容框，在内容框宽高之外绘制元素的内边距和边框。border-box：在该盒属性下，对元素设定的width和height会被应用到元素边框盒，为元素设置的的任何padding和border都将在已设定的widt...
2018-11-19 20:23:00
171
转载 【前端基础笔记】——关于HTML标签小知识（二）
http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.安装-$ npm install http-server -g开启 http-server服务，终端进入目标文件夹，然后在终端输入：$ http-server -c-1 （！只输入http-server的话，更新了代码后，页面不会同步更新）Starting up http-server,...
2018-11-17 02:10:00
72
转载 【前端基础笔记】——关于HTML标签小知识
块级元素：独占一行，高度、宽度都是可控的，宽度没有设置时，默认为100%，块级元素中可以包含块级元素和行内元素。行内元素：不会独占一行，高度、宽度以及内边距都是不可控的，宽高就是内容的高度，不可以改变，行内元素只能行内元素，不能包含块级元素。<div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器，定义文档中的分区或节（division/sectio...
2018-11-15 23:51:00
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人