前端开发
-
一、作品介绍 ? ?️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。 二、作品演示 ☁️ 三、代码目录 ? 四、网站代码 ? HTML部分代码 <div class="top"> <img src="./images/logo.jpg" alt=""> </div> <div class="mid"> <div class="midl"> <h2>熊猫简介</h2> <p>大熊猫（学名：Ailuropoda melanoleuca
2024-11-26 -
前言 想必，学过 java 和 C++ 的小伙伴们，对于继承这个词应该不陌生，最近我也是一直在巩固JavaScript的知识，今天就来一起学习一下JavaScript里的继承吧。 继承是什么？ 首先我们要明确继承的概念： 继承就是一个对象可以访问另外一个对象中的属性和方法 B继承了A，所以B也有A具有的color属性，这个是不是我们接触CSS的时候，会有样式继承这个东西，可以这么理解一下下~ 继承的目的？ 继承的目的我觉得殊途同归，都是实现了父类的设计，并且进行代码复用。 继承的方式 java
2024-11-26 -
先看效果图 最后一行补位，补充多个元素， height: 1px;， visibility: hidden 使用了最小宽度来保证每个元素在缩放时，能够以最小宽度正常显示。也有一个固定宽度为了避免数据少时，独占一行,显示难看。 解决上下行元素 多出的间隔 使用align-content: baseline; 核心代码 .item.h1 { height: 1px; visibility: hidden } <!DOCTYPE html> <html> <head>
2024-11-26 -
1.自定义的加签规则 1.采用Http协议的get或post方式提交 其中get请求参数放在Params中，post请求参数放在Params中,或者body中传递 2.增加接口请求时间戳参数：timestamp ，放到 Params，参与签名计算 如：timestamp=1665727846 ，(秒) 3.签名算法说明 1）获取params参数和body中的非空、非空串的参数 2）所有的参数按参数名升序排序 3）按参数名及参数值互相连接组成一个请求参数串(paramStr)，格式如下：
2024-11-26 -
bulma前端框架说起来是一个非常牛逼的框架，不过这款框架在中国使用量不高，主要是缺乏中文资料 或许是这款框架太简单了 俺老刘前几天看到这款框架，简直是欣喜如狂，简直是比bootstrap要简单多了，而且界面也好看很多。 一咬牙花了两个星期，把说明文档给翻译成中文，感兴趣的可以去看看。
2024-11-26 -
有一个业务，实现刷脸登录功能，这两天整理了一下，整体思路就是利用video标签，获取其中某一帧，结合canvas绘制出图片，将图片传给后端，后端进行图片比对确认是否是已经注册的用户。 最终效果 代码 <template> <div> <div class="box"> <video ref="video"></video> <div class="box1"></div> <div class="box2"></div> <div c
2024-11-26 -
前端经常遇到上拉加载更多的需求，一般还涉及到翻页。小程序里已经给了下拉到底的触发方法onReachBottom(),这里记录下怎样使用这个方法实现下拉加载更多，有需要的直接看代码，有详细注释： 1、首先在data里定义一下返回数据data,和翻页的页数pagenum data: { datalist: [], //.wxml文件需要绑定的列表，我这里用的数据类型是数组 pagenum: 1, //初始页默认值为1 }, 2、具体的请求过程，包含新老数据的数组合并，实现数
2024-11-26 -
sql语句有几种写法 1：SELECT * FROM tablename ORDER BY RAND() LIMIT 想要获取的数据条数； 2：SELECT *FROM `table` WHERE id >= (SELECT FLOOR( MAX(id) * RAND()) FROM `table` ) ORDER BY id LIMIT 想要获取的数据条数; 3：SELECT * FROM `table` AS t1 JOIN (SELECT ROUND(RAND() * (SELECT M
2024-11-26 -
今天做的一系列回归与循环的算法题（当数学题做）。 1、大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0）。 n<=39 时间限制：1秒 空间限制：32768K 热度指数：417477 //斐波那契数列 a[n] = a[n-1] + a[n-2]; function Fibonacci(n) { // write code here if(n <= 1) return n; //因为递归，所以前两个值得自己找出 els
2024-11-26 -
在 Vue 3 中，特别是与 <script setup> 语法糖结合使用时，toRef 和 toRefs 是两个非常有用的 Composition API 函数，它们用于在 Composition API 中创建响应式引用，这些引用可以保持对原始响应式对象的响应性，同时允许你以解构的方式使用这些对象的属性，而不会丢失响应性。 toRef toRef 函数用于将响应式对象中的某个属性转换成一个单独的响应式引用，并保持其响应性。这在你需要从响应式对象中提取一个属性，并且希望这个属性在后续的使用中仍
2024-11-26