算法 PTA
Because of her enthusiasm to write innov...
...
期待你的精彩评论 加入3530人围观css3
html(10-小鲜兔儿项目)（小兔鲜儿项目资源）
☔︎ 发表于2024-05-12 浏览7487 评论0
综合项目小兔鲜项目
一 分析
1 Header 部分开发
2Footer 部分开发
3 网站入口 xtx-entry 部分开发
4 新鲜好物面板 xtx-new-goods 部分开发
5 生鲜商品面板 xtx-fresh-goods 部分开发
二 项目结构
三 代码实现
3.1 index.html 代码
<!DOCTYPE html>
<html lang="en">
<head>
css3
CSS计算 CSS运算 calc函数的使用方法（css中计算calc）
Nacl 发表于2024-05-12 浏览11201 评论0
CSS也是可以进行运算的!!! CSS中的calc函数是可以对不同值进行计算的 它可以在 <length>, <frequency>,<angle>, <time>, <percentage>, <number>, or<integer> 之间进行计算 例如
width: calc(100% - 80px);
CSS calc函数可以进行四种运算：加减乘除. 其中
加法和减法的运算符号两边必须有空格,例
css3
canvas的属性 （canvas的属性有哪些）
运营狗转载 发表于2024-05-12 浏览6006 评论0
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas>
let c=document.getElementById('myCanvas')
let ctx=c.getContext('2d')
fillStyle：设置或返回用于填充绘画的颜色、渐变或模式
ctx.fillStyle="#0000ff";
fillRect：绘制“被填充”的
css3
layui loading（layui loading弹出层）
舜 发表于2024-05-12 浏览8482 评论0
先上个效果图，
1.首先确定layui
1-1.引入layui.js等所需，或者在项目里layui.use(['layui','jquery'],function(){})等，先排除粗心大意造成的问题
2.直接上代码
layui.use(['layer', 'form', 'table', 'admin', 'ax', 'func','jquery'], function () {
var $ = layui.jquery;
var table=
css3
关于localStorage存储、读取、清除数据以及与sessionStorage的区别问题
a3626877115 发表于2024-05-11 浏览6881 评论0
本文讲述了localStorage存储、读取，以及对localStorage的数据进行清除，以及localStorage与sessionStorage的区别。
localStorage相当于一个5M大小的针对于前端页面的数据库。
1.localStorage存储
window.localStorage.setItem('key',value)
但有时value为一个对象Object，以上面的方式写入，会出现读取的返回值为{object Object}的情况，但这并不是我们想要的，此时我们
css3
css清除浮动的几种方式（css清除浮动的几种方式是什么）
CG小霸王 发表于2024-05-11 浏览5258 评论0
前言：
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
Float（浮动），往往是用于图像，但它在布局时一样非常有用。 css浮动
但是使用了float后不清除浮动就会出现父级高度塌陷问题
造成的后果就是父元素高度为0，浮动元素的内容撑不开父元素，这种时候就需要清除浮动
.container{
border: 5px solid#eee;
}
.media {
css3
前端项目 电影院选座付款系统 【原生 JS 实现 页面美观简洁】
刚好 发表于2024-05-11 浏览9004 评论0
本篇文章写的是一个电影院的选座与页面跳转系统，因为时间仓促，只写了 3号厅的选座系统，后期有时间会写一个完整的功能更完备的电影院系统。
本项目完全使用原生JS实现，共有下列功能：两种座位价格 22 元 和 23元，包场功能，清空已选座位功能，点击支付后会将总价格传入付款界面，数据在页面间传递使用的是 JS 的本地存储 .......
文章目录：
效果展示：
主页面：
选座页面：
开始选座：
包场：
页面跳转：
代码分析：第一个页
css3
布局“grid”详解介绍大全（grid 布局）
小海 发表于2024-05-10 浏览5341 评论0
前言
说起布局grid我相信重要程度比起flex不遑多让啊。除了兼容性方面，其余的方面都是很完美的。但是我相信随着技术的不断更替，兼容性已经不再是问题。那今天进让我们来看看grid到底能够干啥吧
本文意图不是想将API介绍清楚，如果想了解详细API，请移步阮一峰老师Grid布局。 本文从实际的布局业务出发。告诉各位读者什么样的情况下，适合哪种API
开始
1. 如果实现多行多列网格布局呢？？？
.container {
disp
css3
@font-face用法超详细讲解（font的face属性）
源码代售 发表于2024-05-10 浏览14206 评论0
1.font-face是什么
font-face是css3中允许使用自定义字体的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。
2.font-face的基本用法
@font-face {
font-family: <YourDefineFontName>;
src: <url> [<format>],[<source> [<format>]], *;
[font-weight
css3
css动画（详解带图）（css 图片动画）
ldt 发表于2024-05-10 浏览10490 评论0
过渡
过渡 （transition）的作用 1.通过过渡可以指定一个属性发生变化时的切换方式 2.通过过渡可以创建一些非常好的效果，提升用户的体验
常用属性 1.transition-property:指定要执行过渡的属性 多个属性间使用,隔开（ transition-property: width,height;） 如果所有属性都需要过渡，则使用all关键字 大部分属性都支持过渡效果，注意过渡时必须是有效数值向另外一个有效数值进行过渡，比如auto向0过渡就不是一
css3
scss安装入门到使用高级语法（scss常用语法）
AsO 发表于2024-05-10 浏览5420 评论0
一.sass的基本概念
sass是css的"预处理器", 一门专门的css编程语言 增加了变量, 函数, 计算, 嵌套关系等用法,让css编写更简洁, 清晰.
二. scss的安装步骤
首先查询一下是否已经安装过sass, 在cmd中输入sass -v 或者 sass --version
sass -v
sass --version
使用上面任意一个命令,出现以下几种情况都是已经安装好了 1.52.1 complied with dart2js 2.17.1 ruby 1.52
css3
DOM操作（dom操作的方法有哪些）
liukeshu 发表于2024-05-10 浏览6306 评论0
今天开始进入JS的核心操作 DOM，DOM操作其实很简单，就是增删改查这几个操作，先看一下思维导图：
1.增加操作
1.新建： fn creatElement(标签名) 创建元素节点 fn setAttribute（name,value）直接设置属性 fn cloneNode(true、false) true包含子节点 false不包含
2.插入 拼接节点： fn appendChild（） 插入节点 fn insertBefore（new，old）
2.删除操作
1.删除子节点