GUGU

摘要： github搜索案例（vue-resource实现） 简介 vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应，也就是说，jQuery中ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的AP 阅读全文

摘要： github搜索案例 使用github的一个用户数据接口，输入名字进行搜索，返回其中30位用户 点击其头像或者名字可以跳转到指定的github界面 分为两个组件：搜索组件和列表组件，二者进行通信 list组件 利用全局事件总线传递数据，显示列表成员 <template> <div class="ro 阅读全文

摘要： jdbc连接 首先创建需要的jdbc测试表 CREATE DATABASE `jdbcStudy` CHARACTER SET utf8 COLLATE utf8_general_ci; ​ USE `jdbcStudy`; ​ CREATE TABLE `users`( `id` INT PRIM 阅读全文

摘要： 数据库插入100w条数据 CREATE TABLE `app_user` ( `id` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT, `name` VARCHAR(50) DEFAULT'' COMMENT'用户昵称', `email` VARCHAR(5 阅读全文

摘要： 配置代理服务器 在通信时，直接向指定服务器发送请求可能会出现拒绝的情况，使用代理服务器，可以配置解决此问题。 原理 设计 使用axios包进行ajax请求发送 对比 Ajax技术是用于创建更好更快的交互性更强的web应用程序的技术 发送一个Ajax请求的方式： 1，xhr: XMLHttpReque 阅读全文

摘要： 过度与动画 使用vue写一些插入与更新或者移除dom元素时，在合适的时候使用元素动画 方法一 首先设计动画样式： @keyframes gugu { from{ transform: translateX(-100%); } to{ transform: translateX(0px); } } 使 阅读全文

摘要： todoList消息订阅改进 item handleCheck(id) { // 通知App组件将对应todo的done取反 // pubsub.publish('checkTodo', id) // this.checkTodo(id) this.$bus.$emit('checkTodo',id 阅读全文

摘要： nextTick 语法：this.$nextTick(回调函数) 作用：在下一次dom更新结束后执行其指定的回调 todoList案例 在item组件中，设计编辑按钮，自动出现输入框并获取焦点 在todo上增添isedit属性，如果todo是第一次编辑则增添isEdit属性 如果不是第一次编辑，将i 阅读全文

摘要： 消息的订阅与发布 一种组件之间通信的方式，适用于各种组件通信 安装pubsub库用来订阅和发布消息 首先引入pubsub库 import pubsub from "pubsub-js"; 订阅消息（school组件） methods:{ demo(msgName,data){ console.log 阅读全文

摘要： 通过组件全局事件总线，完成消息的传递，改进todolist案例 head methods:{ add(){ //校验数据 if (!this.title.trim()) return alert("输入不能为空") //将输入包装成todo对象 const todoObj={id:nanoid(), 阅读全文