- 博客(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
666
原创 Web APIs （第七天——正则表达式）
一、正则表达式 1.1什么是正则表达式 1.2正则表达式——语法 1.3元字符 1.3.1边界符 1.3.2量词 1.3.3字符类
2022-04-23 11:54:49
1536
原创 Web APIs （第六天BOM- 操作浏览器）
一、Window对象 1.1 BOM 1.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
232
原创 Web APIs （第五天DOM- 网页特效篇）
一、滚动事件和加载事件 1.1滚动事件 1.2 加载事件 二、元素大小和位置 2.1 scroll家族（返回值不带单位）
2022-04-01 17:56:21
212
原创 Web APIs （第四天——DOM-事件高级）
一、事件对象 pageX/pageY 相对于整个页面左上角的位置 keyup/keydown 二、事件流 2.1 事件流和两个阶段说明 2.2 事件捕获和事件冒泡 2.3 阻止事件流动 三、事件委托 ...
2022-03-29 11:43:52
865
原创 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
409
原创 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
721
原创 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
1605
原创 移动适配rem+vw/vh+less
一、rem 1.网页效果：屏幕宽度不同，网页元素尺寸也不同（等比缩放） 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
366
原创 移动端web+flex布局
一、字体图标-iconfont 引入字体图标样式表iconfont.css body写<i class="iconfont /*第一个类名固定的*/icon-favorites-fill/*第二个用什么图标用什么类名*/"></i> 网上没有图标的话，要svg图片，再上传到iconfont网站 二、平面转换-transform 1.位移：transform：transslate（水平移动距离，垂直移动距离） .son{ transition:all 0.5s;
2022-02-26 14:14:14
276
原创 移动端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
431
原创 小兔仙项目搭建
一、项目样式补充 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
1543
2
原创 css定位装饰
一、定位 网页布局三种方式结合使用：标准流、浮动、定位。 1.解决盒子和盒子之间层叠问题 2.可以让盒子固定在某一个区域 1.设置定位方式position 静态定位static相对定位relative绝对定位absolute固定定位fixed 1.相对定位relative .nav｛ position：relative； left：20px; top:30px; } 特点：占有原来的位置，仍然具备标签原有的显示特点，改变位置是参照自己原来位置,不会脱离标准流。 定位如果四个方向都
2022-02-12 17:34:31
194
原创 练习题 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
451
原创 css浮动
一、结构伪类选择器 1.作用与优势 1.作用：根据元素在html中的结构关系找元素 2.优势：减少html中类的依赖，保持代码整洁 3.场景：用于查找某父级选择器中的子元素 2.选择器 E:first-child{} 匹配父元素中的第一个子元素，子元素为E E:last-child{}匹配父元素中的第一个子元素，子元素为E E:nth-child(n){}匹配父元素中的第n个子...
2022-01-19 14:04:38
158
原创 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
787
原创 css背景相关属性+元素显示模式+html嵌套+css特性+练习题
一、css背景相关属性 1.1背景颜色：background-color rgba，rgb，#fff，pink 2.1背景图片：background-image background-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
189
原创 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
155
原创 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
209
原创 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
1838
原创 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
470
转载 前端单词记录
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
212
原创 前端学习之路
学习目标： 半年学完黑马前端2022路线244小时课程。 学习内容： 1.HTML+CSS+移动端web+js基础+web apls+数据交互&异步编程+node.js+vue2+vue3+react核心技术+微信小程序 学习时间：1、 周一至周六 中午1200：40-1：40 晚上7：30-9：00 2、 周日 上午9：00-10.：30 晚上7：30-9：00 学习产出： 学完HTML做两个项目1.企业站2.电商站 后面到时候再看。 ...
2022-01-12 10:41:55
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人