摘要：
练习： 学习XMLHttpRequest （即XHR ）相关知识，开发一个简单的 ajax 插件，用于异步获取服务端数据。 原书提供的参考代码如下： const ajax = function (options = {}) { options.type = (options.type || 'GET 阅读全文
摘要：
2019.8.27更新： 1 哈，之前的封闭得太简单，而且没有测试过，重新来过，已测试过， 2 又：暂未封闭为vue插件，稍后再改为插件。 3 此文档不做删除，算是学习路上的一个记录 4 新修改请点击此处： 练习： 学习XMLHttpRequest （即XHR ）相关知识，开发一个简单的 ajax 阅读全文
摘要：
练习1 ： 给每条留言都增加一个删除的功能。练习2 ：将该示例的render 写法改写为template 写法，加以对比，总结出两者的差异性，深刻理解其使用场景。 Demo在线效果浏览 IDE：VScode 项目构成：app.vue vinput.vue, vtextarea.vue, list.v 阅读全文
摘要：
练习2 ：将该示例的 render 写法改写为 template 写法，加以对比，总结出两者的差异性，深刻理解其使用场景。 解答：template写法简洁，直观，更容易理解，render复杂，当需要对dom元素深入操作时，是更好的选择，可以做到更深层次的操作。 1. vinput.vue rende 阅读全文
摘要：
练习1 ： 给每条留言都增加一个删除的功能。练习2 ：将该示例的re nd er 写法改写为te mp lat e 写法，加以对比，总结出两者的差异性，深刻理解其使用场景。 demo在线效果浏览 解答： 在 list.vue 的 render 函数中，添加如下 代码，当新增的a元素被点击后，向父组件 阅读全文
摘要：
练习2 ： 将该示例的render 写法改写为 template 写法，加以对比，总结出两者的差异性，深刻理解其使用场景。 Demo效果在线浏览 解答： 1，使用render与template，其差异性，如同使用脚本语言与图形界面操作 2，使用render，专注点在各种精细的操作，使用templat 阅读全文
摘要：
练习1 ： 查阅资料，了解表格的＜colgroup＞和＜col＞元素用法后，给v-table 的columns 增加一个可以设置列宽的width 宇段，并实现该功能。 解答： Demo在线效果浏览 app.vue文件： 在columns中添加 width 字段，如下：之所以以百分比来设置此字段，是因 阅读全文
摘要：
项目：调查问卷WebApp 。描述：制作一个简单的调查问卷HTML 5 小应用，每页有一道题目，题目可以是单选题、多选题、填写题等。 说明：每一页可以通过v -show 或v-if 在切换步骤时显示，点击重置，当前页的控件还原到初始状态。要对每页的数据进行校验，比如单选题必须要选择，多选题最少选择2 阅读全文
摘要：
练习1 ： 开发一个自定义指令v-birthday ，接收一个出生日期的时间戳，将它转换为己经出生了xxx 天。练习2 ： 扩展练习1 的自定义指令v-birthday ，将出生了xxx 天转换为具体年龄，比如25 岁8 个月10 天。 Demo在线效果浏览 解答： 为简便起见，在time.js中， 阅读全文
摘要：
练、习2 ：扩展clickoutside. ， 实现在点击按钮显示下拉菜单后，通过按下键盘的ESC 键也可以关闭下拉菜单。练习3 ：将练习2 的ESC 按键关闭功能作为可选项。提示，可以用修饰符，比如v-clickoutside . esc 。 Demo在线效果浏览 解答： 修改template，在 阅读全文