- 博客(48)
- 资源 (264)
- 收藏
- 关注
原创 前端高频面试题--持续随缘更新
目录1、简述的作用?2、常见的浏览器及其内核有哪些?3、常见的块级标签和行内标签分别有哪些?4、b 和 strong (i 和 em )标签的区别?5、谈谈对语义化的理解?1、简述<!DOCTYPE>的作用?<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义(DTD),告诉浏览器这个文件的类型,让浏览器知道该用哪个规...
2020-02-10 18:50:22 817
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍:chrome谷歌: 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司: 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24 1198 6
原创 html5shiv-兼容处理文件
让IE8支持HTML5 标签使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前很多网站采用的这种方式。针对IE浏览器比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createEle...
2020-02-28 13:57:30 561
原创 原生javascript创建html标签-h5兼容处理--小技巧
HTML5兼容 最新版本的Chrome、Firefox、Safari、Opera支持部分HTML5特性。IE9支持部分HTML5特性 HTML5新标签在IE低版本中有兼容问题: 1)使用JavaScript新增元素的方式解决: <script> var ele = document.createElement("header"); //...
2020-02-28 13:54:13 823
原创 css3伪类选择器/状态伪类选择器使用--小技巧
:root{ } 匹配根元素 element:first-child{ } 选择一组相同元素中的第一个元素element:last-child{ } 选择一组相同元素中的最后一个元素element:nth-child(n){ } 选择一组相同元素中的第n个元素,n可以是数值、关键词、表达式 偶数:even 或 2n 奇数:odd 或 2n+1element:nth-la...
2020-02-28 13:42:11 648
原创 css3新增选择器使用--小技巧
css2中的属性选择器: element[attr]{ } 指定了属性名,但没有指定属性值得element元素 element[attr=value]{ } 指定了属性名,并且指定了属性值为value的element元素 element[attr~=value]{ } 指定了属性名,并且属性值可以为词列表中的包含指定属性值value的element元素css3中的属性...
2020-02-28 13:28:13 486
原创 css兼容问题处理--小技巧
IE8兼容问题:1)IE8下图片边框问题: img{ border: none; }2)IE8中背景复合属性写法问题3)IE低版本浏览器的透明度设置问题4)指定鼠标指针形状为手型, 并兼容所有浏览器IE低版本浏览器兼容问题:5)在IE6及更早版本的浏览器中定义小高问题6)IE6及更早版本浏览器中浮动时产生的双边距问题7)IE7中子元素相对定位,父元...
2020-02-26 19:25:25 394
原创 css使文字超出显示区域显示省略号--小技巧
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti...
2020-02-21 14:02:47 373
原创 3种方法多列等高布局思路--小技巧
方案1 子元素利用内外边距相抵消,父元素设置overflow:hidden 合理控制margin和padding的值配合 视觉效果 撑开 优点:结构简单,兼容所有浏览器 缺点:伪等高,需要合理控制margin和padding值方案2 利用边框模拟背景,实现等高列显示效果方案1<!DOCTYPE html><html>...
2020-02-19 20:50:48 594
原创 双飞翼三栏布局思路--小技巧
双飞翼布局——三列布局 html结构中——先主体结构后侧边; 两侧固定宽度,中间宽度设置为width: 100%; 主体内容和左、有侧边分别加浮动float:left; 左侧边设置marign-left: -100%;将左侧拉到最左边;右侧设置margin-left: -右侧边宽度; 在主体内容盒的子盒上设置margin:0 右侧边宽度 0 左侧边的宽度(...
2020-02-19 20:39:32 378
原创 圣杯三栏布局思路--小技巧
圣杯布局——三列布局 html结构中——先主体内容后侧边栏; 两侧固定宽度,中间内容宽度设置width: 100%; 主体内容和左右侧边栏分别加浮动float: left; 左侧设置margin-left: -100%;将左侧拉到最左边;右侧设置margin-left: -右侧边宽度; 将中间露出来:在外面的大盒子上设置padding: 0 右侧边的宽度 0 左侧边宽度; 分别为...
2020-02-19 20:34:33 385
原创 html-自适应两栏布局--小技巧
示例1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>自适应两栏布局</title> <style type="text/css"> .box1 { width: 200px; height: 200...
2020-02-19 20:10:24 669
原创 BFC块级格式化上下文--小技巧
特性:(1)形成BFC的元素,会在垂直方向叠加margin (说明不形成BFC的话,父子元素和同级元素都会在垂直方向重叠margin)(2)形成BFC的元素,不会与浮动元素重叠(3)形成BFC的元素,不会影响外面的布局;外面的布局也不会影响BFC内部布局(4)形成BFC的元素的高度会将浮动元素计算在内。形成BFC的条件(1)根标签(2)float不为none(...
2020-02-19 19:59:38 318
原创 vertical-align属性解决元素间有间隙和对不齐问题--小技巧
vertical-align属性: 设置元素的垂直对齐方式 vertical-align: baseline; 将元素放在父元素的基线上 默认值 vertical-align: top; 顶端对齐 vertical-align: middle; 中部对齐 vertical-align: bottom; 底部对齐 vertical-align: s...
2020-02-19 12:52:16 1376
原创 html-定位实现盒子的水平绝对居中的3种方式--小技巧
方法一:margin负间距必须知道居中盒的宽度和高度;为居中盒设置绝对定位;距离定位父级左边框和上边框的距离设置为50%;将元素分别左移和上移,移动元素宽度和高度的一半方法二:margin: auto;实现绝对定位元素的居中必须知道居中盒的宽度和高度;为居中盒设置绝对定位;分别设置left: 0; right: 0; top: 0; bottom: 0;为居中盒设置ma...
2020-02-19 12:34:36 5217
原创 文字和图片对齐方式-解决行内块(img标签)间空白问题--小技巧
垂直对齐方式(文字和图片之间的对齐方式)针对行内或行内块,还能解决行内块之间的空白,vertical-align: baseline 默认 第三条线对齐 middle 中间对齐 <------------------ top 顶部对齐 b...
2020-02-18 20:37:48 1548
原创 css命名规范--小技巧
登录条:loginBar 标志:logo 侧边栏:sideBar 广告:banner 导航:nav 子导航:subNav菜单:menu 子菜单:subMenu 搜索:search滚动:scroll 页...
2020-02-16 21:15:34 339
原创 侧边导航html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>菜谱</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ li...
2020-02-16 13:32:49 516
原创 背景图定位html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>境外保险</title> <style type="text/css"> *{ margin: 0; padding: 0; } h1, h...
2020-02-16 13:32:41 405
原创 背景图片html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>免费食宿</title> <style type="text/css"> *{ margin: 0; padding: 0; } .wrap{ ...
2020-02-16 13:32:34 424
原创 列表html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>考试题</title> <style type="text/css"> * { margin: 0; padding: 0; } .clearf...
2020-02-16 13:32:22 364
原创 选项卡html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>骆驼书</title> <style type="text/css"> * { margin: 0; padding: 0; } .clearf...
2020-02-16 13:32:14 535
原创 定位html案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>宽带</title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ b...
2020-02-15 21:29:02 474
原创 html-ul6列布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>6列布局</title> <style type="text/css"> * { margin: 0; padding: 0; } .clear...
2020-02-15 21:27:41 474
原创 html-流行歌曲
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>歌曲</title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap {...
2020-02-15 21:26:01 1767
原创 css三角--小技巧
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1 { width: 0; height: 0; border: 40px ...
2020-02-15 21:24:44 355
原创 html-表格制作
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ ...
2020-02-15 21:23:16 368
原创 html-地域
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>地域</title> <style type="text/css"> dl { padding: 0; margin: 0; clear: left;...
2020-02-15 21:21:36 484
原创 html-课程表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>课表</title> <style type="text/css"> *{ margin: 0; padding: 0; } td{ te...
2020-02-15 21:20:30 667
原创 hrml-当季热门
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>当季热门</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } ...
2020-02-15 21:18:44 429
原创 html常用标签总结--文档
html结构<!DOCTYPE html> 文档声明,不是HTML标签必须放首行<html> 网页的根元素 <head> 放网页的头部信息 <meta charset="utf-8"> 设置网页的编码方式 <title></title> 网页标题 <link...
2020-02-15 15:29:41 420
原创 css常用属性总结--文档
目录引入方式css长度单位布局定位属性自身属性文本属性其他属性引入方式行内样式——内联样式:写在标签内部,style属性中如:<div style=”width:100px;”></div>内部样式——嵌入式:写在head标签内,style标签对中如:<style> css样式 </style>外部样式...
2020-02-15 15:21:05 535
原创 html-注册页面2
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>注册</title> <style type="text/css"> *{ margin: 0; padding: 0; } a{ tex...
2020-02-14 14:26:27 466
原创 html-注册页面
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>注册</title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap {...
2020-02-14 14:24:30 923
原创 reset.css重置样式--小技巧
@charset "utf-8";body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select { margin: 0; padding: 0;}body { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;...
2020-02-13 12:41:10 407
原创 前端学习笔记--分享
网页三层结构:结构+表现+行为 核心技术:html+css+JavaScript html:超文本标记语言 基本结构:<!DOCTYPE html> 文档声明头 块级标签: h1-h6、p、div、ul、ol、li、dl、dt、dd、br 行内标签: span、i、em、b、st...
2020-02-10 13:52:09 596
原创 BFC外边距重叠
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>BFC外边距重叠</title> <style type="text/css"> .box1{ width: 100px; height: 100px; ...
2020-02-09 17:00:42 282
原创 html等高布局2
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>等高布局</title> <style type="text/css"> *{ margin: 0; padding: 0; } .clearfi...
2020-02-09 17:00:02 276
原创 html等高布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>等高布局</title> <style type="text/css"> *{ margin: 0; padding: 0; } .par...
2020-02-09 16:59:13 553
原创 html双飞翼布局-三栏布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>双飞翼布局</title> <style type="text/css"> *{ margin: 0; padding: 0; } .clearf...
2020-02-09 16:58:07 542
SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端
2024-07-25
JackieDYH自定义板块html代码
2023-10-11
vscode-settings.json
2023-09-08
vscode-配置文件.code-profile
2023-09-08
Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf
2023-09-07
两句css代码实现全屏滚动效果.zip
2023-04-03
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
2023-03-29
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
2022-05-08
js时间对象实现倒计时效果(可设置倒计时开始时间)
2020-03-30
C语言复习资料.docx
2020-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人