12 2018 档案

jq操作
摘要：一.选择器 css3语法选择器 $('css选择器位') 索引匹配 $('div:eq(0)') $('div').eq(0) 内容 $('div:contains(标签文本内容)') // 注:采用模糊匹配 二.属性操作 // 赋值: 有参数 $('.box').html('<i>beat box 阅读全文
posted @ 2018-12-27 20:06 小菜鸟张阳阳 阅读(141) 评论(0) 推荐(0)
JQ学习
摘要：一、引入 JQ 本地 <script src = "js/jquery-3.3.1.js"></script> CDN <script src = "https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> 二、JQ对象 // jQuery: 阅读全文
posted @ 2018-12-27 19:32 小菜鸟张阳阳 阅读(170) 评论(0) 推荐(0)
dom、dom相关属性与方法
摘要：恢复内容开始 一、节点 dom与dom树 DOM：文档对象模型 => 提高给用户操作document obj的标准接口 DOM树：以document为根，树状展开所有子节点 节点分类 节点分类：6个 document | doctype | element | text | attr | comme 阅读全文
posted @ 2018-12-25 19:16 小菜鸟张阳阳 阅读(357) 评论(0) 推荐(0)
js学习
摘要：JS基础操作 一、分支结构 1、if语句 if基础语法 if (条件表达式) { 代码块； } // 当条件表达式结果为true，会执行代码块；反之不执行 // 条件表达式可以为普通表达式 // 0、undefined、 null、""、 NaN为假，其他均为真 if 复杂语法 // 1、双分支 i 阅读全文
posted @ 2018-12-19 21:16 小菜鸟张阳阳 阅读(152) 评论(0) 推荐(0)
js基础
摘要：一、JS三个组成部分 ES：ECMAScript语法 DOM：document对象模型 => 通过js代码与页面文档(出现在body中的所有可视化标签)进行交互 BOM：borwser对象模型=>通过js代码与浏览器自带功能进行交互 二、引入方式 行间式 出现在标签中的全局事件属性中 this代表该 阅读全文
posted @ 2018-12-17 20:51 小菜鸟张阳阳 阅读(150) 评论(0) 推荐(0)
前端学习
摘要：动画及阴影 一、拼接网页 将区域整体划分起名 => 对其他区域布局不产生影响 提出公共css => reset操作 当有区域发送显示重叠（脱离文档流导致的），需要通过z-index调整层级 一定需要最外层，且最外层做自身布局时，不要做过多布局操作 二、过渡 transition属性 transiti 阅读全文
posted @ 2018-12-17 19:37 小菜鸟张阳阳 阅读(111) 评论(0) 推荐(0)
前端学习
摘要：定位布局 一、浮动布局的总结 1.同一结构下，如果采用浮动布局，所有的同级别兄弟标签都要采用浮动布局 2.浮动布局的盒子宽度在没有设定时会自适应内容宽度 二、盒子的显隐 display： none； 在页面中不占位，采用定位布局后，显示隐藏都不会影响其他标签布局，不需要用动画处理时 opacity： 阅读全文
posted @ 2018-12-12 20:43 小菜鸟张阳阳 阅读(99) 评论(0) 推荐(0)
前端学习
摘要：浮动布局 一、display总结 1.inline （1）同行显示，就相当于纯文本，当一行显示不下，如就是一个字显示不下，那么显示不下的那一个字就会自动换行，和纯文本的区别就是有标签整体的概念，标签与标签间有一个空格的隔断 （2）支持部分css样式， 不支持宽高 | 行高（行高会映射到父级block 阅读全文
posted @ 2018-12-12 20:12 小菜鸟张阳阳 阅读(90) 评论(0) 推荐(0)
前端学习~
摘要：一、组合选择器 群组选择器 /* 每个选择器位可以为三种基础选择器的任意一个，用逗号隔开，控制多个 */ div, #div, .div { color: red ] 后代(子代)选择器 .sup .sub { 后代 } .sup > .sub { 子代 } 兄弟(相邻)选择器 .up ~ .dow 阅读全文
posted @ 2018-12-06 20:12 小菜鸟张阳阳 阅读(109) 评论(0) 推荐(0)
前端学习~
摘要：css入门 一、架构分析 页面 => div的层级结构 => 具有采用哪些功能标签显示内容 结构层 > 位置层(布局层) > 内容层 二、css引入 行间式 内联式 外联式 三、三种引入“优先级”分析 四、基础选择器 五、文本样式 六、display 阅读全文
posted @ 2018-12-05 20:48 小菜鸟张阳阳 阅读(97) 评论(0) 推荐(0)
前端学习
摘要：今天学习了前端的三种前台代码实现,包括基本的HTML和CSS以及JavaScript。 一、什么是前端 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用 阅读全文
posted @ 2018-12-04 20:06 小菜鸟张阳阳 阅读(127) 评论(0) 推荐(0)