lanshanxiao - 博客园

2020年6月22日

摘要： ES6版本链表逆序： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文

posted @ 2020-06-22 18:16 lanshanxiao 阅读(637) 评论(0) 推荐(0)

2020年6月5日

斐波那契列数JS的三种实现

摘要：大家是怎么实现斐波那契列数的1,1,2,3,5,8...f(n)=f(n-1) + f(n-2) 方法一： function f(n){ if(n == 1 || n == 0){ return 1; } return f(n-1) + f(n-2); } index.html 再给两种解法，对比一阅读全文

posted @ 2020-06-05 17:25 lanshanxiao 阅读(312) 评论(0) 推荐(0)

2020年5月31日

5.Utilities：工具

摘要： # 5.Utilities：工具 - 1. 边框中文网站边框部分：http://bs4.vx.link/index.html?tmpui_page=/pages/utilities - 2. 清除浮动 - 3. 关闭图标 - 4. 颜色 - 5. 显示 3.x版本显示只有三种：block, inl 阅读全文

posted @ 2020-05-31 08:13 lanshanxiao 阅读(658) 评论(0) 推荐(0)

2020年5月30日

4.content：内容

摘要： # 4.content：内容 - 1. 重置 (1) 更新部分浏览器的预设值，在可能变动的文字间距上使用rem代替em (2) 避免使用margin-top。垂直边缘可能发生重叠，产生无法预料的错误。 (3) 为了设备之间轻松缩放，block元素应该在margin上采用rem (4) 尽可能使用继承阅读全文

posted @ 2020-05-30 20:32 lanshanxiao 阅读(375) 评论(0) 推荐(0)

2020年5月28日

3.栅格系统

摘要： # 3.栅格系统介绍的是 4.5.x版本一行最多放12列 - class类介绍最外层容器： 1.container-fluid：宽度100%,和body的宽度一样 2.container：宽度是一个具体数值，但是会根据用户屏幕大小来改变行类 1.row：分行列类： 5个响应层后面的*表示阅读全文

posted @ 2020-05-28 22:31 lanshanxiao 阅读(622) 评论(0) 推荐(0)

# 2.响应式原理

摘要： # 2.响应式原理 - 响应式具有的特点 1.网页宽度自动调整 2.尽量少用绝对宽度 3.字体要使用rem、em作为单位 4.布局要使用浮动或者弹性布局响应式下任何东西都要随着屏幕的尺寸改变而改变不能使用绝对大小 - 媒体查询根据一个或多个基于设备类型、具体特点和环境来应用样式 @media @ 阅读全文

posted @ 2020-05-28 11:20 lanshanxiao 阅读(314) 评论(0) 推荐(0)

2020年5月27日

5.标签篇:audio和video

摘要： # 5.标签篇:audio和video - audio 和 video ```html <style> * { margin:0; padding:0; } .video_player{ position:relative; width:1000px; height:500px; margin:0 阅读全文

posted @ 2020-05-27 21:42 lanshanxiao 阅读(414) 评论(0) 推荐(0)

4.标签篇:SVG

摘要： # 4.标签篇:svg - SVG:矢量图，放大不会失真，适合大面积的贴图，通常动画较少或较简单。使用标签和CSS去画 canvas：适合用于小面积的绘图，适合动画 ```html <style> .line1{ stroke:black; stroke-width:10px; } .line2{ 阅读全文

posted @ 2020-05-27 18:43 lanshanxiao 阅读(320) 评论(0) 推荐(0)

2020年5月26日

3.标签篇：canvas

摘要： # 3.标签篇：canvas - 1. 语义化标签都是块盒 <header></header>:页头 <footer></footer>:页脚 <nav></nav>:导航 <article></article>:用于文章，可以直接被引用拿走的 <section></section>:用于段落 < 阅读全文

posted @ 2020-05-26 23:30 lanshanxiao 阅读(340) 评论(0) 推荐(0)

2.属性篇(新增的一些属性）

摘要： # 2.属性篇 - 1. placeholder --实际应用中可用用于input的提示信息 ```html <input type="text" placeholder="手机/邮箱/用户名"> ``` - 2. Calendar, date, time, email, color, range 阅读全文

posted @ 2020-05-26 23:28 lanshanxiao 阅读(223) 评论(0) 推荐(0)

公告