少学习多摸鱼
上一页 1 2 3 4 5 6 7 8 9 10 ··· 15 下一页
摘要: github搜索案例(vue-resource实现) 简介 vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应,也就是说,jQuery中ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的AP 阅读全文
posted @ 2023-03-15 18:06 北海之上 阅读(69) 评论(0) 推荐(0)
摘要: github搜索案例 使用github的一个用户数据接口,输入名字进行搜索,返回其中30位用户 点击其头像或者名字可以跳转到指定的github界面 分为两个组件:搜索组件和列表组件,二者进行通信 list组件 利用全局事件总线传递数据,显示列表成员 <template> <div class="ro 阅读全文
posted @ 2023-03-15 17:46 北海之上 阅读(40) 评论(0) 推荐(0)
摘要: jdbc连接 首先创建需要的jdbc测试表 CREATE DATABASE `jdbcStudy` CHARACTER SET utf8 COLLATE utf8_general_ci; ​ USE `jdbcStudy`; ​ CREATE TABLE `users`( `id` INT PRIM 阅读全文
posted @ 2023-03-09 10:31 北海之上 阅读(22) 评论(0) 推荐(0)
摘要: 数据库插入100w条数据 CREATE TABLE `app_user` ( `id` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT, `name` VARCHAR(50) DEFAULT'' COMMENT'用户昵称', `email` VARCHAR(5 阅读全文
posted @ 2023-03-09 10:27 北海之上 阅读(20) 评论(0) 推荐(0)
摘要: 配置代理服务器 在通信时,直接向指定服务器发送请求可能会出现拒绝的情况,使用代理服务器,可以配置解决此问题。 原理 设计 使用axios包进行ajax请求发送 对比 Ajax技术是用于创建更好更快的交互性更强的web应用程序的技术 发送一个Ajax请求的方式: 1,xhr: XMLHttpReque 阅读全文
posted @ 2023-03-08 18:04 北海之上 阅读(39) 评论(0) 推荐(0)
摘要: 过度与动画 使用vue写一些插入与更新或者移除dom元素时,在合适的时候使用元素动画 方法一 首先设计动画样式: @keyframes gugu { from{ transform: translateX(-100%); } to{ transform: translateX(0px); } } 使 阅读全文
posted @ 2023-03-08 17:56 北海之上 阅读(19) 评论(0) 推荐(0)
摘要: todoList消息订阅改进 item handleCheck(id) { // 通知App组件将对应todo的done取反 // pubsub.publish('checkTodo', id) // this.checkTodo(id) this.$bus.$emit('checkTodo',id 阅读全文
posted @ 2023-03-06 15:38 北海之上 阅读(25) 评论(0) 推荐(0)
摘要: nextTick 语法:this.$nextTick(回调函数) 作用:在下一次dom更新结束后执行其指定的回调 todoList案例 在item组件中,设计编辑按钮,自动出现输入框并获取焦点 在todo上增添isedit属性,如果todo是第一次编辑则增添isEdit属性 如果不是第一次编辑,将i 阅读全文
posted @ 2023-03-06 12:03 北海之上 阅读(18) 评论(0) 推荐(0)
摘要: 消息的订阅与发布 一种组件之间通信的方式,适用于各种组件通信 安装pubsub库用来订阅和发布消息 首先引入pubsub库 import pubsub from "pubsub-js"; 订阅消息(school组件) methods:{ demo(msgName,data){ console.log 阅读全文
posted @ 2023-03-02 12:07 北海之上 阅读(22) 评论(0) 推荐(0)
摘要: 通过组件全局事件总线,完成消息的传递,改进todolist案例 head methods:{ add(){ //校验数据 if (!this.title.trim()) return alert("输入不能为空") //将输入包装成todo对象 const todoObj={id:nanoid(), 阅读全文
posted @ 2023-03-02 11:35 北海之上 阅读(15) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 10 ··· 15 下一页
/* 粒子吸附*/