自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 vue 播放m3u8格式的视频

1.下载相关包npm install video.js --savenpm install videojs-contrib-hls --save2.main.js 引入import 'video.js/dist/video-js.css'3.页面引入import videojs from "video.js";import "videojs-contrib-hls";4.页面同时播放多个视频<el-col :span="8" v-for="(item,index) in vi

2021-09-10 13:53:31 1305 2

原创 Git

GitGit 与 SVN 区别Git 与 SVN 区别点:Git 是分布式的,SVN 不是:这是 Git 和其它非分布式的版本控制系统,例如 SVN,CVS 等,最核心的区别。Git 把内容按元数据方式存储,而 SVN 是按文件:所有的资源控制系统都是把文件的元信息隐藏在一个类似 .svn、.cvs 等的文件夹里。Git 分支和 SVN 的分支不同:分支在 SVN 中一点都不特别,其实它就是版本库中的另外一个目录。Git 没有一个全局的版本号,而 SVN 有:目前为止这是跟 SVN 相比 Gi

2021-03-16 13:04:06 102

原创 uni-app写微信小程序获取位置信息

1、调用api获取自身经纬度uni.getLocation({ type: 'gcj02',//腾讯地图使用gcj02获取位置坐标 success: function (res) { console.log('当前位置的经度:' + res.longitude); console.log('当前位置的纬度:' + res.latitude);})2、通过经纬度获取地址信息在腾讯位置服务注册并申请自己的key 腾讯位置开发指南引入腾讯sdk.js 下载链接import qqmaps

2020-11-05 16:13:48 1178 1

原创 计算日期的时间差

计算日期的时间差页面加载获取当前时间function setime(){ var date = new Date(); //获取打开页面的时间 - 原始时间戳 var currentdate = '' //如果已经存在直接显示getstorage('nowtime') if(localStorage.getItem('nowtime') != undefined || localStorag

2020-08-06 10:50:33 273 2

原创 微信小程序-懒加载

微信小程序基于Json-server-懒加载懒加载 - 一次请求5条数据,触底再次请求current:1, //定义当前页数total:0, //定义总数据条数wx.request({ // 首次请求商品列表 url: 'http://localhost:3000/goods?_page=1&_limit=5', success:(res)=>{ ...

2020-04-12 09:13:33 904

原创 React -非父子通信

非父子组件通信 - - 订阅发布者模式组件外部定义对象对象内部定义一个空数组定义两个函数,subscribe()向数组添加函数,dispatch()循环数组执行函数定义两个非父子组件订阅者调用subscribe()传入回调函数发布者调用dispatch()传入发布内容 const objPublic = { - - 组件外部...

2020-03-12 20:34:10 201

原创 React - 父子通信

React通信父子通信父传子 =>属性 props–应用组件:<Child1 name={12345}/>– 子组件接收:class中:直接接收 this.props.name– 子组件接收:函数中: function(props)传入props参数接收子传父 => 方法一:回调函数子组件:class Navbar extends Component{...

2020-03-12 20:19:25 109

原创 React -基础与属性验证

React起源:Facebook的内部项目,因为该公司对市场上所有 JavaScript MVC 框 架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套 东西很好用,就在2013年5月开源了。全局安装脚手架一次 cnpm install -g create-react-app创建项目 create-react-app myapp 启动项目 np...

2020-03-12 20:04:09 110 1

原创 Vue - Router 和 通信方式

Router1.路由核心模块 import VueRouter from ‘vue-router’2.注册路由插件 Vue.use(VueRouter)3.路由映射表const routes = [ { path: '/film', --路径 component: Film --跳转页面组件名(组件需...

2020-03-12 19:57:00 340 1

原创 Vue进阶笔记-组件指令

filters:过滤器 HTML: {{ needFilter | filterName }} 全局过滤器: Vue.filter({filterName, ( needFilter ) =>{ return 返回值 }} 局部过滤器: filters:{ ...

2020-03-02 18:33:24 156 1

原创 Vue入门笔记-基本指令

Vue基本指令v-html: 会把HTML字符串渲染成标签v-text: 会把HTML标签渲染成字符串v-if v-else: 必须用在相邻的兄弟元素v-if:通过是否渲染元素来决定显示;v-show: 通过display属性来决定注:如果需要频繁显示切换,用v-showv-for : 用 in 或者 of 都可以遍历 数组,对象,字符串,具体数字数组响应式更新需要用到数组...

2020-03-02 18:16:25 133 1

原创 Object

对象(object)数据的值:堆内存创建对象字面量(赋值式) var obj = {}内置构造函数 var obj = new Object();添加 / 修改属性对象.属性名 = 新值特殊属性名:对象[“属性名”] = 属性值– 除了数字和布尔类型 属性值都加引号删除属性delete 对象.属性名查找对象值对象.属性名for in 遍历对象语法:fo...

2019-12-08 20:37:01 100

原创 BOM

javascript的组成:ECMAscript(js核心语法)+BOM+DOMDOM:document object model (文本对象模型)BOM:browser object model (浏览器对象模型)Window 的属性window.innerWidth 获取浏览器视窗宽度window.innerHeight 获取浏览器视窗高度window.outerWidth 获取...

2019-12-07 10:37:18 129 1

原创 DOM 元素节点

Javascript的组成:ECMAscript (js核心语法) +DOM+BOMDOM:document object model (文本对象模型)DOM获取元素节点方法getElementById() - - - 通过id名获取元素节点getElementsByClassName() - - -通过class名获取一组元素节点getElementsByTagName() -...

2019-11-30 17:48:24 134 1

原创 JS学习笔记一

JS基础学习js数据类型String - - -字符串Number - - - 数值Boolean - - - 布尔值 两个取值(true | false)Undefined - - - 未定义 (声明变量,未赋值)Object - - -对象 - typeof + 变量名 - - - 返回:数据类型 - isNaN()...

2019-11-23 11:53:33 122 1

原创 CSS多列布局和常见bug解析

CSS多列布局和常见bug解析多列布局【1】. column-count - - - - -定义列数【2】. column-gap - - - - -设置列与列之间距离【3】.column-rule - - - - -设置列与列之间的分割线分属性: column-rule-width | column-rule-style | column-rule-color【4...

2019-11-16 10:15:00 656 1

原创 CSS移动端布局

CSS移动端布局一.媒体查询 + rem单位em:相对元素本身大小rem:相对根节点大小【1】使用媒体查询来更改根节点 字体大小【2】页面布局单位使用rem缺点:不能精确每一个设备尺寸二.vm单位 + rem单位vw:viewpoint width -设备视窗宽度1w = 视窗宽度1%vh:viewpoint height - 设备视窗高度1h = 视窗高度1%【1】根节点...

2019-11-16 10:07:28 231 1

原创 CSS学习笔记三

CSS学习笔记三三角形1.设置高度为0 - - -height:0px;2.设置宽度为0 - - -width:0px;3.边框全透明 - - -border:num solid transparent4.给需要的方向加颜色 - - -border-[top | right | bottom | left]-color:颜色值transparent - - -完全透明ie盒子模型宽...

2019-11-03 11:16:42 124

原创 CSS学习笔记二

CSS学习笔记二CSS盒子模型Margin(外边距) - 边框外的区域,颜色为透明注意:margin塌陷若一个大盒子中包含一个小盒子,给小盒子设margin-top,大盒子会一起向下平移。解决方案:1)给大盒子加一个边框2)给大盒子设置一个overflow属性。overflow: hidden;3)浮动也可以Border(边框) - 内边距和内容外的边框1.边框宽度:bord...

2019-11-03 10:25:44 156

原创 CSS学习笔记一

CSS学习笔记一CSS样式表三种写法1.内联样式:直接标签里添加style属性,属性值为css声明2.内部样式:head标签里添加style标签,style标签写语法,作用符合选择器的元素3.外部样式:css文件夹里建立css文件,link标签引入:优先级:内联 > 内部 和 外部(显示后面的样式)选择器分类1.层次选择器:E F:后代选择器E > F:子...

2019-11-03 00:16:26 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除