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

  • 对window.onload()的理解

    为什么使用window.onload()因为JavaScript中的函数方法需要在HTML文档渲染完成后才可以使用,如果没有渲染完成,此时的DOM树是不完整的,这样在调用一些JavaScript代码时就可能报出"undefined"错误。用于在网页加载完毕之后立即执行的操作,即当HTML文档加载完毕

  • web系统添加盲水印

    前言为增加系统安全性,避免重要敏感信息通过截图方式泄露,对web页面增加盲水印标识,标注系统名称,登陆人,当前时间等信息,这里的盲水印指肉眼不可见的html水印增加水印引入watermark.js调用watermark.load方法,指定显示文字与透明度,我这边设置的不可见透明度为0.015wate

  • React实现一个简易版Swiper

    背景最近在公司内部进行一个引导配置系统的开发中,需要实现一个多图轮播的功能。到这时很多同学会说了,“那你直接用swiper不就好了吗?”。但其实是,因为所有引导的展示都是作为npm依赖的形式来进行插入的,所以我们想要做的就是:尽量减少外部依赖以及包的体积。所以,我们开始了手撸简易版swiper之路。

  • 关于 Vue 中 h() 函数的一些东西

    最近在项目上需要一个信息弹窗,来显示信息。一开始只让它弹出了文字,而且只有一条信息。而给我的需求是多条文字和图片,而后我使用了elementui中的Notification通知组件来显示。当然,基础的 Notification还不行,所以我使用了具有HTML片段的 Notific

  • HTML教程②-HTML元素大全(1)

    HTML系列:人人都懂的HTML基础知识-HTML教程HTML元素大全(1)HTML元素大全(2)-表单CSS系列:CSS基础知识筑基常用CSS样式属性CSS选择器大全48式CSS布局秘籍(1)-任督二脉BFC/IFCCSS布局秘籍(2)-6脉神剑CSS动画-transition/animation

  • 一篇带你了解全新的的 CSS 选择器 :Has()

    大家好,我是CUGGZ。你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素?例如,如果一个卡片组件中有图片,就给它添加一个display:flex。这以前在CSS中是无法实现的,而全新的CSS选择器:has就可以帮助我们选择包含特定元素的父元素。下面来看看这个全新的CSS选择器吧!:has

  • 借助 :has 实现3D轮播图

    这次带来一个比较常见的案例,3d轮播图,就像这样的:这个轮播图有几个需要实现的点:3d视觉,也就是中间大,两边小。自动轮播,鼠标放上自动暂停。点击任意卡片会立即跳转到该卡片。这次借助:has来实现这样的功能,相信可以带来不一样的思路,一起看看吧!温馨提醒:兼容性要求需要Chrome101+,并且开始

  • 新指令 v-memo,提高性能的又一利器

    Vue3为我们提供了几项开箱即用的重大性能改进,但也引入了一些额外的手动功能,可以帮助提高我们的应用性能。在这节课中,我们介绍一下,在Vue3.2中引入新指令 v-memo。引入这个指令的目的是帮助我们提高中型/大型Vue应用程序的性能,小项目大家根据需要自行决定。v-memo是做什么的?

  • JavaScript框架大战已结束,赢家只有一个

     竞争者框架之战是JavaScript社区中的热门话题,也是业界众多圣战之一。一开始,jQuery崭露头角,接下来AngularJS初露锋芒,再到现代框架混战,战争愈演愈烈。如今,似Backbone或Sencha之流,许多竞争者已经马革裹尸倒在路边:只留下大量必须维护的遗留代码。如jQue

  • 用 CSS 新特性直接实现虚拟列表?JS 往后稍稍

    何为​​content-visibility​​?​​content-visibility​​:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略大量布局和渲染工作,直到需要它为止。MDN原文:Thecontent-visibilityCSSpropertycontrolswheth

  • Vue3 Slot—插槽全家桶使用详解

    插槽slot就是子组件中提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以给这个占位符内填充任何模板代码,填充的内容会自动替换<slot></slot>标签。插槽被分为三种:匿名插槽、具名插槽、作用域插槽。1、匿名插槽没有名字的

  • 微服务实现单点登录(SSO)授权服务器

    一、单点登录SSO介绍目前每家企业或者平台都存在不止一套系统,由于历史原因每套系统采购于不同厂商,所以系统间都是相互独立的,都有自己的用户鉴权认证体系,当用户进行登录系统时,不得不记住每套系统的用户名密码,同时,管理员也需要为同一个用户设置多套系统登录账号,这对系统的使用者来说显然是不方便的。我们期

  • 圣杯布局和双飞翼布局,你更喜欢那个布局?

    作用首先要解释一下:无论是圣杯布局还是双飞翼布局,都是为了实现一个效果:左右固定宽度,中间部分自适应。两者的区别在于,圣杯布局给中间的div设置padding-left和padding-right;而双飞翼布局则在中间的div内部创建子div放置内容,并在该div里用margin-left和marg

  • CSS in JS 新秀:Vanilla-Extract 浅析

    本文转载自微信公众号「Tecvan」,作者江江。转载本文请联系Tecvan公众号。前言2021年,vanilla-extract作为黑马登顶了css-in-js满意度榜首(虽然使用率仅为1%),号称是一个类型安全、高度兼容TS场景的库,国内相关讨论还很少,稍微看了一下还挺好用的。介绍官方文档:htt

  • 一个 Vue 模板可以有多个根节点(Fragments)?

    如果我们试图创建一个没有根节点的Vue模板,比如这样:复制<template>   <div>Node 1</div>   <div>Node 2</div>&

  • 一篇文章教会你jQuery应用

    一认识jQueryjQuery是JavaScriptQuery的缩写形式。jQuery是一款非常优秀的JavaScript库,即便是MVVM框架盛行的今天,也有超过半数的网页及应用直接或间接的使用了jQuery。jQuery的设计理念是“WriteLess,DoMore“,即写的更少,做的更多!使用

  • 教师节送什么?Python教你挑选礼物

     又到了一年一度的教师节,每次教师节大家都会烦恼不知道送什么礼物?尤其是对于理工男来说,更是一个让人头大的问题。我今天就和大家分享一个用Python爬取淘宝商品信息的项目,希望可以给大家选礼物时提供一个参考。1.爬取目标本次项目利用selenium抓取淘宝商品信息,用selenium语法来

  • 8种vue组件通信方式详细解析实例

    对于vue来说,组件是非常常见的,有很多平台都封装了了属于自己一套的组件,如elementui、weui等等。同时组件之间的消息传递也是非常重要的,下面是我对组件之间消息传递的各种方式的总结,共有8种方式。如有不足之处,可以留言补充,互相学习。1.props和$emit这是最最常用的父子组件通信方式

  • Vue高版本中一些新特性的使用

     一、深度作用选择器(>>>)严格来说,这个应该是vue-loader的功能。”vue-loader”:“^12.2.0”在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件库,产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用

  • Python or Java?大数据解读学什么语言更赚钱

    本文主要用Python爬取拉勾网不同编程语言职位信息,包括:Python岗、Java岗、C++岗、PHP岗、C#岗位(5岗);用R语言对影响薪资的因素进行分析。由于拉勾网的职位信息只显示30页,一页15个职位信息,如果单独爬取一个城市的岗位信息,只有几页是匹配的信息,信息量太小,分析没有说服力。因此

推荐阅读