随笔分类 -  前端web开发基础

前端基础-BOM和DOM的介绍
摘要：阅读目录 一、BOM和DOM的简述 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM， 阅读全文
posted @ 2018-06-24 21:22 天王盖地虎宝塔镇河妖 阅读(538) 评论(0) 推荐(2)
前端基础-jQuery的最常用的的方法each、data、
摘要：阅读目录 一、jQuery中each方法的应用 jQuery中有个很重要的核心方法each，大部分jQuery方法在内部都会调用each，其主要的原因的就是jQuery的实例是一个元素合集 如下：找到所有的div，并且都设置样式，css只是一个方法，所以内部会调用each处理这个div的合集，给每个 阅读全文
posted @ 2018-06-10 20:15 天王盖地虎宝塔镇河妖 阅读(620) 评论(0) 推荐(0)
前端基础-jQuery的动画效果
摘要：阅读目录 一、jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候， 一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $el 阅读全文
posted @ 2018-06-10 15:24 天王盖地虎宝塔镇河妖 阅读(474) 评论(0) 推荐(0)
前端基础-jQuery的事件的用法
摘要：阅读目录 一、常用事件 1、鼠标事件之click事件 用交互操作中，最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。 这两个方法的用法是类似的，下面以click()事件为例 使用上非常简单： 方法一 阅读全文
posted @ 2018-06-10 14:42 天王盖地虎宝塔镇河妖 阅读(608) 评论(0) 推荐(0)
前端基础-jQuery中的如何操作标签
摘要：阅读目录 一、样式操作 1、样式类 ①.addClass( className )方法： 通过动态改变类名（class），可以让其修改元素呈现出不同的效果。在HTML结构中里，多个class以空格分隔，当一个节点（或称为一个标签）含有多个class时， DOM元素响应的className属性获取的不 阅读全文
posted @ 2018-06-09 18:48 天王盖地虎宝塔镇河妖 阅读(681) 评论(0) 推荐(0)
前端基础-jQuery的内容之选择器
摘要：阅读目录 一、jQuery选择器之id选择器 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。 jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。 jQuery几乎支持主流的css 阅读全文
posted @ 2018-06-09 12:06 天王盖地虎宝塔镇河妖 阅读(844) 评论(0) 推荐(2)
前端基础-jQuery的优点以及用法
摘要：一、jQuery介绍 二、jQuery的优势 三、jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不 阅读全文
posted @ 2018-06-04 21:24 天王盖地虎宝塔镇河妖 阅读(743) 评论(0) 推荐(0)
前端基础-JavaScript的基本概述和语法
摘要：1、JavaScript概述 2、JavaScript引入方式 3、JavaScript语言规范 4、JavaScript语言基础 5、JavaScript数据类型 6、JavaScript运算符 7、JavaScript流程控制 8、JavaScript函数 9、JavaScript词法分析 10 阅读全文
posted @ 2018-05-31 19:20 天王盖地虎宝塔镇河妖 阅读(597) 评论(0) 推荐(0)
前端基础-CSS如何布局以及文档流
摘要：一、 网页布局方式 二、 标准流 三、 浮动流 四、 定位流 一、 网页布局方式 1、什么是网页布局方式 布局可以理解为排版，我们所熟知的文本编辑类工具都有自己的排版方式， 比如word，nodpad++等等 而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的 2、网页布局/排版的 阅读全文
posted @ 2018-05-31 16:28 天王盖地虎宝塔镇河妖 阅读(1189) 评论(0) 推荐(0)
前端基础-CSS的属性相关设置
摘要：一 字体属性 二 文本属性 三 背景属性 四 盒子模型 五 盒子模型各部分详解 一、 字体属性 1、font-weight：文字粗细（表格中*为重点） 2、font-style：文字风格 3、font-size：文字大小 4、font-family：文字字体 5、文字属性简写 6、color：文字颜 阅读全文
posted @ 2018-05-28 19:02 天王盖地虎宝塔镇河妖 阅读(783) 评论(0) 推荐(0)
前端基础-CSS的各种选择器的特点以及CSS的三大特性
摘要：一、 基本选择器 二、 后代选择器、子元素选择器 三、 兄弟选择器 四、 交集选择器与并集选择器 五、 序列选择器 六、 属性选择器 七、 伪类选择器 八、 伪元素选择器 九、 CSS三大特性 一、 基本选择器 1、id选择器 <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2018-05-26 11:06 天王盖地虎宝塔镇河妖 阅读(2540) 评论(3) 推荐(1)
前端基础-CSS是什么？
摘要：阅读目录 一、 什么是CSS 二、 为何要用CSS 三、 如何使用CSS 一、 什么是CSS CSS全称Cascading Style Sheet层叠样式表，是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果，比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一，我们将在后续内 阅读全文
posted @ 2018-05-25 19:21 天王盖地虎宝塔镇河妖 阅读(1592) 评论(0) 推荐(0)
前端基础-HTML的的标签详解
摘要：阅读目录 一、head内常用标签 二、 HTML语义化 三、 字符实体 四、 h系列标签 五、 p标签 六、 img标签 七、 a标签 八、 列表标签 九、 table标签 十、 form标签 一、 head内常用标签 1、meta相关 2、非meta标签 二、 HTML语义化 body中的标签是会 阅读全文
posted @ 2018-05-25 09:21 天王盖地虎宝塔镇河妖 阅读(710) 评论(0) 推荐(0)
前端基础-HTML标记语言
摘要：阅读目录 一、 HTML标签与文档结构 二、 HTML标签详细语法与注意点 三、 HTML中标签分类 四、 HTML注释 一、 HTML标签与文档结构 HTML作为一门标记语言，是通过各种各样的标签来标记网页内容的。我们学习HTML主要就是学习的HTML标签。 那什么是标签呢？ HTML中的标签存放 阅读全文
posted @ 2018-05-24 21:56 天王盖地虎宝塔镇河妖 阅读(766) 评论(0) 推荐(0)
前端基础-HTML简介及发展史
摘要：一 HTML简介 二 HTML发展史 一、 HTML简介 用户使用浏览器打开网页看到结果的过程就是：浏览器将服务端的文本文件(即网页文件)内容下载到本地，然后打开显示的过程。 而文本文件的文档结构只有空格和换行两种组织方式，如此，文本文件在打开显示时，显示的效果将会非常非常非常的单一， 为了让显示的 阅读全文
posted @ 2018-05-24 21:42 天王盖地虎宝塔镇河妖 阅读(487) 评论(0) 推荐(0)
前端基础-什么是前端
摘要：一、 web1.0时代的网页制作 二、 web2.0时代的前端开发 三、 Web前端能做什么？ 四、 为什么要学习前端开发 五、 前端开发都有哪些内容 六、 开发环境 一、 web1.0时代的网页制作 网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交 阅读全文
posted @ 2018-05-24 21:11 天王盖地虎宝塔镇河妖 阅读(1029) 评论(0) 推荐(0)
前端基础-HTTP协议
摘要：一、 HTTP协议简介 二、 HTTP协议之请求Request 三、 HTTP协议之响应Response 四、 HTTP协议完整工作流程 五、 HTTP协议关键性总结 六、自定义套接字分析HTTP协议 一、 HTTP协议简介 作为学习前端开发的开始，我们必须搞明白以下几件事 1、什么是互联网 互联网 阅读全文
posted @ 2018-05-23 21:42 天王盖地虎宝塔镇河妖 阅读(702) 评论(0) 推荐(1)