VOID N4

页面有了新的变化,如下

1.使用 <iframe> 标签 ,我使用 weebly 网站建立个人站点,它支持多个站点. 每次新创建一个站点, 它会自动形成一个页面结构 , 同时新网站有移动版本

虽然样式已经很合适了 , 不过某些情况下 , 比如我需要更大的页面空间 . 具体的做法是这样, 初始化脚本和样式文件在另一主机上的, 在脚本中 , 我设置了 iframe 的 src 属性，使其为另一个空间上的 页面 文件。在 CSS 样式中 ， 内联框架和上一层面目大小相同，背景为白色 ，在取消 框架边框 之后，原来的页面被完全覆盖了

2. 数据库操作。我增加了 php 服务，可以对 MySQL 执行任意查询并且返回结果。在本地测试的时候，我创建了多个数据库，我使用 <select> 下拉列表 切换。

远程主机上只有默认分配的数据库，为了分类，我手动创建了存放数据库和表的数组，在加载时，不执行 SHOW DATABASES 和 SHOW TABLES 查询，而是直接使用数组。

3. 表。在实践的过程中，出现过数据乱码。在 phpMyAdmin 我修改了层次中的字符集为 utf-8 , 在 php 脚本中 , 连接 MySQL 后 ， 查询 “SET NAME ‘utf-8'" 语句

各个表可能存在关联 ， 我使用的方案是 ， 字段 {column}_id 说明，有一个 {column} 表 ，{column} 表 中有 ”record" 或 "name" 字段 ，字段 {column}_id  指向 {column} 表 的Id 值。 这种样式在创建 表单输入 时，可以再次执行 select {column} 查询 ，返回数组为 <select> 的选项

4.  手机里安装了 Chrome ，平时使用过很多移动应用，用户使用 触摸 与它们交互。移动浏览器 支持 触摸事件 touchstart , touchmove , touchend

每个事件包含了一个或多个 Touch 对象，我的认识是，坐标不是Event 对象的属性，touchmove 发生后不会发生 touchend

在使用 <table> 显示 数据表 的数据时 , 当 一个严格的滑动事件发生后，当前 tr 对象中有对应的 记录， 得到 id 后 ，删除该行数据

5. 我理解的事件捕获。 如果一个 元素 增加了一个事件的捕获函数，那么此函数会发生在 该元素的后代元素的相同事件的处理函数之前。

<table> 中 每个单元格都是可编辑的，当 blur 事件发生后 ， <table> 中 此事件的处理函数 会执行