深圳幻海软件技术有限公司 欢迎您!

  • 【蓝桥杯Web】第十四届蓝桥杯(Web 应用开发)模拟赛 2 期 | 精品题解

    🧑‍💼个人简介:一个不甘平庸的平凡人🍬🖥️蓝桥杯专栏:蓝桥杯题解/感悟🖥️TS知识总结:十万字TS知识点总结👉你的一键三连是我更新的最大动力❤️!📢欢迎私信博主加入前端交流群🌹📑目录🔽前言1️⃣凭空消失的TA2️⃣用户名片3️⃣芝麻开门4️⃣宝贵的一票5️⃣粒粒皆辛苦6️⃣618

  • 教你用JavaScript获取大转盘

    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个大转盘。当你难以抉择的时候不妨用这个案例来帮你做选择。通过编程实战我们可以学到按钮的点击事件onclick()以及定时器的使用.案例演示每个选择都展示在不同的盒子里,通过点击中间的开始选

  • 07#Web 实战:仿 GitHub 个人主页项目拖拽排序

    实现效果图GitHub和Gitee个人主页中可以对自己的项目进行拖拽排序,于是我就想自己实现一个。本随笔只是记录一下大概的实现思路,如果感兴趣的小伙伴可以通过代码和本随笔的说明去理解实现过程。👉我的Gitee和GitHub地址。思路构思要实现元素拖拽可替换位置,就必须要锁定每一个元素的具体位置,且

  • Vue 基础学习总结

    介绍Vue.js中文文档地址:https://cn.vuejs.org/guide/introduction.html#what-is-vueVue.js是什么Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。V

  • 记录--使用Vue开发Chrome插件

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助环境搭建VueWeb-Extension-AWeb-ExtensionpresetforVueJS(vue-web-extension.netlify.app)?12345npminstall-g@vue/clinpminstall-g@v

  • 原生js中offsetTop, offsetLeft与offsetParent的详细讲解

    简单说下:offsetTopoffsetTop:为只读属性。返回的是一个数字。它返回当前元素相对于其offsetParent元素的顶部内边距的距离。它等价于offsetTop==>元素到offsetParent顶部内边距的距离offsetTop并不是指距离浏览器窗口最左边的位置。我的理解:of

  • 05#Web 实战:可拖拽的侧边栏

    效果演示图可拖拽的左、右侧边栏的使用情况还是挺多的,博客园后台管理的左侧边栏就可以拖拽哟!效果演示如下图:HTML代码<divclass="container"><divclass="left"><divclass="resize-bar"></div&gt

  • 手把手教你制作手机底部导航栏,领导看完都说好

    手把手教你制作手机底部导航栏,领导看完都说好👍文章目录手把手教你制作手机底部导航栏,领导看完都说好👍前言一、首先看效果图二、步骤实现1.index.html2.index.css3.ionic.esm.js和ionic.js下载前言为什么产品要有TabBar?答案是为了易于使用,意味着通过Tab

  • 20 个超级实用的 CSS 技巧,帮助你成为更好的开发者

    在开发项目中,修改输入占位符样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中等等,这些都是我们非常熟悉的开发场景!前端开发者几乎每天都会和它们打交道,因此,我在这里给大家总结了20个超级实用的CSS技巧,一起来看看吧。1.解决图片5px间距问题你是否经常遇到图片底部多出5px间距的问题?

  • React 中常见的八个错误,如何避免?

    大家好,我是CUGGZ。今天来分享在React开发中常见的一些错误,以及如何避免这些错误。理解这些问题背后的细节,防止犯下类似的错误。1.组件卸载后执行状态更新 Can’tperformaReactstateupdateonanunmountedcomponent这个报错就是因为在组件树的

  • 整洁架构之CSS

    作者 | 李光毅在历数技术进步的代价时,弗洛伊德遵循的路线使人感到压抑。他同意塔姆斯的评论:我们的发明只不过是手段的改进,目的却未见改善。——尼尔波斯曼《技术垄断》虽然开发工具早已经从preprocessor进化到了styledcomponent甚至是functionalcss,

  • CSS 一步一步实现烟花动画

    之前项目上需要做一个烟花动画,要求是随机大小,不同地方出现,先看一下效果:进一步,还能实现彩色的效果,如下一、选择合适的动画什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画,CSS动画就足够了,而一些对动画要求比较高的运营活动,创意小游戏等,JS动画肯定是首选,必要情况下还需要借助一

  • 使用Intersection Observer API实现视频队列自动播放

    ​前言笔者利用空余时间研究了一下javascript的IntersectionObserverAPI,发现其有很大的应用场景,比如图片或者内容的懒加载,视差动画等。笔者详细介绍了3种Observer(观察者)的用法,包括位置监听,dom变化监听以及窗口变化监听,它们有非常多的应用场景,所以很有必要研

  • React Hook 四种组件优化

    ReactHook已成为当前最流行的开发范式,React16.8以后基于Hook开发极大简化开发者效率,同时不正确的使用ReactHook也带来了很多的性能问题,本文梳理基于ReactHook开发组件的过程中如何提高性能。组件抽取优化前每次点击 Increase​ 都会引起子组件

  • 推荐!从零开发一套基于React的加载动画库

    之前在项目开发中经常会遇到需要开发各种各样加载动画的需求,我们可以使用已有的动画库手动改造实现(比如说基于 loaders.css 手动改造),也可以自己独立设计,但是这意味着需要花一定的时间调研和开发。为了减少这部分的时间,并让加载动画的设计更加简化和易用,我开发了一款开箱即用

  • 离谱的 CSS!从表盘刻度到剪纸艺术

    某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用conic-gradient实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式conic-gradient,代码也非常简单,首先,我们实现一个重复角向渐变:复制<div></di

  • 使用Angular8和百度地图api开发《旅游清单》

    前言:本文的目的是通过一步步实现一个旅游清单项目,让大家快速入门Angular8以及百度地图API。我们将收获:Angular8基本用法,架构。使用百度地图API实现自己的地图应用。解决调用百度地图API时的跨域问题。对localStorage进行基础封装,进行数据持久化。materialUI的使用

  • 十分钟教你手写九个常用的自定义Hooks

    前言Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍reacthooks的由来和基本使用,因为写hooks的文章很多,而且官网对于

  • Javascript如何实现类似西瓜视频的视频队列自动播放?

    前言去年利用空余时间研究了一下javascript的IntersectionObserverAPI,发现其有很大的应用场景,比如图片或者内容的懒加载,视差动画等。我也在之前的文章中详细介绍了3种Observer(观察者)的用法,包括位置监听,dom变化监听以及窗口变化监听,它们有非常多的应用场景,所

  • 原子化服务卡片还原经典小游戏—数字华容道

    想了解更多内容,请访问:51CTO和华为官方合作共建的鸿蒙技术社区https://harmonyos.51cto.com前言服务卡片也能玩游戏了,今天就来还原经典小游戏——数字华容道。详细讲述了数字华容道在服务卡片上的开发思路,内含详细注释。赶紧动手来开发一张服务卡片,休闲时刻来一局!概述老规矩,先

推荐阅读