- 博客(26)
- 收藏
- 关注
RSS订阅原创 jQuery速通
一. jQuery 概述1.jQurey的优点二. jQuery 的基本使用2.1 jQuery 的下载官网地址： https://jquery.com/2.2 jQuery 的使用步骤2.2.1引入2.2.2使用2.3 jQuery 的入口函数2.4 jQuery 的顶级对象 $2.5 jQuery 对象和 DOM 对象三.jQuery 常用API 3.1jQuery 选择器3.1.1 jQuery 基础选择器3.1.2jQuer...
2022-04-24 16:30:35
637
原创 Web APIs （第七天——正则表达式）
一、正则表达式1.1什么是正则表达式1.2正则表达式——语法1.3元字符1.3.1边界符1.3.2量词1.3.3字符类
2022-04-23 11:54:49
1514
原创 Web APIs （第六天BOM- 操作浏览器）
一、Window对象1.1 BOM1.2 定时器-延时函数1.3 JS 执行机制1.4 location对象1.4.1href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转1.4.2search 属性获取地址中携带的参数，符号 ？后面部分1.4.3hash 属性获取地址中的啥希值，符号 # 后面部分1.4.4reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新1.5 navigator对象...
2022-04-20 10:54:16
208
原创 Web APIs （第五天DOM- 网页特效篇）
一、滚动事件和加载事件1.1滚动事件1.2 加载事件二、元素大小和位置2.1 scroll家族（返回值不带单位）
2022-04-01 17:56:21
193
原创 Web APIs （第四天——DOM-事件高级）
一、事件对象pageX/pageY 相对于整个页面左上角的位置keyup/keydown二、事件流2.1 事件流和两个阶段说明2.2 事件捕获和事件冒泡2.3 阻止事件流动三、事件委托...
2022-03-29 11:43:52
836
原创 Web APIs （第三天——DOM-节点操作）
一、节点操作1.1DOM节点1.2查找节点1.3增加节点1.3.1创建节点1.3.2追加节点1.3.3克隆节点1.4删除节点二、时间对象2.1 实例化2.2 时间对象方法2.3 时间戳三、重绘和回流...
2022-03-26 14:31:08
387
原创 js练习题
1.计算银行卡余额遇到的问题，使用 border-collapse: collapse; 解决table边框塌陷问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...
2022-03-23 17:55:08
702
原创 js入门之路-初级
一、js三种书写方式1.下面两个等价-点击显示弹窗<input type="button" value="hello" onclick="window.alert('hello world')"/><input type="button" value="hello" onclick="alert('hello world')"/>2.直接显示弹窗<script type="text/javascript"> wind...
2022-03-14 15:14:26
1572
原创 移动适配rem+vw/vh+less
一、rem1.网页效果：屏幕宽度不同，网页元素尺寸也不同（等比缩放）rem单位是相对与html标签的字号计算结果，1rem=1html字号大小。使用得保证html标签有字号。一般rem布局中html字号为视口1/10。2.媒体查询如果视口宽在375时，字号20生效，当视口为400时，不生效。@media （媒体特性/width：375px） { 选择器/html{ css属性/font-size：20px； }}3.配合flexible.j
2022-03-07 14:50:17
355
原创 移动端web+flex布局
一、字体图标-iconfont引入字体图标样式表iconfont.cssbody写<i class="iconfont /*第一个类名固定的*/icon-favorites-fill/*第二个用什么图标用什么类名*/"></i>网上没有图标的话，要svg图片，再上传到iconfont网站二、平面转换-transform1.位移：transform：transslate（水平移动距离，垂直移动距离）.son{ transition:all 0.5s;
2022-02-26 14:14:14
267
原创 移动端web练习题
1.空间转换导航栏遇到的问题：li设置高100%导致a定位li把所有a定到一起。空间观察角度推荐：x-20deg，y30deg。图片空间旋转以后，这个图片坐标轴也会随之旋转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-02-26 10:22:35
425
原创 小兔仙项目搭建
一、项目样式补充1.1精灵图场景：多张小图合并成为一张大图，这张大图片称为精灵图。优点：减少服务器发送次数，减轻服务器压力，提高页面加载速度。1.2精灵图使用步骤1.创建一个盒子，设置盒子的尺寸和小图尺寸相同。2.将精灵图设置为盒子的背景图片。3.修改背景图位置。 /*background-image：px px；*/精灵图一般用行内标签-span-b-i 然后再修改css为块元素display：2.1设置背景图片大小background-size：宽度 高度；
2022-02-14 15:59:23
1510
2
原创 css定位装饰
一、定位网页布局三种方式结合使用：标准流、浮动、定位。1.解决盒子和盒子之间层叠问题2.可以让盒子固定在某一个区域1.设置定位方式position静态定位static相对定位relative绝对定位absolute固定定位fixed1.相对定位relative.nav｛position：relative；left：20px;top:30px;}特点：占有原来的位置，仍然具备标签原有的显示特点，改变位置是参照自己原来位置,不会脱离标准流。定位如果四个方向都
2022-02-12 17:34:31
189
原创 练习题 1.div布局 2.导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2022-01-19 16:32:26
440
原创 css浮动
一、结构伪类选择器1.作用与优势1.作用：根据元素在html中的结构关系找元素2.优势：减少html中类的依赖，保持代码整洁3.场景：用于查找某父级选择器中的子元素2.选择器E:first-child{} 匹配父元素中的第一个子元素，子元素为EE:last-child{}匹配父元素中的第一个子元素，子元素为EE:nth-child(n){}匹配父元素中的第n个子...
2022-01-19 14:04:38
156
原创 pxcook使用（量尺寸）+盒子模型+残缺新浪导航栏
png用设计左侧尺子量尺寸，查颜色用吸管psd用开发模式盒子模型盒子由内容区域content+内边距padding+边框border+外边距margin。3.1边框（快捷键bd+tab）border：1px solid red;solid实线dashed虚线dotted点线单向设置 border-left-right-top-bottom。border会撑大盒子，width和height减去双倍border。...
2022-01-17 16:58:15
776
原创 css背景相关属性+元素显示模式+html嵌套+css特性+练习题
一、css背景相关属性1.1背景颜色：background-colorrgba，rgb，#fff，pink2.1背景图片：background-imagebackground-image：url（./.1.jip）；3.1背景平铺：background-repeat属性值：repeat（默认平铺）repeat-x，repeat-y，no-repeat（不平铺）4.1背景位置：background-position...
2022-01-15 14:10:46
177
原创 1.文章案例 2.平衡车商品案例
1.文章案例<html><head> <style> .wenzhang{ width:600px; height:400px; background-color:; margin:0 auto; text-align:center; } .time{ color:#808080; } .ruanjian{ color:#87
2022-01-14 15:58:30
147
原创 cascading style sheet第一课
css引入方式：1.内嵌式，写到<head>里面，<style>。（小案例适用）2.外联式：写在单独的css文件中，通过link标签引入。（head里写<link rel="stylesheet" herf="css文件链接">）（开发项目适用）3.行内式：写在标签内部style中，（配合js使用）选择器：1.标签选择器2.类选择器 ....
2022-01-14 14:09:32
204
原创 HTML按钮、复选框、下拉菜单
<html><body> <h1>青春不常在</h1><hr> <form action=::> 昵称： <input type="text" placeholder="请输入你的昵称"> <br><br> 性别： <lable><input type="radio" name="sex" checked> 男</...
2022-01-13 15:17:07
1807
原创 HTML做一个简单的表格
<html><body><table border="1" width="500" height="300"> <caption><h3>优秀学生信息表格</h3></caption> <tr> <th>年级</th> <th>姓名</th> <th>学号</th> <th>班级&...
2022-01-12 17:21:07
465
转载 前端单词记录
A:appendChild 放置到某元素最后attribute 属性addEventListener 添加侦听器assign 赋值alert 弹出框append 添加appendTo 添加到absolute 绝对的active 活动的，激活的，标记的一个伪类align 对齐alpha 透明度，半透明anchor 锚记标记是这个单词的缩写anchor 锚记<a>标记是这个单词的缩写arrow 箭头auto 自动appName 程序名a
2022-01-12 11:41:03
208
原创 前端学习之路
学习目标：半年学完黑马前端2022路线244小时课程。学习内容：1.HTML+CSS+移动端web+js基础+web apls+数据交互&异步编程+node.js+vue2+vue3+react核心技术+微信小程序学习时间：1、 周一至周六 中午1200：40-1：40 晚上7：30-9：002、 周日 上午9：00-10.：30 晚上7：30-9：00学习产出：学完HTML做两个项目1.企业站2.电商站后面到时候再看。...
2022-01-12 10:41:55
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人