随笔分类 -  HTML5大前端

HTML5大前端的一些知识和总结...
页面手风琴效果
摘要：1、HTML结构： 1 <div class="container"> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="title" style=" -webkit-tap-highlight-color: transparent; 阅读全文
posted @ 2020-04-06 22:26 和平的home 阅读(294) 评论(0) 推荐(0)
ajax封装
摘要：一、参数设计： options 请求方式： type : "GET|POST", 请求路径： url : "路径", 返回类型： dataType : "text|json", 发送数据： data : null, 404状态的回调函数： status 如： status : { 404 : fun 阅读全文
posted @ 2020-03-30 01:27 和平的home 阅读(639) 评论(0) 推荐(0)
TodoList案例
摘要：一、HTML骨架： 1 <header> 2 <section> 3 <form action="javascript:void(0)" id="form"> 4 <label for="title">ToDoList</label> 5 <input type="text" id="title" 阅读全文
posted @ 2020-03-22 20:03 和平的home 阅读(488) 评论(0) 推荐(0)
ES6之模板渲染
摘要：模板渲染：根据模板来渲染数据！！！在ES6 中模板字符串用反引号表示。 let str = `我是字符串`; 下面进入正题： 我们先自己创建一个模板： <script type="text/html" id="template"> <ul> <% for(var i = 0 ; i < 10 ; i 阅读全文
posted @ 2020-03-15 22:25 和平的home 阅读(355) 评论(0) 推荐(0)
dom节点及对节点的常用操作方法
摘要：dom节点及对节点的常用操作方法 在说dom节点前，先来看看页面的呈现： dom渲染流程： 1、浏览器解析html源码，然后创建一个DOM树。 在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。DOM树的根节点就是documentElem 阅读全文
posted @ 2020-03-08 23:24 和平的home 阅读(352) 评论(0) 推荐(0)
JS基础之分支、循环、函数
摘要：首先：JavaScript：弱类型预解析脚本语言。 JavaScript组成： 1、ECMASCRIPT:定义了JavaScript的语法规范，描述了语言的基本语法和数据类型 2、BOM（Browser Object Model）：浏览器对象模型 有一套成熟的可以操作浏览器的API，通过BOM可以操 阅读全文
posted @ 2020-03-02 10:49 和平的home 阅读(246) 评论(0) 推荐(0)
CSS之浮动布局及相关问题
摘要：CSS之浮动布局及相关问题 1.什么是浮动： 在我们布局的时候用到的一种技术，能够方便我们进行布局，默认流动布局有不足，让块元素可以并排显示，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置。 2.浮动的原理; 使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右 阅读全文
posted @ 2020-02-24 21:59 和平的home 阅读(349) 评论(0) 推荐(0)
CSS基础之浮动属性float图文详解
摘要：宏观地讲，我们的web页面的制作，是个“流”，必须从上而下，像“织毛衣”。 标准流里面的限制非常多，导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高，那该怎么办呢？办法是：超脱！脱离标准流！ 浮动是css里面布局用的最多的属性。 现在有两个div，分别设置宽高。我们知道，它们的效果如 阅读全文
posted @ 2020-02-23 15:48 和平的home 阅读(1185) 评论(2) 推荐(0)