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

  • 学前端到了CSS阶段,你一定要掌握这9大防御式开发技能

     一、什么是防御式编程防御性编程是一种细致、谨慎的编程方法(习惯)。我们在写代码时常会有“以防万一”的心态,把以防万一有可能出现的情况提前考虑进去,规避以免以防万一出现带来的问题。应用防御性编程技术,你可以侦测到可能被忽略的错误,防止可能会导致灾难性后果的“小毛病”的出现,在时间的运行过程

  • 教你用JavaScript随机生成密码

    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个随机密码生成器。用户点击生成,输入框内就会生成一个由数字、大小写字母、特殊符号随机组合而成的密码。通过实战我们将学会Math.floor方法、substring方法、clipboard.

  • day28-jQuery01

    jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery教程|菜鸟教程(runoob.com)1.什么是jQuer

  • vue核心基础点

    目录vuevue简介vue的模版语法vue的数据绑定el和data的两种写法MVVM模型vue事件处理vue的计算属性vue的监视属性计算属性和监视属性的对比vue绑定样式vue的条件渲染vue的列表渲染vue监测数据原理vue中收集表单数据vue的过滤器vue的内置指令vue中自定义指令vue的生

  • 超强的苹果官网滚动文字特效实现

    每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年iPhone14Pro的介绍页不例外。最近,刚好有朋友问到,其对官网的一段文字特效特别感兴趣,看适用简单却不知从何下手,我们来看看:整个动画大致是,随着页面的向下滚动,整个文字从无到出现,再经历一轮渐变

  • Bootstrap5 如何创建多媒体对象

    一、在Bootstra5中使用媒体对象Bootstrap媒体对象在版本5中已经停止支持了。但是,我们仍然可以使用flex和margin创建包含左对齐或右对齐媒体对象(如图像或视频)以及文本内容(如博客评论、推文等)的布局。<!doctypehtml><htmllang="zh-CN

  • react使用sass

    1.安装sass较新的版本不需要配置sass-loader等一系列插件,安装即用。npminstall--save-devsass2.编写App.tsx中的基本DOM更改app.css为app.scss,并删除其中全部内容使用如下代码替换app.tsx中的内容import"./App.scss";f

  • 纯CSS实现“流星赶月”,祝大家中秋节快乐

    中秋节到了,就想着用CSS画一个月亮送给园友们吧。但是就画一个月亮也太简单了些,于是便加了一些星星点缀以及流星坠落的效果。这篇文章就用纯CSS为大家实现一个“流星赶月”的效果。实现效果点击运行查看画个月亮首先我们先让全屏背景变成黑色,然后实现一个大月亮🌕,并加点"渐变",“光晕"等效果html&l

  • 2022年CSS都有哪些更新?

    大家好,我是CUGGZ。2022年CSS新增了很多特性,例如容器查询、父选择器、子网格、级联层、新视口单位等,多项期待已久的功能已集成到常青浏览器(自动升级到最新版本的浏览器,包括Chrome、Edge、Firefox和Safari)中。下面就来看看2022年CSS新增的10个实用功能吧!1、颜色相

  • 一款懒人必备的Python爬虫神器

    前言今天把最近的一个应用做好了,测试了一下运行没有问题,剩下的就是检验一下结果如何.从光谱到Lab值通常使用matlab中的roo2lab(),不过经过我最近的测试发现转换的结果并不理想,而且这个转化的代码也不是我写的所以另寻他法,找到了下面这个网页。动手有了这个网页,很简单就想到去解析.然后很快找

  • Vue2剥丝抽茧-模版编译之生成AST

    ​AST结构AST​ 即抽象语法树,在 虚拟dom、eslint、babel​ 都有接触过了,简单来说就是一种描述 dom​ 的数据结构。通过 AST​ 可以还原 dom​ ,也可以把 dom​&nb

  • Spring Security权限控制系列(二)

    本篇主要内容:请求拦截及自定义登录页面。上一篇:《​​SpringSecurity权限控制系列(一)​​》自定义拦截请求默认项目中引入SpringSecurity后会拦截所有的请求,这其中包括了静态资源,这肯定不是我们希望的,接下来我们看如何进行资源自定义的拦截。新建如下静态资源配置静态资源访问路径

  • CSS 实现可拉伸调整尺寸的分栏布局

    很多页面布局,特别是那种工具类的、比如编辑器、可视化平台等,为了充分的利用屏幕空间,都会提供拖拽调节各个分栏尺寸的功能,比如像vscode。vscode抽象开来,其实就是这样一个布局,左右、上下都是可以调整的,如下:可拉伸调整的分栏布局你也可以先看实际效果:CSS可拉伸分栏布局2(juejin.cn

  • 一篇带给你React Hooks完全上手指南

    简介hooks是函数组件独有的。在不编写class的情况下使用state以及其他的React特性。只能在函数组件的顶级作用域使用;只能在函数组件或者其他Hooks中使用。hooks使用时必须确保:所有Hook必须要被执行到。必须按顺序执行。ESlint使用Hooks的一些特性和要遵循某些规则。Rea

  • 你以为的万能爬虫方法,其实一行代码就能识别!

    在以前的公众号中,我提到Selenium/Puppeteer/Pyppeteer有很多特征可以被网站检测到。于是,有些同学想到了另一个方法,就是自己写一个Chrome插件,在网站打开的时候,注入到页面中,然后通过这个注入的JavaScript代码来操作页面,获取数据。这个方法理论上说是万能的,因为注

  • Suspense对React的意义在哪里?

    大家好,我卡颂。可能很多朋友在项目中还没用过Suspense,但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。React的迭代过程React从v16到v18主打的特性经历了三次大的变化:v16:AsyncMode(异步模式)v17:Concur

  • 在 React 中使用 Context 的两点注意事项

      Context是个好东西,先不论代数效应之类纯理论的概念,能在组件树上无视深度地透传状态确实能给开发带来很大的便利。但如果Context的使用上不注意一些细节,使用不当,对应用的性能是有可能造成灾难性影响的。近期在做一个产品的性能优化的时候,总结出来微不足道的两点“常识”。关

  • 面试官:你可以用纯CSS判断鼠标进入的方向吗?

    前言在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯CSS来实现一个根据鼠标移动位置觉得物体移动方向的DEMO。给出的初始结构如下: 复制<style>  body {   &nbs

  • Spring Boot发邮件和附件,超实用!

    SpringBoot集成邮件服务竟如此简单,快速掌握邮件业务类的核心逻辑和企业邮件的日常服务。什么是SMTP?SMTP全称为SimpleMailTransferProtocol(简单邮件传输协议),它是一组用于从源地址到目的地址传输邮件的规范,通过它来控制邮件的中转方式。SMTP认证要求必须提供账号

  • 在React条件渲染中使用三元表达式和“&&”

    React组件可以通过多种方式决定渲染内容。你可以使用传统的if语句或switch语句。在本文中,我们将探讨一些替代方案。但要注意,如果你不小心,有些方案会带来自己的陷阱。三元表达式vsif/else假设我们有一个组件被传进来一个name属性。如果这个字符串非空,我们会显示一个问候语。否则,我们会告

推荐阅读