随笔分类 - 【从零开始学前端笔记】
摘要：使用BootStrap布局网站首页 需求分析 请使用BootStrap对我们的首页进行优化 步骤分析 1. 新建一个HTML页面.引入bootStrap相关的js和CSS 2. 定义一个整体的div, 将整体的div分成8个部分 3. 完成没部分的内容显示 代码实现
阅读全文
摘要：BootStrap概述 什么是BootStrap BootStrap有什么作用 复制粘贴, 能够提高开发人员的工作效率 什么是响应式页面 适应不同的分辨率显示不同样式,提高用户的体验 BootStrap的中文网 http://www.bootcss.com 下载BootStrap 直接在官网
阅读全文
摘要：json 什么是JSON "JSON" ( "JavaScript" Object Notation) 是一种轻量级的数据交换格式。它基于 "ECMAScript" 的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括 "C" 、C++、 "C " 、 "Ja
阅读全文
摘要：使用JQuery完成表单的校验(扩展) 事件: 获得焦点事件: onfocus 失去焦点事件: onblur 按键抬起事件: onkeyup 鼠标移入: onmouseenter 鼠标移出: onmouseout JS引入外部文件 : script标签 需求分析 在用户提交表单的
阅读全文
摘要：使用JQuery完成下列列表左右选择 Js相关技术 select下拉列表 multiple 允许多选 ondblclick : 双击事件 for循环遍历,一边遍历一边移除出现的问题 需求分析 我们的商品通常包含已经有了的, 还有没有的,现在我们需要有一个页面用于动态编辑这些商品 步骤
阅读全文
摘要：使用JQuery完成省市联动效果 Js相关技术 JS中的数组: ["城市"] new Array() DOM树操作: 创建节点: document.createElement 创建文本节点: document.createTextNode 添加节点: appendChild 需求分析
阅读全文
摘要：使用JQuery完成复选框的全选效果 Js相关技术 checked属性 如何获取所有复选框：document.getElementsByName、 需求分析 在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理 技术分析 第一种方法：选择器[属性名称='属性值'] 第二种方法：使用层级选
阅读全文
摘要：使用JQuery完成表格的隔行换色 Js相关技术 获得所有的行 table.rows[] 修改行的颜色 row.bgColor ="red" row.style.backgroundColor = "black" row.style.background = "red" "bac
阅读全文
摘要：JQuery中的选择器 让我们能够更加精确找到我们要操作的元素 基本选择器 ID选择器 : ID的名称 类选择器: 以 . 开头 .类名 元素选择器: 标签的名称 通配符选择器: 选择器,选择器: 选择器1,选择器2 基本选择器的案例 JQ中的层级选择器 子元素选择器: 选择器1 选择器2 后代选择
阅读全文
摘要：使用JQuery完成页面定时弹出广告 Js相关技术 定时器: setInterval & clearInterval setTimeout & clearTimeout 显示: img.style.display = "block" 隐藏: img.style.display = "none
阅读全文
摘要：资料 链接：https://pan.baidu.com/s/1aHUnfPcs1VJAas5zj5abQA 提取码：b1hb 包括本章节需要的js库文件，以及JQuery的api文档 什么JQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的Ja
阅读全文
摘要：使用JS控制下拉列表左右选择 需求分析 在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品 技术分析 ondblclick="selectOne()"：双击事件 select标签的属性multipl
阅读全文
摘要：省市联动效果 技术分析 什么是DOM: Document Object Model : 管理我们的文档，增删改查规则 【HTML中的DOM操作】 一些常用的 HTML DOM 方法： getElementById(id) 获取带有指定 id 的节点（元素） appendChild(node) 插入新
阅读全文
摘要：复选框的全选和全不选 需求分析 商品分类界面中，当我们点击全选框的时候，我们希望选中所有的商品，当我们取消掉的时候，我们希望不选中所有的商品 技术分析 checked="checked" 选择复选框 事件 : onclick点击事件 getElementsByTagName：返回包含带有指定标签
阅读全文
摘要：表格隔行换色 需求分析 我们商品分类的信息太多，如果每一行都显示同一个颜色的话会让人看的眼花，为了提高用户体验，减少用户看错的情况，需要对表格进行隔行换色 技术分析 table对象 集合 cells[]：返回包含表格中所有单元格的一个数组。 rows[]：返回包含表格中所有行的一个数组。 tBo
阅读全文
摘要：完成表单的校验 需求分析 昨天我们做了一个简单的表单校验，每当用户输入出错的时候，我们是弹出了一个对话框，提示用户去修改。这样的用户体验效果非常不好好。我们今天就是需要来对他进行一个修改，当用户输入信息有问题的时候，我们就再输入框的后面给他一个友好提示。 技术分析 【HTML中innerHTML
阅读全文
摘要：完成页面定时弹出广告 需求分析 一般网页，当我们刚打开的时候，它会5秒之后，显示一个广告，让我们看5秒钟，然后他的广告就自动消失了！ 技术分析 定时器 setInterval : 每隔多少毫秒执行一次函数 setTimeout: 多少毫秒之后执行一次函数 clearInterval clearT
阅读全文
摘要：使用JS完成图片的轮播效果 需求分析 在我们的网站首页,通常需要有一块区域,用来显示广告,但是这块区域如果仅仅显示一张图片肯定是不够的, 故我们需要采用动态循环播放我们所有的广告. 显示效果照抄黑马程序员的网站首页 技术分析 切换图片: 每个三秒钟做一件事: window.setInterval()
阅读全文
摘要：使用JS完成简单的数据校验 需求分析 使用JS完成对注册页面的简单数据校验,不允许出现用户名或密码为空的情况 技术分析 from表单属性——onsubmit必须要有返回值，若为true，submit提交成功，若为false，无法提交 JS方法 ：变量的值 ：变量的长度 ：检验括号内的值 正则表达式
阅读全文
摘要：JavaScript概述 什么是javascript: JavaScript一种直译式脚本语言 什么是脚本语言? java源代码 编译成.class文件 java虚拟机中才能执行 脚本语言: 源码 解释执行 js由我们的浏览器来解释执行 HTML: 决定了页面的框架 CSS: 用来美化我
阅读全文