WEB前端
士不可以不弘毅,任重而道远
这个作者很懒,什么都没留下…
展开
-
web前端 (05)HTML+CSS
目录 HTML BODY子标签 列表标签 * 表格标签 table * form 表单标签 *** 表单常用子标签 (input标签) ***** 表单常用子标签 select与option标签 熟悉 label标签 了解 网页的碎片化开发 iframe 框架标签 了解 导航页 案例 定义CSS...原创 2018-12-20 11:13:02 · 199 阅读 · 0 评论 -
web前端 (03)XML+DOM4J+Element类+Attribute类
简介 *** XML指的是: 可扩展 标记 语言 ! 特性 *** 具有平台无关性, 是一门独立的标记语言 ! 具有自我描述性, 且大多数的操作语言 都对XML进行了支持 ! 常用到: 网络数据的传输 本地数据的存储 配置文件的编写 (后期JavaEE WEB阶段 与 JavaEE 框架阶段 会大量的使用XML描述配置文件!) XML语法结构 XML文档声明 (用于描述文档的版本, 以及...原创 2018-12-19 11:33:01 · 1038 阅读 · 0 评论 -
WordPress响应式主题:Three/博客/CMS/博客导航三合一主题
效果演示:http://cxyo.vip/ 下载地址在最后面 主题使用说明 1、首页设置 ①选择首页布局:博客布局或杂志布局或博客导航,默认博客布局,若选择杂志布局或博客导航后,必须设置CMS/导航布局后才能正常显示,否则会错位。 ②网站整体变灰:在特殊的日子里,勾选这个后可以实现整站变灰,平时很少用到; ③主题风格:默认为红色,可实现一键换色功能,大家也可以自己在主题文件夹Three\inc内的...原创 2018-12-21 18:27:01 · 4193 阅读 · 0 评论 -
web前端 (19)Bootstrap 03
目录 巨幕 下拉菜单 输入框 导航 导航条 巨幕 与代码块的样式 相似 ! 在巨幕中出现的所有文本都会被放大 ! 实现步骤: 给div添加class=“jumbotron” 案例: 巨幕中的h3标题 巨幕中的普通文本内容 下拉菜单 使用步骤: 1. 创建一个div (下拉菜单的容器) , 指定class="dropdown" 或 class="dropup" 2. 在上述创建的div中..原创 2018-12-21 18:25:32 · 37384 阅读 · 0 评论 -
web前端 (18) Bootstrap 02
目录 按钮 表单 响应式 输入框 栅格 按钮样式 给如下的html标签, 添加按钮样式class, 可以完成按钮样式的编写 : 1. span标签 (推荐) 2. button标签 3. input标签 type属性为 button/submit/reset ... 4. a标签 class 效果 btn 基本按钮效...原创 2018-12-21 18:24:45 · 283 阅读 · 0 评论 -
web前端 (17)插件开发+BootStrap
目录 插件 图表插件 Echarts BootStrap 插件开发 图表插件 Echarts 使用步骤: 引入插件的JS文件 案例: <script src="js/echarts.min.js"></script> <body onload="load()"&am原创 2018-12-21 18:24:07 · 709 阅读 · 0 评论 -
web前端 (16)Jquery 04 + Jquery插件
目录 Jquery 文档查找函数 熟悉 工具函数 了解 本地存储 *** Jquery插件 放大镜插件 表单验证插件 消息提示插件 文档查找函数 熟悉 根据一个已经的得到的Jquery对象, 查找与其有关的元素的 jquery对象 格式: - 查找匹配选择器的子元素 $obj.children(“选择器”); - 查找匹配选择器的后代元素 ...原创 2018-12-21 18:22:59 · 256 阅读 · 0 评论 -
web前端 (15)Jquery 03
目录 获取宽度与高度 显示与隐藏函数 * Jquery 事件 Jquery 文档函数 *** 获取宽度与高度 通过attr函数 获取元素的宽度与高度时, 得到的数据是带有长度单位的字符串, 例如: “100px” Jquery提供了用于获取获取宽度与高度 数值的函数 (数值的单位默认为px) 获取宽度 var width = $obj.width(); 设置宽度 $obj.width(值);...原创 2018-12-21 18:22:16 · 206 阅读 · 0 评论 -
web前端 (14)Jquery 02
目录 Jquery对象的 样式函数 *** Jquery对象的 样式函数 *** 格式: $obj.css(JSON对象); 案例: $(“div”).css({ “font-size”:“50px”, “color”:“red” }); 筛选选择器 熟悉 基本筛选选择器 熟悉 格式: $(选择器1:first) : 选择选择器1中的第一个元素 $(选择器1:last) ...原创 2018-12-20 11:18:41 · 132 阅读 · 0 评论 -
web前端 (13)JS 05 +Jquery ( Javascript 框架 )
目录 JS创建对象的第三种方式 : 通过JSON描述对象 ***** JSON格式字符串 如何 转换为 JS中的 JSON对象 *** 选择器 ***** 基本选择器 ***** JS创建对象的第三种方式 : 通过JSON描述对象 ***** 轻量级数据交换格式 ,常用于网络编程中数据的传输, 数据的存储, 以及配置文件的编写 ! 格式: JSON数据中, 包含两大格式: 1. JSO...原创 2018-12-20 11:18:05 · 202 阅读 · 0 评论 -
web前端 (12)JS 04
目录 浏览器窗口对象 window 定时器 *** 屏幕信息 screen 了解 浏览器历史对象 history 了解 浏览器地址对象 location *** JS中的事件 *** 键盘事件 熟悉 事件冒泡机制 了解 事件源对象 了解 面向对象 浏览器窗口对象 window 窗口的打开 格式: var 新打开的窗口对象 = window.open(url,[name],[config],[sp...原创 2018-12-20 11:17:40 · 198 阅读 · 0 评论 -
web前端 (11)JS 03
目录 根据元素层次, 查找元素对象 * 文档元素的 创建 / 插入 / 删除 / 清空 省市县三级联动案例 元素对象 了解 根据元素层次, 查找元素对象 * 获取父元素对象 *** var 父元素对象 = 元素对象.parentNode 获取第一个子元素对象 var 元素对象 = 元素对象.firstChild; 获取最后一个子元素对象 var 元素对象 = 元素对象.las...原创 2018-12-20 11:17:07 · 218 阅读 · 1 评论 -
web前端 (10)JS 02 +HTML DOM 对象
控制台对象 console 输出函数: - 输出普通日志: console.log(文本); - 输出错误日志: console.error(文本); - 输出提示日志: console.info(文本); - 输出警告日志: console.warn(文本); - 输出debug 调试日志: console.debug(文本);...原创 2018-12-20 11:16:27 · 201 阅读 · 0 评论 -
web前端 (09)CSS3+JS
目录 过渡 ***** 动画 *** 三种定义JS代码的方式 *** 定义变量 *** 过渡 ***** 在一个元素的样式更改时, 增加过渡的时长, 让样式更改时视觉效果更平稳 ! 格式1. transition:样式名 时长s; 格式2. transition:all 时长s; 案例: </div> 动画 *** 指的是元素 在多个样式之间自动变化 ! 格式: 步...原创 2018-12-20 11:16:00 · 149 阅读 · 0 评论 -
web前端 (08)CSS 03+盒模型+定位
目录 盒模型 (框模型) ***** 内边距 padding *** 外边距 margin *** 列表样式 * 鼠标形状 *** 定位 ***** 默认定位(static定位) ***** 如何修改 默认定位情况 元素分类: ***** 相对定位 ***** 绝对定位 ***** 固定定位 ***** HTML4版本 与 HTML5版本的区别? 了解 ...原创 2018-12-20 11:15:24 · 181 阅读 · 0 评论 -
web前端 (07)CSS 03+盒模型+定位
目录 盒模型 (框模型) ***** 内边距 padding *** 外边距 margin *** 列表样式 * 鼠标形状 *** 定位 ***** 默认定位(static定位) ***** 如何修改 默认定位情况 元素分类: ***** 相对定位 ***** 绝对定位 ***** 固定定位 ***** 盒模型 (框模型) ***** 盒模型指的是, 元素...原创 2018-12-20 11:14:50 · 146 阅读 · 0 评论 -
web前端 (04)XML 与 HTML
目录 XML DOM4J 生成XML文档 HTML HTML语法 熟悉 HTML基础格式 案例 ***** Head 与body 标签 熟悉 在网页中 如何描述颜色 * 在网页中 如何引入文件 : * 在前段开发中, 如何制定长度单位 *** body子标签 多媒体标签 * DOM4J 生成XML文档 了解 Node接口的方...原创 2018-12-19 11:33:50 · 452 阅读 · 0 评论