网站建设

css实现元素居中的N种方法

目录 前言 行内元素居中 文本垂直居中 行内元素水平居中 块级元素水平居中 块级元素垂直居中 水平垂直居中 前言 刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目...

C# 提取PDF中的表格详情

目录 1、简单介绍 2、环境配置 3、代码示例 1、简单介绍 本文介绍在 C# 程序中(附VB.NET代码)提取 PDF 中的表格的方法,调用 Spire.PDF for .NET 提供的提取表格的 类 以及 方法 等来获取表...

如何使用Serializable接口来自定义PHP中类的序列化

目录 Serializable接口 各种类型的数据进行序列化的结果 对象在使用Serializable接口序列化时要注意的地方 未定义类的反序列化操作 总结 关于PHP中的对象序列化这件事儿,之前我们在很早...

PHP垃圾回收机制的一些理解

目录 垃圾回收是什么东西? PHP 的垃圾回收算法 垃圾回收对性能的影响 总结 相信只要入门学习过一点开发的同学都知道,不管任何编程语言,一个变量都会保存在内存中。其实,我们...

纯CSS免费让网站拥有暗黑模式切换功能的实现代

前言 暗黑模式这个概念最早起源于 MacOS系统 的 Mojave ,提供 浅色主题 和 深色主题 两种皮肤供用户选择, 深色主题 就是我们常说的 暗黑模式 。为了眼睛健康,笔者在手机、平板和电...

解决ElementUI自定义CSS样式不生效的问题

例如有一个输入框 el-input ref=mySearch class=mySearch size=small placeholder=请输入内容 suffix-icon=el-icon-search v-model=input1/el-input 如果没有加自定义样式则输入框大概是这样的 我希望是这样的 通过谷...

详解CSS 文字装饰 text-decoration & text-emphasi

在 CSS 中,文字算是我们天天会打交道的一大类了,有了文字,则必不可少一些文字装饰。 本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis ,在最后,还会讲解使用...

PHP遍历数组的6种方式总结

目录 1、foreach 2、array_map 3、array_walk 4、for 5、each 6、reset 总结 在PHP的日常操作中,数组是最常出现的结构,而我们几乎每天都在处理数组相关的内容。那么问题来了,你一般怎么遍历并...

使用Html+Css实现简易导航栏功能(导航栏遇到鼠标

Ⅰ、问题描述: 使用html+css实现简易导航栏; **要求:**将导航栏分成八个小部分,并在鼠标放上并不点击,导航栏背景颜色显示为黄绿色; Ⅱ实现过程如下: 1、运行软件VScode,亲测...

CSS3 制作的彩虹按钮样式

实现效果: 实现代码: html div class=buttons h1Simple hover effects with codebox-shadow/code/h1 button class=fillFill In/button button class=pulsePulse/button button class=closeClose/button button class=raiseRaise/button button cl...

老生常谈 使用 CSS 实现三角形的技巧(多种方法

在一些面经中,经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形,而常见的回答通常也只有使用 border 进行绘制一种方法。 而 CSS 发展到今天,其实有很多有意思的仅仅使...

浅谈移动端中的视口(viewport)的具体使用

目录 1. 基本概念 1.1 两种像素 1.2 三种视口 2. 视口的设置 3. 一倍图、二倍图、三倍图 在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中...

用CSS实现图片的3D凹凸感(凸出镜框外或凹陷镜框

Ⅰ、问题描述: 使用css实现图片的3D凹凸感; Ⅱ实现过程如下: 1、展示结果为: A、正常的图片(图一、图二都正常): B、图一凸出镜框外,图二正常; 触发过程:将鼠标放在图一的红...

为什么你写的height:100%不起作用

为什么你写的height:100%不起作用? 这个知识不算冷门的,但是用的时候可能还是会有些懵逼,不能生效时搜一搜就能找到答案了,但是你真的懂了吗?为什么想要设置一个全屏元素的时...

解析CSS 提取图片主题色功能(小技巧)

背景 起因是微信技术群里有个同学发问,有什么方法能够获取图片的主色呢?有【本文转自:韩国站群服务器 欢迎转载】一张图片,获取他的主色调: 利用获取到的这个颜色值,来实...

CSS3中Animation实现简单的手指点击动画的示例

本文主要介绍了CSS3中Animation实现简单的手指点击动画的示例,分享给大家,具体如下: 效果图 !DOCTYPE htmlhtml head meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0, maximu...

CSS实现单选折叠菜单功能

不到万不得已的时候千万别引入前端UI框架,因为HTML5和CSS3已经能实现绝大多数的功能,比如上期的《CSS实现最简洁的开关》 而很多人的思维还停留在web2.0时代,用各种库来做UI,导致...

微信小程序使用canvas绘制钟表

本文实例为大家分享了微信小程序使用canvas绘制钟表的具体代码,供大家参考,具体内容如下 模拟时钟 利用canvas绘制时钟,实现模拟时钟的功能,钟表时间与系统时间保持一致,刻度...

JavaScript实现动态数字时钟

本文实例为大家分享了JavaScript实现动态数字时钟的具体代码,供大家参考,具体内容如下 实现效果 代码实现 !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleDocument/title style * { padding: 0;...

ThingJS粒子特效一键实现雨雪效果

目录 1、粒子效果 2、 加载场景 3、不同粒子特效实现 结尾: 使用ThingJS可以快速编写粒子效果,比如:下雨、下雪(可以控制雨雪大小)、喷水、火焰效果等,甚至可以通过对接第三方...

JavaScript offset实现鼠标坐标获取和窗口内模块拖动

offset offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度高度) 注:返回的数...

javascript实现数组最大值和最小值的6种方法

给定一个数组[1,8,5,4,3,9,2],编写一个算法,得到数组的最大值 9,和最小值 1。 1、通过prototype属性扩展min()函数和max()函数 算法1的思路是在自定义min()和max()函数中,通过循环由第一个值...

原生js实现简单贪吃蛇小游戏

本文实例为大家分享了js实现贪吃蛇小游戏的具体代码,供大家参考,具体内容如下 先上图 话不多说,代码奉上,喜欢的请留下你的小星星() !DOCTYPE htmlhtml lang="en" head meta charset="UTF-8"...

微信小程序基础教程之echart的使用

前言 先看下最终实现的效果–自己做的小demo 首先到ECharts官网下载官网地址 根据上面的网址下载代码把ec-canvas文件拷贝下来放到你自己的项目中, 我放的是tool文件夹下面,你们随意引...

js 可选链操作符的使用

前言 可选链操作符(.)允许读取位于链接对象链身处的属性的值,而不必明确验证链中的每个引用是否有效。不同之处在于,在引用为空(null或者undefined)的情况下不会引起错误,该表达...

JS中数组常用的循环遍历你会几种

前言 数组和对象作为一个最基础数据结构,在各种编程语言中都充当着至关重要的角色,你很难想象没有数组和对象的编程语言会是什么模样,特别是 JS ,弱类型语言,非常灵活。本...

JS数组reduce你不得不知道的25个高级用法

前言 reduce作为ES5新增的常规数组方法之一,对比forEach、filter和map,在实际使用上好像有些被忽略,发现身边的人极少使用它,导致这个如此强大的方法被逐渐埋没。 如果经常使用red...

替换json对象中的key最佳方案

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据...

如何将JavaScript将数组转为树形结构

1.需求 后台给了一个这样的数据让咱前端去转换为树形结构(没有重复数据)。不多说,先来看看给了一个怎样的数组数据,转换为怎样的树形结构。 服务器传过来的数组 const arr = [...

js实现自动锁屏功能

1.使用场景 有这么一个需求,开发了一套系统,当用户离开桌面或者一段时间不操作的话,需要把该系统所有打开页面锁定起来,就跟桌面锁屏一样,只能输入密码验证成功后,或者重...

微信小程序使用同声传译实现语音识别功能

我使用同声传译语音识别功能是为了实现微信小程序首页的语音搜索功能,如果你也是那么恭喜你,你可以ctrl+c、ctrl+v再改一改,如果你不是那么你也不要着急的走可以看完我的文章会...

关于js的事件循环机制剖析

前言 众所周知, JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求,那么到底是为什么呢?其中的原理与事件循环机制大有关系。 在探索事件循环之前,我们得先了解浏...

小程序wx.getUserProfile接口的具体使用

最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整,并提出了一个新的接口供开发者调用 下图是对于新的接口的官方文档详情 点击前往官网查看更多详细信息...

js判断文件是否为utf-8编码的方法

常规方案 使用FileReader以utf-8格式读取文件,根据文件内容是否包含乱码字符,来判断文件是否为utf-8。 如果存在,即文件编码非utf-8,反之为utf-8。 代码如下: const isUtf8 = async (file: F...

Lombok实现方式JSR-269

前言 简介 Lombok是一款好用顺手的工具,就像Google Guava一样,在此予以强烈推荐,每一个Java工程师都应该使用它。Lombok是一种Java实用工具,可用来帮助开发人员消除Java的冗长代码,尤...

详解javascript中的Strict模式

目录 简介 使用Strict mode strict mode的新特性 强制抛出异常 简化变量的使用 简化arguments 让javascript变得更加安全 保留关键字和function的位置 总结 简介 在ES5中,引入了strict模式,我们可以...

详解ES9的新特性之异步遍历Async iteration

目录 异步遍历 异步iterable的遍历 异步iterable的生成 异步方法和异步生成器 异步遍历 在讲解异步遍历之前,我们先回想一下ES6中的同步遍历。 根据ES6的定义,iteration主要由三部分组成...

使用php的mail()函数实现发送邮件功能

利用PHP的mail函数发送邮件 mail()函数的作用:连接到邮件服务器,利用smtp协议,与该服务器交互并投邮件 注意: 1.mail函数不支持esmtp协议,即只能直投不能登录 2.由上条知,我们只能直...

解决localstorage存储boolean类型值的小坑

localstorage存储boolean类型值小坑 今天使用localstorage存储boolean数据时,发现怎么弄页面上数据显示就是有问题。 后面才发现,在localstorage中存储的boolean数据都变成了字符串了,才导致的...

浅谈JS的原型和原型链

目录 1.原型prototype 2.原型指针:__proto__ 总结 1.原型prototype javascript中所有函数都具有这个属性,所有具有prototype属性的对象都是一个函数。prototype的作用是向对象添加一个方法/属性。...

浅谈JS三座大山之异步和单线程

目录 单线程 异步 单线程 但是我们在开发中,遇到请求网络,或者定时任务的时候,如果等待网络请求结束或者定时任务结束的时候再去做其他事情,这样页面就会卡住,所以js有异步...

详解微信小程序官方人脸核身认证

小程序收集了下用户个人信息上传被打回来说: 你好,小程序页面功能涉及:采集用户生物特征(人脸照片或视频)及其他敏感信息,用于身份认识或识别, 为保障用户敏感隐私身份...

如何用uni-app实现顶部导航栏显示按钮和搜索框

最近公司准备做app,最终决定使用uni-app框架开发,但是当把设计图给我的时候我心里有点没底,因为他的设计图顶部长成这个样子: 因为这个功能在小程序是根本无法实现的,可能受...

详解uniapp无痛刷新token方法

前端在请求接口时,和后端定义好了,如果状态码为 401 ,则表明 token 过期,需要前端请求新的 token 大概流程如下: 1.用户登录之后,后端会返回两个 token ,分别为accessToken 和refreshToken 存储到...

分析uniapp入门之nvue爬坑记

目录 前言 Hello World image 设置 border-radius 设置真实像素 引入外部的 css 使用 ttf 字体文件 vue 打开 nvue 时传递参数 仿微信朋友圈效果 前言 uni-app 是 DCloud 出品的新一代跨端框架,可以说是...

JavaScript+html实现前端页面随机二维码验证

分享炫酷的前端页面随机二维码验证,供大家参考,具体内容如下 直接上代码 %@ page contentType="text/html;charset=UTF-8" language="java" %htmlhead titleTitle/title !--引入jquery的js -- script type="text/javas...

JavaScript+html实现前端页面滑动验证

本文实例为大家分享了JavaScript+html实现前端页面滑动验证的具体代码,供大家参考,具体内容如下 分享炫酷的前端页面滑动验证 直接上代码 %@ page contentType="text/html;charset=UTF-8" language...

JavaScript+html实现前端页面滑动验证(2)

本文实例为大家分享了炫酷的前端页面滑动验证的具体代码,供大家参考,具体内容如下 分享炫酷的前端页面滑动验证 前面已经发过一种,这里再发一种,只是特效不一样 还是直接上...

Echarts基本入门之柱状图、折线图通用配置

1echarts的基本步骤 四步 1 找dom容器 2 初始化Init 3 配置options 4 setOptions 几乎124的步骤是一样的,options是配置项,想呈现什么图标就配什么。 最基本的带最大值最小值的柱状图 2 平均值...

JavaScript中事件冒泡机制示例详析

什么是冒泡? DOM事件流(event flow )存在三个阶段:事件捕获阶段、 处于目标阶段、 事件冒泡阶段。 事件捕获(event capturing):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览...