2020年2月16日
摘要：
Java8 Function、Consumer、Supplier 有关JDK8新特性之前写了三篇博客： 1、java代码之美（1） Java8 Lambda 2、java代码之美（2） Java8 Stream 3、java代码之美（13） Predicate详解 这一篇我们来了解JDK8已经定义好 阅读全文
2020年2月16日
2020年2月10日
摘要：
Java8 函数式接口 之前写了有关JDK8的Lambda表达式：java代码之美（1） Java8 Lambda 函数式接口可以理解就是为Lambda服务的，它们组合在一起可以让你的代码看去更加简洁。 一、概念 1、什么是函数式接口 概念 所谓的函数式接口, 当然首先是一个接口, 然后就是在这个接 阅读全文
2020年2月9日
摘要：
JavaScript(4) BOM详解 之前写过一篇有关DOM的博客：JavaScript(2) DOM详解 DOM有个顶级对象叫：document。同样BOM中也有顶级对象叫 window。 它们的区别在于： DOM是一套操作HTML标签的API。 BOM是一套操作浏览器的API。 一、概念 1、 阅读全文
2020年1月31日
摘要：
# JavaScript(3) 事件冒泡与事件捕获 ## 一、理解冒泡与捕获 假设有这么一段代码 <body> <div><p>标签</p> </div> </body> 转换成图如下 我们知道Dom是有节点关系的 body -> div -> p 之间的关系就是 爷爷 -> 父亲 -> 儿子。 我 阅读全文
2020年1月30日
摘要：
#JavaScript(2) DOM详解 一、DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性，以及访问他们的方法。它的主要作用包括： 改变HTML 元素 , 改变HTML属性 , 改变CSS 样式，对页面中的所有 阅读全文
2020年1月20日
摘要：
JavaScript(1) 绑定事件、解除绑定事件 ## 一、事件概述 1、事件的几个概念 · 事件 指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便触发事件的时候执行相应的代码。 事件处理程序 我们用户在页面中进行的点击动作(click)、鼠标移 阅读全文
2020年1月11日
摘要：
CSS3(5) 伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5) 盒子模型 2、CSS(6) 浮动(float) 3、CSS(8) 定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都是基于盒状模型。依赖 display属性 + position属 阅读全文
2020年1月4日
摘要：
CSS3(4) 动画(animation) 之前有写过过渡：CSS3(2) 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值，然后在这两个属性值之间进行平滑过渡来实现动画效果，因此只能实现简单的动画效果。 动画 除了定义 开始值 和 结束值，在这之间还可 阅读全文
2020年1月1日
摘要：
CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一，它常用的属性有:移动(translate)、缩放(scale)、旋转(rotate)、倾斜 (skew)。 ## 一、2D变形语法 1、移动 (translate) 移动的属性: translate trans 阅读全文
2019年12月16日
摘要：
# CSS3(2) 过渡(transition) 一、概念 1、什么是过渡 通俗理解 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。从视觉上看去并不友好。我们更喜欢看到的是平滑的过渡。 2、浮 阅读全文
2019年12月12日
摘要：
圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版，它的优点在于不仅有利于开发与维护，还能提高网站的性能。 一、圆角边框 圆角在实际开放过程中，还是蛮常见的。以前基本是通过背景图片做的，有了CSS3后可以使用简单的属性搞定，可以通过border-radius设置元素的圆角半径。 1、圆角边框 阅读全文
2019年12月10日
摘要：
京东首页项目(4) 中间模块实现 有关京东首页项目之前已经写了3篇博客： 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 3、 "京东首页项目(3) 底部模块实现" 上面两篇写了京东首页的头部模块和顶部模块，这篇来写中间模块。这篇所需完成的工作如下： 这里一共完成4个 阅读全文
2019年12月9日
摘要：
京东首页项目(3) 底部模块实现 有关京东首页项目之前已经写了两篇博客： 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 这篇就开始写京东首页页面底部分。这篇所需完成的工作如下： 这里一共完成3个部分， 1、多快好省模块 2、帮助模块 3、版权模块。 一、多快好省模块 阅读全文
2019年12月6日
摘要：
京东首页项目(2) 顶部模块 上篇对该项目做了个总述 : "京东首页项目(1) 总述" 这篇就开始写京东首页。这篇所需完成的工作如下： 顶部模块一共包含3个部分: 1、京东顶部模块 2、快捷导航模块 3、头部区域模块。 一、公共样式(base.css) 是用来存放公共的样式的，公共样式可以用于整个前 阅读全文
2019年12月5日
摘要：
京东首页项目总述 这里做一个京东首页的项目。主要目的是总结和提高 HTML+ CSS 技术。该项目暂不涉及JS相关技术。 一、首页效果 先看首页完成最终完成的效果 附上项目 "github地址" 。 二、项目介绍 1、设计目标 2、浏览器兼容问题 因为浏览器的不同，所以需要我们在前端开发的时候去兼容 阅读全文