kuiini-CSDN博客

原创 jQuery学习笔记

语法参数params：想要更改的样式属性，以对象形式传递，必须写。属性名可以不用引导，如果是符合属性则需要采取驼峰命名法 borderLeft。其余参数可以省略。speed：三种预定速度之一的字符串(“slow” , “nomal” or “fast”) 或表示动画时长的毫秒数值（如：1000）easing：(Optional) 用来指定切换效果，默认值是 “swing”, 可用参数 “linear”fn：回调函数获取属性语法。

2024-05-01 05:15:54 909 2

原创 JS-数据存储

【代码】JS-数据存储。

2024-04-13 11:44:51 329

原创 JS-PC/MOBILE技巧--MOBILE

触屏touch事件说明touchstart手指触摸到一个 DOM 元素是触发touchmove手指在一个 DOM 元素上滑动时触发touchend手指从一个 DOM 元素上移开时触发

2024-04-13 11:42:56 784

原创 JS-PC/MOBILE技巧--PC

一、PC 端网页特效1、元素偏移量 offset 系列offset 概述offset 就是偏移量，使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获取元素距离带有定位父元素的位置获取元素自身的大小（宽度高度）注意：返回的数值都不带单位offset 系列常用属性:offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素，如果父级都没有定位则返回bodyelement.offsetTop返回元

2024-04-08 00:39:29 699

原创 JavaScript-Web学习笔记02

给元素添加事件，称为注册事件或者绑定事件。传统方式和方法监听注册方式传统注册方式利用 on 开头的事件 onclick特点：注册事件的唯一性同一个元素同一个时间只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c 标准推荐方式addEventListener() 它是一个方法IE9 之前的 IE 不支持此方法，可使用 AttachEvent() 代替特点：同一个元素同一个时间可以注册多个监听器按注册顺序依次执行。

2024-03-25 23:55:06 681

原创 JavaScript-Web学习笔记01

一、Web APIs1、Web APIWeb API 是浏览器提供的一套操作浏览器功能和页面元素的API（BOM 和 DOM）。2、总结API 是为我们提供的一个接口，帮助我们实现某种功能Web API 主要是针对浏览器提供的接口，主要针对浏览器做交互效果。Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）二、DOM1、DOM文档对象模型（Document Object Model，简称 DOM），是W3C 组织推荐的处理可拓展标记

2024-03-22 19:46:52 1919 1

原创 JavaScript 基础知识

JavaScript 是一种弱类型/动态语言Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入就近取整例：-3.5 → -3Math.abs() // 绝对值Math.max() / Math.min() // 求最大和最小值。

2024-03-15 18:22:21 1901 1

原创移动Web学习05

五、响应式网页解决方案：媒体查询@media (条件) { html { background-color: green; }}Bootstrap1、媒体查询@media (媒体特性) { 选择器 { 样式 }}媒体特性：max-width: 最大宽度min-width: 最小宽度示例：<!DOCTYPE html><html lang="en"><head&g

2024-03-09 16:34:32 931 1

原创移动Web学习04

* vw 和 vh 是相对视口宽高计算结果，可以直接实现移动端适配效果 */（1/100 视口宽度）（视口宽度）→ 确定。

2024-03-08 00:12:14 268 1

原创移动Web学习03

* 1.使用媒体查询，给不同视口的屏幕设置不同的HTML字号 */initial-scale=1.0：缩放1倍（不缩放）/* 视口宽度是375，网页背景色是绿色 */作用：防止图片在高分辨率频幕下模糊失真。/* 2.使用rem单位书写尺寸 *//* 1.给HTML标签加字号 *//* 使用rem单位书写尺寸 */作用：导入 less 公共样式文件。概念：设计稿里面每个元素的尺寸的。写法：在 less 文件的。提示：文件夹名称后面添加。份，HTML标签的字号为。写法：在 less 文件。

2024-03-07 00:13:15 973 1

原创移动Web学习02

backwards：开始状态 *//* 动画二：从 200*100 变化到 300*300 变化到 800*500 *//* 当动画的开始状态样式跟盒子默认样式相同时，可以省略动画开始状态的代码 *//* steps：分布动画，工作中，配合精灵图实现精灵动画 *//* 百分比：表示的意思是动画时长的百分比 *//* 重复次数：infinite：无限循环 *//* 动画一：宽度从200变化到800 *//* alternate：反向 *//* linear：匀速 *//* 动画名称 *//* 动画时长 */

2024-03-05 14:22:54 275 1

原创移动Web学习01

* 多重转换：以第一种转换形态的坐标轴为准 *//* 鼠标移入到父级盒子，son 改变位置 *//* 百分比：参照盒子自身尺寸计算结果 *//* 鼠标悬停到图片上面，添加旋转效果 *//* 修改宽高尺寸，从左上角开始缩放 *//* 鼠标移入box，图片边走边转 *//* 向左向上移动自身尺寸的一半 *//* 鼠标悬停时的动态效果 *//* 旋转会改变坐标轴向 *//* 大于1，表示放大 *//* 小于1，表示缩小 *//* 先平移再旋转 *//* 等于1，不变 *//* 有层叠性 */

2024-03-03 14:56:56 959

原创深圳技术大学官网首页个人设计.remix

深圳技术大学官网效果.remix

2024-03-02 17:28:31 875

原创网页制作 —— 小兔鲜儿

学习制作网页——小兔鲜儿

2024-01-27 02:25:51 556 1

原创 kuiini前端学习笔记（假期版）

CSS 高级技巧：定位、CSS 精灵以及其他 CSS 属性

2024-01-25 18:55:58 674 1

原创 kuiini的python学习-03

python学习笔记

2024-01-14 16:26:03 1958 2

原创学习制作网页——学成在线首页

一、准备工作1、项目目录网站根目录是指存放网站的第一层文件夹，内部包含当前网站的所有素材，包含 HTML、CSS、图片、JavaScript等等。建立文件夹：studyimages 文件夹：存放固定使用1的图片素材，例如：logo、样式修饰图等等uploads 文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片css 文件夹：存放 CSS 文件（link 标签引入）base.css：基础公共样式，例如：清除默认样式、设置网页基本样式index.css：首页 C

2023-12-19 22:44:54 1033 1

原创 kuiini的python学习-02

python语言基础学习

2023-12-18 22:23:50 939

原创 kuiini的前端学习第六周

本次进入盒子模型的浮动和flex布局的学习~~~

2023-12-06 01:03:43 33 1

原创 kuiini的前端学习第五周

第五周前端学习笔记（主要为CSS盒子模型的学习）

2023-12-01 20:53:32 72 1

原创 kuiini的前端学习第四周

本周继续学习CSS基础知识，并记录学习笔记。

2023-11-25 01:58:13 41 2

原创 kuiini的python学习-01

python学习

2023-11-19 20:27:13 50 1

原创 kuiini的前端学习第三周

本周进入CSS基础知识的学习，结合HTML运用与CSS学习所做笔记

2023-11-18 21:41:54 125

原创 kuiini的前端学习第二周

本次笔记是续着上周笔记进行学习，请放心使用。

2023-11-12 02:08:44 149 2

原创 kuiini的前端学习第一周

关于前端学习的第一周笔记，也是第一篇blog，都是看视频自学所做下的笔记，请放心食用。（持续学习中-ing）

2023-11-04 23:54:03 252 2

kuiini的博客