随笔分类 -  传说中,曾经认真学习过的前端

js闭包 选择器 面向对象 事件 操作页面
摘要：闭包js函数的嵌套定义,定义在内部的函数 就称之为闭包为什么使用闭包: 1.一个函数要使用另一个函数的局部变量 2.闭包会持久化包裹自身的函数的局部变量 3.解决循环绑定 function outer() { var num =10; function inner() { //1.在inner函数中 阅读全文
posted @ 2018-12-19 18:39 路口有雾 阅读(272) 评论(0) 推荐(0)
js基础 三种弹出框 数据类型
摘要：总结：js三个组成部分ES：语法DOM：对象模型 => 通过js代码与页面文档（出现在body中的所有可视化标签）进行交互BOM：对象模型 => 通过js代码与浏览器自带功能进行交互引入方式行间式 数显早标签中的全局事件属性中 this 代表该标签 可以访问全局属性 再访问具体操作对象（eg：thi 阅读全文
posted @ 2018-12-17 13:43 路口有雾 阅读(2034) 评论(0) 推荐(0)
形变和动画
摘要：一. 形变# 1.形变参考点：三轴交界点# transfrom-origin：x轴 y轴坐标# 2.旋转 rotate deg# transfrom：rotate（720deg）；# 3.偏移 translate px# translateX(200px) translateY(200px)# 4. 阅读全文
posted @ 2018-12-16 02:24 路口有雾 阅读(189) 评论(0) 推荐(0)
表格 及其垂直居中
摘要：# 表格# table的display: table# table显示规则注意点:当设置的盒子高度大于显示内容需求高度,采用设置高度;反之则由显示内容撑开# border:设置边框宽度# cellspacing: 单元格间的间距# cellpadding: 单元格的内边距==>th，td设置padd 阅读全文
posted @ 2018-12-16 02:24 路口有雾 阅读(823) 评论(0) 推荐(0)
流式布局思想
摘要：流式布局思想# 尽可能不去使用固定属性值# 通过父级来获取相应的属性值# /*view-width view-height*/# width: 80vw;# height: 60vh;# background: orange;# /*流式布局限制条件*/# /*流式布局下宽度最大放大到800px,最 阅读全文
posted @ 2018-12-16 02:23 路口有雾 阅读(346) 评论(0) 推荐(0)
盒子的显隐
摘要：# 一.浮动布局的总结# 1.同意结构下,如果采用浮动布局,所有的同级别兄弟标签采用浮动布局# 2.浮动布局的盒子宽度在没有设定时会自适应内容宽度# 二.盒子的显隐# display:none;# 该隐藏方式在页面中不占位,显隐都不会影响其他标签布局,不需要用动画处理时## opactiy:0;# 阅读全文
posted @ 2018-12-16 02:21 路口有雾 阅读(164) 评论(0) 推荐(0)
高级布局 浮动 清浮动
摘要：文档流(normal flow)# BFC(Block fromatting context):# 块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干.# BFC规则:# 1.内部的Box 阅读全文
posted @ 2018-12-16 02:20 路口有雾 阅读(169) 评论(0) 推荐(0)
display总结 overflow知识
摘要：# display总结:# inline总结:# 1.同行显示, 就相当于纯位文本, 当一行显示不下, 如就是一字显示不下, 那么显示不下的那个字会自动换行;# 和纯文本的区别就是有纯文本的概念, 标签与标签间有一个空格隔断. * /# 2.支持部分CSS样式, 不支持宽高 | 行高不支持(行高会映 阅读全文
posted @ 2018-12-16 02:19 路口有雾 阅读(366) 评论(0) 推荐(0)
边界圆角 盒模型布局 图片背景 精灵图
摘要：常用标签的使用: 直接举例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用标签的使用</title> <style type="text/css"> .img{ /*根据需求,是指定高还是指定宽,设置一个,另一个会等比缩 阅读全文
posted @ 2018-12-16 02:17 路口有雾 阅读(192) 评论(0) 推荐(0)
选择器(&伪)/盒模型
摘要：一.选择器高级 1.组合选择器: /*群主选择器 : 同时可以控制多个选择器*/ /*#dd,div,#a{}*/ /* d{ 起相同类名 color: red; }*/ 举例: .d1,.d2,.d3{ color: red } 2.子代(后代)选择器: /*子代(后代)选择器 : 根据父子结构控 阅读全文
posted @ 2018-12-06 18:54 路口有雾 阅读(223) 评论(0) 推荐(0)
前端___文本 字体 格式
摘要：分析w3c架构:一 架构分析 页面=>div的层级结构 =>具有采用哪些功能标签显示内容 结构层 > 位置层(布局层) > 内容层 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>架构分析</title> < 阅读全文
posted @ 2018-12-05 17:26 路口有雾 阅读(399) 评论(0) 推荐(0)
前端___页面基础
摘要：以下是各种前端直接应用的代码： ########################################################################## 1. 页面： <!-- DOCTYPE不区分大小写 规定文档类型 html代表的事该文件采用的h5 --> <!-- 阅读全文
posted @ 2018-12-04 15:32 路口有雾 阅读(222) 评论(0) 推荐(0)