摘要：
Vue组件分为全局组件和局部组件以及Vue 构造器创建组件，统计为5种创建组件的方式 一、效果截图 创建的h1-h5五个组件 组件名称和结构 二、具体的写法如下： 1、全局-直接创建 Vue.component('first', { template: '<h1>第一种创建组件的方法</h1>' } 阅读全文
摘要：
vue拥用很多强大的指令，但有些逻辑没有提供，所以vue提供了directive自定义指令由开发者任意扩展，本文自定义一个发送验证码倒计时功能的指令，点击一次在倒计时结束之前无法进行点击,自定义倒计时初始数值和结束之后的文字 一、案例效果图如下： 二、代码解析 1、既然自定义指令，就意味着可以传参进 阅读全文
摘要：
一、ajax 1、jquery ajax 语法模板 $.ajax $.get $.post $.put $.delete $.load $.ajax({ url, timeout, // 超时 beforeSend, // 发送之前 dataType, // 返回数据格式 type, // 请求方式 阅读全文
摘要：
vue拥用很多强大的指令，但有些逻辑无法实现，所以vue提供了directive自定义指令由开发者任意扩展，本文自定义一个拖拽功能的指令 一、效果图如下 二、指令的使用:自定义拖拽的初始位置(left,top),不传参默认为0，即在左上角 三、思路解析 1、首先需要清楚指令里面有哪些参数，第一个参数 阅读全文
摘要：
本文引入animate动画库，使选项卡切换更好看，灵活使用vue的api animate动画库官网地址：https://animate.style/ 效果图gif如下： 具体实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
摘要：
这篇文章主要是为大家介绍一下vue实现购物车，代码量不大，但包含的知识点很充足，麻雀虽小，五脏俱全，请继续往下看 知识点包含：vue指令、filter过滤器、computed计算属性、Vue.set设置属性，综合起来功能很全面 效果图gif如下所示： 具体实现代码如下： <!DOCTYPE html 阅读全文
摘要：
组件（Component）是 Vue.js 最强大的功能之一,组件之间的通讯(即相互传值)，本文将介绍组件组件是如何解析传值的 一、父传子 使用props实现父传子 1、此处添加一个任意属性 2、子组件中使用props接收父元素的属性值 二、子传父 使用 emit 和 on 实现子传父 1、给子组件 阅读全文
摘要：
本文使用vue强大功能之一v-model双向数据绑定实现一键获取表单所有的值,都存在一个对象里面，使用JSON.stringify转换后直接得到ajax中就可以了 效果图如下： 具体实现代买如下： <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
摘要：
1.gulp的基本介绍 Gulp.js是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js是基于Node.js构建的，利用Node.js流的威力，你可以快速构建项目并减少频繁的IO操作。Gulp.js源文件和你用来定义任务的Gulp文件都是通过JavaScript源 阅读全文
摘要：
socket (套接字 包含数据内容) 实现网络通信 网络上的两个程序 通过一个双向的通信连接 实现数据的交互,这个链接的一端称之为 socket 服务器端 socket 功能 1、创建 服务器 绑定 IP + 端口 监听端口 2、监听 客户端的链接 3、监听 客户端发来的消息 4、把来自客户端的消 阅读全文