上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 26 下一页
  2020年1月31日
摘要: # JavaScript(3) 事件冒泡与事件捕获 ## 一、理解冒泡与捕获 假设有这么一段代码 <body> <div><p>标签</p> </div> </body> 转换成图如下 我们知道Dom是有节点关系的 body -> div -> p 之间的关系就是 爷爷 -> 父亲 -> 儿子。 我 阅读全文
posted @ 2020-01-31 23:11 雨点的名字 阅读(405) 评论(0) 推荐(1) 编辑
  2020年1月30日
摘要: #JavaScript(2) DOM详解 一、DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方法。它的主要作用包括: 改变HTML 元素 , 改变HTML属性 , 改变CSS 样式,对页面中的所有 阅读全文
posted @ 2020-01-30 22:50 雨点的名字 阅读(1749) 评论(2) 推荐(2) 编辑
  2020年1月20日
摘要: JavaScript(1) 绑定事件、解除绑定事件 ## 一、事件概述 1、事件的几个概念 · 事件 指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便触发事件的时候执行相应的代码。 事件处理程序 我们用户在页面中进行的点击动作(click)、鼠标移 阅读全文
posted @ 2020-01-20 22:43 雨点的名字 阅读(4640) 评论(2) 推荐(4) 编辑
  2020年1月11日
摘要: CSS3(5) 伸缩布局 有关页面布局之前写过三篇相关文章: 1、CSS(5) 盒子模型 2、CSS(6) 浮动(float) 3、CSS(8) 定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都是基于盒状模型。依赖 display属性 + position属 阅读全文
posted @ 2020-01-11 21:55 雨点的名字 阅读(1724) 评论(5) 推荐(4) 编辑
  2020年1月4日
摘要: CSS3(4) 动画(animation) 之前有写过过渡:CSS3(2) 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。 动画 除了定义 开始值 和 结束值,在这之间还可 阅读全文
posted @ 2020-01-04 23:37 雨点的名字 阅读(1293) 评论(0) 推荐(1) 编辑
  2020年1月1日
摘要: CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一,它常用的属性有:移动(translate)、缩放(scale)、旋转(rotate)、倾斜 (skew)。 ## 一、2D变形语法 1、移动 (translate) 移动的属性: translate trans 阅读全文
posted @ 2020-01-01 22:31 雨点的名字 阅读(727) 评论(0) 推荐(0) 编辑
  2019年12月16日
摘要: # CSS3(2) 过渡(transition) 一、概念 1、什么是过渡 通俗理解 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。从视觉上看去并不友好。我们更喜欢看到的是平滑的过渡。 2、浮 阅读全文
posted @ 2019-12-16 23:27 雨点的名字 阅读(1341) 评论(1) 推荐(0) 编辑
  2019年12月12日
摘要: 圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于不仅有利于开发与维护,还能提高网站的性能。 一、圆角边框 圆角在实际开放过程中,还是蛮常见的。以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border-radius设置元素的圆角半径。 1、圆角边框 阅读全文
posted @ 2019-12-12 23:07 雨点的名字 阅读(2051) 评论(0) 推荐(2) 编辑
  2019年12月10日
摘要: 京东首页项目(4) 中间模块实现 有关京东首页项目之前已经写了3篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 3、 "京东首页项目(3) 底部模块实现" 上面两篇写了京东首页的头部模块和顶部模块,这篇来写中间模块。这篇所需完成的工作如下: 这里一共完成4个 阅读全文
posted @ 2019-12-10 22:47 雨点的名字 阅读(718) 评论(0) 推荐(0) 编辑
  2019年12月9日
摘要: 京东首页项目(3) 底部模块实现 有关京东首页项目之前已经写了两篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 这篇就开始写京东首页页面底部分。这篇所需完成的工作如下: 这里一共完成3个部分, 1、多快好省模块 2、帮助模块 3、版权模块。 一、多快好省模块 阅读全文
posted @ 2019-12-09 23:05 雨点的名字 阅读(995) 评论(0) 推荐(0) 编辑
  2019年12月6日
摘要: 京东首页项目(2) 顶部模块 上篇对该项目做了个总述 : "京东首页项目(1) 总述" 这篇就开始写京东首页。这篇所需完成的工作如下: 顶部模块一共包含3个部分: 1、京东顶部模块 2、快捷导航模块 3、头部区域模块。 一、公共样式(base.css) 是用来存放公共的样式的,公共样式可以用于整个前 阅读全文
posted @ 2019-12-06 22:39 雨点的名字 阅读(1240) 评论(0) 推荐(0) 编辑
  2019年12月5日
摘要: 京东首页项目总述 这里做一个京东首页的项目。主要目的是总结和提高 HTML+ CSS 技术。该项目暂不涉及JS相关技术。 一、首页效果 先看首页完成最终完成的效果 附上项目 "github地址" 。 二、项目介绍 1、设计目标 2、浏览器兼容问题 因为浏览器的不同,所以需要我们在前端开发的时候去兼容 阅读全文
posted @ 2019-12-05 21:03 雨点的名字 阅读(1927) 评论(0) 推荐(1) 编辑
  2019年11月21日
摘要: 通俗讲解定位(position) CSS有三种基本的定位机制: 普通流、浮动、定位。前面两个之前已经讲过,详见博客: 1、CSS(5) 通俗讲解盒子模型 2、CSS(6) 通俗讲解浮动(float) 3、CSS(7) 通俗讲解清除浮动 一、为什么要用定位? 如果说浮动关键在一个 “浮” 字上面, 那 阅读全文
posted @ 2019-11-21 23:03 雨点的名字 阅读(1640) 评论(3) 推荐(6) 编辑
  2019年11月18日
摘要: 通俗讲解清除浮动 上一篇讲了CSS浮动 博客地址:CSS(6) 通俗讲解浮动(float) 一、理解清除浮动 1、为什么要清除浮动 我们前面说过,浮动本质是用来做一些文字混排效果的,但是被我们拿来做布局用,则会有很多的问题出现。 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响, 阅读全文
posted @ 2019-11-18 23:22 雨点的名字 阅读(779) 评论(1) 推荐(3) 编辑
  2019年11月17日
摘要: CSS(6) 通俗讲解浮动(float) CSS有三模块:盒子模型、浮动 、定位。上篇博客有讲到 盒子模型地址:CSS(5) 通俗讲解盒子模型 一、理解浮动 1、概念 概念 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。 如果是第一次听说肯定还是还是一脸懵,下面我 阅读全文
posted @ 2019-11-17 22:31 雨点的名字 阅读(1179) 评论(1) 推荐(3) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 26 下一页