随笔- 298  评论- 297  文章- 1 
  2020年2月20日
摘要:Java8 Optional 一句话介绍Optional类: 。 一、前言 在我们开放过程中,碰到的异常中 NullPointerException 必然是排行第一的。所以在平时编码中,我们会时时的判断 null 。 虽然上面代码变得更加安全,但是过多嵌套 if 语句降低代码整体可读性,提高复杂度。 阅读全文
posted @ 2020-02-20 21:58 雨点的名字 阅读 (123) 评论 (0) 编辑
  2020年2月16日
摘要:Java8 Function、Consumer、Supplier 有关JDK8新特性之前写了三篇博客: 1、 "java代码之美(1) Java8 Lambda" 2、 "java代码之美(2) Java8 Stream" 3、 "java代码之美(13) Predicate详解" 这一篇我们来了解 阅读全文
posted @ 2020-02-16 23:04 雨点的名字 阅读 (131) 评论 (0) 编辑
  2020年2月10日
摘要:Java8 函数式接口 之前写了有关JDK8的Lambda表达式: "java代码之美(1) Java8 Lambda" 函数式接口可以理解就是为Lambda服务的,它们组合在一起可以让你的代码看去更加简洁。 一、概念 1、什么是函数式接口 所谓的函数式接口, 当然首先是一个接口, 然后就是在这个接 阅读全文
posted @ 2020-02-10 22:56 雨点的名字 阅读 (188) 评论 (0) 编辑
  2020年2月9日
摘要:JavaScript(4) BOM详解 之前写过一篇有关DOM的博客: "JavaScript(2) DOM详解" DOM有个顶级对象叫: 。同样BOM中也有顶级对象叫 。 它们的区别在于: DOM是一套操作 的API。 BOM是一套操作 的API。 一、概念 1、什么是BOM BOM(浏览器对象模 阅读全文
posted @ 2020-02-09 20:24 雨点的名字 阅读 (115) 评论 (0) 编辑
  2020年1月31日
摘要:JavaScript(3) 事件冒泡与事件捕获 一、理解冒泡与捕获 假设有这么一段代码 转换成图如下 我们知道Dom是有节点关系的 我们来思考一个关键的问题 如果此时我们在 body div p 都绑定一个点击事件(click)。此时如果我们只点击 p标签 ,它会不会触发 div绑定事件 和 bod 阅读全文
posted @ 2020-01-31 23:11 雨点的名字 阅读 (21) 评论 (0) 编辑
  2020年1月30日
摘要:JavaScript(2) DOM详解 一、DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方法。它的主要作用包括: 改变HTML 元素 , 改变HTML属性 , 改变CSS 样式 , 对页面中的所 阅读全文
posted @ 2020-01-30 22:50 雨点的名字 阅读 (130) 评论 (2) 编辑
  2020年1月20日
摘要:JavaScript(1) 绑定事件、解除绑定事件 一、事件概述 1、事件的几个概念 · 指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便触发事件的时候执行相应的代码。 我们用户在页面中进行的点击动作(click)、鼠标移动动作(mousemove 阅读全文
posted @ 2020-01-20 22:43 雨点的名字 阅读 (183) 评论 (2) 编辑
  2020年1月11日
摘要:CSS3(5) 伸缩布局 有关页面布局之前写过三篇相关文章: 1、 "CSS(5) 盒子模型" 2、 "CSS(6) 浮动(float)" 3、 "CSS(8) 定位(position)" 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都是基于盒状模型。依赖 display属性 + 阅读全文
posted @ 2020-01-11 21:55 雨点的名字 阅读 (230) 评论 (5) 编辑
  2020年1月4日
摘要:CSS3(4) 动画(animation) 之前有写过过渡: "CSS3(2) 过渡(transition)" 个人理解两者不同点在于 只能指定属性的 开始值 与 结束值 ,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。 除了定义 开始值 和 结束值 ,在这之间还可以 阅读全文
posted @ 2020-01-04 23:37 雨点的名字 阅读 (176) 评论 (0) 编辑
  2020年1月1日
摘要:CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一,它常用的属性有: (translate)、 (scale)、 (rotate)、 (skew)。 一、2D变形语法 1、移动 (translate) 移动的属性: 比如设置为: 运行结果 从上面运行结果可以看出 阅读全文
posted @ 2020-01-01 22:31 雨点的名字 阅读 (46) 评论 (0) 编辑
  2019年12月16日
摘要:CSS3(2) 过渡(transition) 一、概念 1、什么是过渡 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。从视觉上看去并不友好。我们更喜欢看到的是平滑的过渡。 2、浮动的语法 运动 阅读全文
posted @ 2019-12-16 23:27 雨点的名字 阅读 (103) 评论 (1) 编辑
  2019年12月12日
摘要:圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于 不仅有利于开发与维护,还能提高网站的性能 。 一、圆角边框 圆角在实际开放过程中,还是蛮常见的。以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border radius设置元素的圆角半径。 1、圆角 阅读全文
posted @ 2019-12-12 23:07 雨点的名字 阅读 (269) 评论 (0) 编辑
  2019年12月10日
摘要:京东首页项目(4) 中间模块实现 有关京东首页项目之前已经写了3篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 3、 "京东首页项目(3) 底部模块实现" 上面两篇写了京东首页的头部模块和顶部模块,这篇来写中间模块。这篇所需完成的工作如下: 这里一共完成4个 阅读全文
posted @ 2019-12-10 22:47 雨点的名字 阅读 (165) 评论 (0) 编辑
  2019年12月9日
摘要:京东首页项目(3) 底部模块实现 有关京东首页项目之前已经写了两篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 这篇就开始写京东首页页面底部分。这篇所需完成的工作如下: 这里一共完成3个部分, 1、多快好省模块 2、帮助模块 3、版权模块。 一、多快好省模块 阅读全文
posted @ 2019-12-09 23:05 雨点的名字 阅读 (64) 评论 (0) 编辑
  2019年12月6日
摘要:京东首页项目(2) 顶部模块 上篇对该项目做了个总述 : "京东首页项目(1) 总述" 这篇就开始写京东首页。这篇所需完成的工作如下: 顶部模块一共包含3个部分: 1、京东顶部模块 2、快捷导航模块 3、头部区域模块。 一、公共样式(base.css) 是用来存放公共的样式的,公共样式可以用于整个前 阅读全文
posted @ 2019-12-06 22:39 雨点的名字 阅读 (149) 评论 (0) 编辑