为什么使用window.onload()因为JavaScript中的函数方法需要在HTML文档渲染完成后才可以使用,如果没有渲染完成,此时的DOM树是不完整的,这样在调用一些JavaScript代码时就可能报出"undefined"错误。用于在网页加载完毕之后立即执行的操作,即当HTML文档加载完毕
前言为增加系统安全性,避免重要敏感信息通过截图方式泄露,对web页面增加盲水印标识,标注系统名称,登陆人,当前时间等信息,这里的盲水印指肉眼不可见的html水印增加水印引入watermark.js调用watermark.load方法,指定显示文字与透明度,我这边设置的不可见透明度为0.015wate
背景最近在公司内部进行一个引导配置系统的开发中,需要实现一个多图轮播的功能。到这时很多同学会说了,“那你直接用swiper不就好了吗?”。但其实是,因为所有引导的展示都是作为npm依赖的形式来进行插入的,所以我们想要做的就是:尽量减少外部依赖以及包的体积。所以,我们开始了手撸简易版swiper之路。
最近在项目上需要一个信息弹窗,来显示信息。一开始只让它弹出了文字,而且只有一条信息。而给我的需求是多条文字和图片,而后我使用了elementui中的Notification通知组件来显示。当然,基础的 Notification还不行,所以我使用了具有HTML片段的 Notific
HTML系列:人人都懂的HTML基础知识-HTML教程HTML元素大全(1)HTML元素大全(2)-表单CSS系列:CSS基础知识筑基常用CSS样式属性CSS选择器大全48式CSS布局秘籍(1)-任督二脉BFC/IFCCSS布局秘籍(2)-6脉神剑CSS动画-transition/animation
大家好,我是CUGGZ。你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素?例如,如果一个卡片组件中有图片,就给它添加一个display:flex。这以前在CSS中是无法实现的,而全新的CSS选择器:has就可以帮助我们选择包含特定元素的父元素。下面来看看这个全新的CSS选择器吧!:has
这次带来一个比较常见的案例,3d轮播图,就像这样的:这个轮播图有几个需要实现的点:3d视觉,也就是中间大,两边小。自动轮播,鼠标放上自动暂停。点击任意卡片会立即跳转到该卡片。这次借助:has来实现这样的功能,相信可以带来不一样的思路,一起看看吧!温馨提醒:兼容性要求需要Chrome101+,并且开始
Vue3为我们提供了几项开箱即用的重大性能改进,但也引入了一些额外的手动功能,可以帮助提高我们的应用性能。在这节课中,我们介绍一下,在Vue3.2中引入新指令 v-memo。引入这个指令的目的是帮助我们提高中型/大型Vue应用程序的性能,小项目大家根据需要自行决定。v-memo是做什么的?
竞争者框架之战是JavaScript社区中的热门话题,也是业界众多圣战之一。一开始,jQuery崭露头角,接下来AngularJS初露锋芒,再到现代框架混战,战争愈演愈烈。如今,似Backbone或Sencha之流,许多竞争者已经马革裹尸倒在路边:只留下大量必须维护的遗留代码。如jQue
何为content-visibility?content-visibility:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略大量布局和渲染工作,直到需要它为止。MDN原文:Thecontent-visibilityCSSpropertycontrolswheth
插槽slot就是子组件中提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以给这个占位符内填充任何模板代码,填充的内容会自动替换<slot></slot>标签。插槽被分为三种:匿名插槽、具名插槽、作用域插槽。1、匿名插槽没有名字的
一、单点登录SSO介绍目前每家企业或者平台都存在不止一套系统,由于历史原因每套系统采购于不同厂商,所以系统间都是相互独立的,都有自己的用户鉴权认证体系,当用户进行登录系统时,不得不记住每套系统的用户名密码,同时,管理员也需要为同一个用户设置多套系统登录账号,这对系统的使用者来说显然是不方便的。我们期
作用首先要解释一下:无论是圣杯布局还是双飞翼布局,都是为了实现一个效果:左右固定宽度,中间部分自适应。两者的区别在于,圣杯布局给中间的div设置padding-left和padding-right;而双飞翼布局则在中间的div内部创建子div放置内容,并在该div里用margin-left和marg
本文转载自微信公众号「Tecvan」,作者江江。转载本文请联系Tecvan公众号。前言2021年,vanilla-extract作为黑马登顶了css-in-js满意度榜首(虽然使用率仅为1%),号称是一个类型安全、高度兼容TS场景的库,国内相关讨论还很少,稍微看了一下还挺好用的。介绍官方文档:htt
如果我们试图创建一个没有根节点的Vue模板,比如这样:复制<template> <div>Node 1</div> <div>Node 2</div>&
一认识jQueryjQuery是JavaScriptQuery的缩写形式。jQuery是一款非常优秀的JavaScript库,即便是MVVM框架盛行的今天,也有超过半数的网页及应用直接或间接的使用了jQuery。jQuery的设计理念是“WriteLess,DoMore“,即写的更少,做的更多!使用
又到了一年一度的教师节,每次教师节大家都会烦恼不知道送什么礼物?尤其是对于理工男来说,更是一个让人头大的问题。我今天就和大家分享一个用Python爬取淘宝商品信息的项目,希望可以给大家选礼物时提供一个参考。1.爬取目标本次项目利用selenium抓取淘宝商品信息,用selenium语法来
对于vue来说,组件是非常常见的,有很多平台都封装了了属于自己一套的组件,如elementui、weui等等。同时组件之间的消息传递也是非常重要的,下面是我对组件之间消息传递的各种方式的总结,共有8种方式。如有不足之处,可以留言补充,互相学习。1.props和$emit这是最最常用的父子组件通信方式
一、深度作用选择器(>>>)严格来说,这个应该是vue-loader的功能。”vue-loader”:“^12.2.0”在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件库,产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用
本文主要用Python爬取拉勾网不同编程语言职位信息,包括:Python岗、Java岗、C++岗、PHP岗、C#岗位(5岗);用R语言对影响薪资的因素进行分析。由于拉勾网的职位信息只显示30页,一页15个职位信息,如果单独爬取一个城市的岗位信息,只有几页是匹配的信息,信息量太小,分析没有说服力。因此