随笔分类 - 前端
摘要:Bootstrap组件 [TOC] 1 Glyphicons 字体图标 图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 标签上。 图标类只能应用在不包含任何文本内容或子元素的元素上。 2 下拉菜单 2.1 基本使用 通过为下拉菜单的父元素设置 .drop
阅读全文
摘要:Bootstrap布局 [TOC] 1 概览 1.1 移动设备优先 为了确保适当的绘制和触屏缩放,需要在 `` 之中 添加 viewport 元数据标签 。 在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚
阅读全文
摘要:BootStrap基础 [TOC] 1 什么是BootStrap 由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 2 BootStrap的版本 BootStrap2 BootSt
阅读全文
摘要:jQuery 插件 1 jQuery 插件的网站 官网 jQuery插件库 jQuery 之家 "http://www.jq school.co" m jQuery school 2 经典jQuery插件 2.1 select2 下拉框搜索插件 官网 github 用法 2.2 datetimepi
阅读全文
摘要:动画效果 [TOC] 1. 基本效果 参数详解 2. 滑动效果 参数详解 3 淡入淡出效果 参数详解 4 自定义动画 参数详解 5 动画控制 6 设置
阅读全文
摘要:DOM操作 1 内部插入 2 外部插入 3 包裹 4 替换 5 删除 6 复制
阅读全文
摘要:属性和样式操作 [TOC] 1 元素属性操作 1.1 属性 1.2 class 1.3 代码、文本、值 2 元素样式操作 2.1 设置CSS 2.2 元素位置 2.3 元素尺寸
阅读全文
摘要:选择器 [TOC] 通过选择器,可以获取到页面元素。jQuery具有强大的选择器,跟CSS3选择器类似 1 基本选择器 2 层级选择器 3 过滤选择器 4 内容选择器 5 可见性选择器 6 属性选择器 7 子元素选择器 8 表单选择器 9 表单对象选择器
阅读全文
摘要:jQuery基础 [TOC] 1. 了解jQuery 1.1 什么是jQuery jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库 jQuery极大的简化了JavaScript 编程 1.2 什么事JS类库 它就是一些函数的集合,就是把特定效果的代码写好,你只需要在用的时候
阅读全文
摘要:文档对象模型 DOM [TOC] 1、DOM概述 1 1 什么是DOM 文档对象模型 Document Object Model 文档对象模型 是表示和操作 HTML和XML文档内容的基础API 文档对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口 12 DOM分类 核心 DOM 针对任
阅读全文
摘要:JavaScript的DOM操作 [TOC] 想必大家学习完之前的内容,已经知道了css选择器本质就是css与html两种语法建立关联的特定标识符,那在JS语言的语法中,也有特点的方式与html语言编写的表情建立关联,我们就称之为JS选择器。 1、getElement系列 2、querySelect
阅读全文
摘要:JavaScript 内置对象 [TOC] 1、Number 1 1 属性 MAX_VALUE JS可以表示的最大的数字 MIN_VALUE JS可以表示的最小的数字 1 2 方法 toFixed(length) 指定保留长度的小数 toExponential() 用科学计数法表示 toPrecis
阅读全文
摘要:JavaScript函数 [TOC] 1、JavaScript 函数 1 1 声明函数的方式 function 关键字 匿名函数方式(表达式方式) Function 构造函数方式 1 2 参数问题 形参和实参数量问题 可选形参(参数默认值) 可变长的实参列表:实参对象 aruguments 1 3
阅读全文
摘要:javascript基础语法 [TOC] 1、分支结构 1 1 if 基础语法 1 2 if 复杂语法 1 3 if 嵌套 1 4 案例: 2、循环结构 2 1 or循环 javascript for (循环变量①; 条件表达式②; 循环变量增量③) { 代码块④; } // for循环执行的顺序:
阅读全文
摘要:JavaScript基本数据类型 [TOC] 1、变量的定义 JS中定义变量,不同于Python,我们需要像Python定义函数那样,也需要用特定的关键词来定义变量: ES5语法,我们采用var关键词定义变量,并且没有常量的概念 ES6语法,我们采用let关键词定义变量,用const关键词定义常量
阅读全文
摘要:JavaScript基础 [toc] 1、JavaScript是什么 JavaScript(下文我们会用简称JS来代替)是脚本编程语言,JS语言开发的文件是以.js为后缀,通过在html文件中引入该js文件来控制html代码的交互功能以及前台数据处理的业务逻辑(js语言代码也可以直接写在html文件
阅读全文
摘要:css基础布局 [TOC] 1、布局相关的标签 `` 定义文档中的分区或节 `` 这是一个行内元素,没有任何意义 `` HTML5新增 定义 section 或 page 的页眉 `` HTML5新增 定义 section 或 page 的页脚 元素中的内容对于文档来说应当是唯一的。它不应包含在 文
阅读全文
摘要:css基础样式 [TOC] 1、文字样式 文字样式是用来控制字体或文本的显示方式的。 2、背景样式 标签的背景除了背景颜色还可以有背景图片,而背景图片又有很多相关设置。 3、显示样式 HTML5预定义了很多系统标签,大家学习了html标签部分的时候,肯定注意到了,不同的标签在页面中的显示效果是不一样
阅读全文
摘要:CSS选择器 [TOC] css选择器本质就是css与html两种语法建立关联的特定标识符: 就是在css语法中,通过html中标签的某种名字,与html具体的标签建立关联,从而使写在对应css选择器后的css样式能控制html中关联的标签或标签们 而表示标签名字的方式有多种,每一种名字在css语法
阅读全文
摘要:CSS3 1、CSS3是什么 CSS3就是css语言,数字3是该语言的版本号;css语言开发的文件是以.css为后缀,通过在html文件中引入该css文件来控制html代码的样式(css语言代码也可以直接写在html文件中),采用的语言是级联样式表 (Cascading Style Sheet),也
阅读全文