程序人生

详解如何使用webpack在vue项目中写jsx语法

本文介绍了如何使用webpack在vue项目中写jsx语法,分享给大家,具体如下: 我们知道Vue 2.0中对虚拟DOM的支持。我们可以通过JavaScript动态的创建元素,而不用在template中写HTML代码。虚拟D...

程序人生

layui.js实现的表单验证功能示例

本文实例讲述了layui.js实现的表单验证功能。分享给大家供大家参考,具体如下: 该示例可针对文本框,手机,邮箱,textarea等格式进行验证 首先引入如下文件: script src="layui/layui.js...

程序人生

vue2.0在table中实现全选和反选的示例代码

其实在去年小颖已经写过一篇:Vue.js实现checkbox的全选和反选 小颖今天在跟着慕课网学习vue的过程中,顺便试试如何在table中实现全选和反选,页面的css样式是直接参考慕课网的样式写...

程序人生

浅谈Vue-cli 命令行工具分析

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。vue-webpack-boilerplate,官方定义为: full-featured Webpack setup with hot-reload, lint-on-save, unit testing module.exports = { dev: { // 路径 as...

程序人生

vue购物车插件编写代码

本文实例为大家分享了vue购物车插件的具体代码,供大家参考,具体内容如下 先上效果图 下面相关代码: !DOCTYPE htmlhtmlheadmeta charset="utf-8"titleHello MUI/titlemeta name="viewport" content="width=de...

程序人生

JS实现小球的弹性碰撞效果

一、HTML代码(body部分) body !--只需要做一个大div包裹几个小div即可,你想要几个小球碰撞就在内部做几个div即可,这里我们做了6个小球-- div id="main" div/div div/div div/div div/div div/div div...

程序人生

Vue2 配置 Axios api 接口调用文件的方法

前情回顾 在上一篇中,我们通过配置基本的信息,已经让我们的项目能够正常的跑起来了。但是,这里还没有涉及到 AJAX 请求接口的内容。 vue 本身是不支持 ajax 接口请求的,所以我们...

程序人生

基于Datatables跳转到指定页的简单实例

因为项目用到Datatables发现在分页特别多时无法跳转到指定页,自己动手增加了#Datatables 跳转到指定页#功能,实现代码如下: table = $('#user-table').dataTable({ "bAutoWidth": false, "processing": tru...