html
文章平均质量分 51
小前端半半
这个作者很懒,什么都没留下…
展开
-
vue 插槽(slot)v-slot 使用
插槽是什么?官方解释 插槽就是Vue实现的一套内容分发的API,将元素作为承载分发内容的出口。通俗解释 插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。简单理解就是子组件中留下个“坑”,父组件可以使用指定内容来补“坑”。基本用法现在,有两个组件,A与B,分别如下:A.vue<template> <div> <p>我是A组件</p>原创 2021-12-03 15:14:24 · 1396 阅读 · 0 评论 -
关于浏览器的协商缓存与强缓存
什么是浏览器缓存浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有:1.减少了冗余的数据传输,节省了网费2.减少了服务器的负担,大大提升了网站的性能3.加快了客户端加载网页的速度在前端开发面试中,浏览器缓存是web性能优化面试题中很重要的一个知识点,从而说明浏览器缓存是提升web性能的一大利器,但是浏览器缓存如果使用不当,也会产生很多问题,正所谓是,想说爱你,并不是很容易的原创 2021-12-01 10:44:22 · 339 阅读 · 0 评论 -
前端使用JavaScript保存图片
在最近的开发当中,需要将一个生成的二维码保存在本地,然后网上找了一些资料,记录一下~1.在你需要保存的img元素上绑定一个类名 <vue-qr class="QRImg" :size="260" :text="QRCodeUrl" :logoSrc="QrlogoSrc" colorLight="#fff" colorDark="#000" :margin="0"></vue-qr> 2.使用img保存 // 下载二维码 downloa原创 2021-09-25 15:34:34 · 2382 阅读 · 0 评论 -
vuex模块化管理 state ,mutations ,actions ,getters
因为项目越写越大,之前就是直接在store下的index.js文件直接写状态和数据,然后越写越多,也不方便维护,现在抽时间把项目store分一下模块管理,不懂的同学建议多参考vue官网api1.首先创建Module文件夹,根据自己项目的需求创建自己的模块2.在index.js文件引入你创建好的模块import Vue from "vue";import Vuex from "vuex";import createPersistedState from "vuex-persistedstate原创 2021-07-26 17:15:20 · 179 阅读 · 0 评论 -
ES6数组的合并和取值
ES6数组的合并和取值 工作中遇到一个一维数组的操作,根据id取出二级数组里相应的数据,数据结构类似下面 const list = [ { name:"线控玩具", id:"1", children:[ { id:"a1", name: "线控车"原创 2021-07-23 16:01:41 · 752 阅读 · 0 评论 -
video标签点击视频全屏播放
早上一来有一个小需求,业务部需要点击表格里面的视频就可以全屏播放,然后我就去看了需求页面video标签不是有一个控件可以全屏播放吗,为啥还要点击视频元素,别问,打工人服从安排因为我是用vue框架自己封装的table组件,所以直接在table里面修改因为在video标签上绑定click事件无用,就在下面加了一个空div,使用position定位到video元素上,然后把click事件绑定到这个div上,然后把当前元素的唯一id传到这个函数里requestFullscreen(...原创 2021-07-21 12:37:16 · 14268 阅读 · 4 评论