![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 79
HTML5,CSS,JavaScript
先养只猫
学习使我快乐!
展开
-
在vue中使用video.js实现视频播放
这里是官方关于在vue中如何使用的文档,下面的只是基于官方文档的基础用法,详细内容建议查看官方文档! 官方文档以此为例先看效果:大致步骤如下:一、安装video.jsnpm install --save video.js二、参考官方文档操作这里定义一个名为VideoJs的组件,便于使用。注意要引入下面的video-js.css和video.js!!,一个是样式,一个是播放器。<template> <div> <video ref="video原创 2021-09-02 11:55:44 · 9023 阅读 · 0 评论 -
初学(JavaScript)写成的初步拥有增删改的用户信息表(菜鸡)。
美工就不要纠结了哈,不要纠结~菜鸡为了更好的学习JavaScript而写~目前主要基本功能:可以进行用户信息的增减,修改,还未限制输入的格式要求图片如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2021-06-03 20:59:08 · 307 阅读 · 1 评论 -
常用的CSS实现水平和垂直居中方法(详细)
如下:<body> <div class="outer"> <p>盒子</p> </div></body>方法1:使用绝对定位和margin值实现div模块的水平和垂直居中<style> /* 去掉内外边距 */ *{ padding: 0; margin: 0; } bo原创 2021-04-16 15:01:13 · 369 阅读 · 4 评论 -
一个极简美的登录框
个人学习原创来至于哔哩哔哩:https://www.bilibili.com/video/BV1KA411T75J可借鉴之处:1.设计了颜色渐变: background:radial-gradient(circle,#3cadeb,#9c88ff);从中间向两边简便,background-image: linear-gradient(90deg,#3cadeb,#9c88ff); 线性渐变。2.box-shadow: 0 5px 15px rgba(0, 0, 0, .8);使得中间页面更有立体感原创 2021-04-10 19:10:01 · 724 阅读 · 1 评论 -
Bootstrap学习笔记
原笔迹位于:语雀上1.响应式开发原理:就是使用媒体查询指针对不同宽度的设备进行布局和样式设置,从而适配不同设备的目的。其可划分为四个尺寸区间。超小屏幕(手机)<768px小屏设备(平板)768px~992px中等屏幕(显示器)992px~1200px宽屏设备(大屏显示器)>=1200px2.@media screen and 。//媒体查询,屏幕适应。<style> .container{ height:150px;原创 2021-04-07 15:42:09 · 168 阅读 · 0 评论