-
实现 Vue 右键菜单组件
取消原生右键事件在main.ts函数中取消浏览器默认右键菜单：window.oncontextmenu=()=>{returnfalse;};组件模板做一个不同区域右键点击之后不同菜单项的组件，创建组件模板：<!--ContextMenu--><divref="menu"cl
-
记录--Vue开发历程---音乐播放器
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、audio标签的使用1、Audio对象属性 2、对象方法二、效果效果如下：三、代码代码如下：MusicPlayer.vue?123456789101112131415161718192021222324252627282930
-
Vue的基础知识（二）
本章将继续和大家分享Vue的一些基础知识。话不多说，下面我们直接上代码：本文内容大部分摘自Vue的官网：https://v2.cn.vuejs.org/v2/guide/一、计算属性示例如下：<!DOCTYPEhtml><htmllang="en"><head>&
-
CSS Margin中5个经典布局解决方案，重难点知识，记得收藏复习
前几天我在面试前端开发同学的时候，有问到关于margin基础布局相关内容的过程中，发现很多同学基本解释不清楚，今天刚好有点时间就整理了一篇笔记出来。就以下5点在CSS布局经常会用到的经典布局解决方案。 css中margin外边距（重叠）合并现象css中margin外边距穿透现象css中ma
-
我的第一个项目(二)：使用Vue做一个登录注册界面
好家伙， 顶不住了，太多的bug，本来是想把背景用canvas做成动态的，但是，出现了各种问题为了不耽误进度，我们先把一个简单的登录注册界面做出来 来看看效果： （看上去还不错） 本界面使用Vue2(新建项目的时候记得把less勾上,项目里有用到)
-
在线客服系统源码开发实战总结：官网首页视频大背景循环播放效果实现
俗话说，人靠衣装，马靠鞍。官网首页是产品或公司的脸面，必须要大气。原来旧版的支付宝首页，有个大视频作为页面背景一直播放展示，效果很赞，所以实现了下https://gofly.v1kf.com先看看效果： 亮点部分大视频是绝对定位，定在最下面，上面的文字是绝对定位，定在最上面。还加了一层半透
-
学习笔记——Vue
2022-10-26Vue属性的基本操作一、绑定（1）单向绑定关键词：v-bind用法：v-bind:原属性名="数据模型的key值"例如：v-bind:href="username"（其中"username"中的说明放在“script”说明中）简写：可以省略“v-bind”，但是不能省略冒号。（2
-
记录--前端校招字节面试分享
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助第一题：说一下这三个div的布局?12345678<div class="parent"> <div class="child1">child1&nb
-
Electron应用中实现调用外接摄像头并拍照上传
背景基于Electron实现的pc端智能验机应用，近期迭代了一个新的功能，需求是通过电脑外接摄像头对手机屏幕进行拍照，拍照后需将照片上传至服务端进行屏幕信息比对，确定被检测屏幕是否为原厂屏。需求分析根据上面的需求，分析大概要以下几个步骤。先实现将摄像头的画面实时展示在页面视频采集区域中；将摄像头中的
-
前端开发中的各种居中问题，小小总结一下
因为工作原因，我们先前发过许多Linux相关的文章。今天是周末，恰好刚刚又参与一些涉及前端开发的项目，所以我们今天找到其中一个关于页面居中的点，来跟大家聊一聊。关于这个问题，在许多前端大佬看来是很简单的事情，况且现在还有这么多成熟的框架可用。但是我们本着修炼技术的原则，所以不考虑用框架，只是原始的&
-
面试官让我用 Flex 写色子布局，我直接写了六种
复习一下Flex布局属性在实现色子布局之前，我们先来复习一下这几个Flex布局的属性：justify-content：用于调整元素在主轴的对其方式；align-items：用于调整元素在侧轴的对其方式；align-self：设置元素自身在侧轴的对齐方式；flex-direction：定义主轴是水平还
-
Content-Visibility 再探究，完美替代 Lazyload？
在上一篇文章 使用content-visibility优化渲染性能 发布后，收到了非常多同学的反馈与讨论，有几个点没有讲的特别明白，本文将继续探讨探讨 content-visibility 中两个非常有意思的点：content-visibility:a
-
在 React 中实现条件渲染的七种方法
条件渲染方式一、if语句先从React最基本的条件类型来看。如果有数据就显示组件，如果没有数据就不显示任何内容。posts为需要渲染的列表：复制exportdefaultfunctionApp(){const{posts}=usePosts();if(!posts)returnnull;return
-
重点来了，UseEffect如何让使用者在函数组件中执行副作用操作
作者|这波能反杀丶来源|这波能反杀(ID：keepKilling)序当了二十多天废物，今天开始更新，让大家久等了。花了挺长的时间优化文章UI细节，进一步提高阅读体验，大家多多感受一下.useEffect是一个难以掌握的知识点。许多人对它半知半解，因此他们觉得函数式组件不受控制。除了本身难以理解之外，
-
12个可能你没见过，但非常实用的 HTML 标签
一、center让你实现水平居中，用这个标签就对了，标签名也非常得语义化复制<center>零一</center>1.效果如下：水平居中原理也很简单，其实就是这个标签自带了 text-align:center 的样式二、abbrabbr全称是 a
-
你不知道的 CSS 父选择器
你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素?例如，如果一个卡片组件中有图片，就给它添加一个display:flex。这以前在CSS中是无法实现的，而全新的CSS选择器:has就可以帮助我们选择包含特定元素的父元素。下面来看看这个全新的CSS选择器吧!:has选择器概述在CSS中，我
-
2022年受瞩目的新特性 CSS @layer 到底是个啥？
步入2022，CSS的新特性层出不穷，而最近在CSS圈最受瞩目的新特性，非CSS@layer莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是CSS@layer新规范。过往CSS优先级中存在的问题如果我们的页面上存在非常多的样式，譬如有我们开发页面的时候的自定义样式，也有引入的组件库样式。这
-
实现一个Vue3版抖音滑动插件踩坑指南！
起步年前单位需要搞一个类似抖音的需求，这本应是客户端的任务，然而，不知天高地厚的我却接了下来，然而下细致调研之下，发现网上并没有成熟的方案，但是却又很多需求，各大论坛全是提问的帖子，却少有人回答和解决。这一瞬间，俺慌了，毕竟单位的活，排期都是定死的，这时候临阵退缩，实乃下下策。于是只能撸起袖子加油干
-
一篇文章带你了解CSS Opacity(透明度)
opacityCSS属性指定元素的透明度。opacity属性指定了一个元素的透明度。换言之，opacity属性指定了一个元素后面的背景的被覆盖程度。一、跨浏览器透明度现在，透明度(opacity)是CSS3规范的一部分，但是它存在了很长时间。但是，较旧的浏览器具有不同的方式来指定不透明度或透明度。二
-
暴打七夕青蛙—HarmonyOS服务卡片小游戏
想了解更多内容，请访问：51CTO和华为官方合作共建的鸿蒙技术社区https://harmonyos.51cto.com前言七夕节，令我“幸福”的是，被热心市民送来了七夕青蛙，听取一天了蛙声一片。吃饱了一整天的狗粮后，有点撑着，于是决定加班加点，用服务卡片实现了一个简单的小游戏：暴打七夕青蛙!游戏虽
