
前端
程 序 猿
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue动态控制输入框的禁用属性的方法
首首先呢,有时候会有这样的需求,新增的时候可以输入,但是无法修改,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢?使用这个属性 v-bind:disabled="disabled"<el-input v-model="tableForm.key" autocomplete="off" v-bind:disab...原创 2019-12-21 18:58:32 · 12462 阅读 · 0 评论 -
关于jQuery及插件和ajax
什么是jQuery它是一个轻量级的javascript类库注1:就一个类“jQuery”,简写“$”jQuery优点2.1 总是面向集合2.2 多行操作集于一行原创 2019-06-08 22:55:50 · 360 阅读 · 0 评论 -
SPA项目的jwt身份验证
Vue的jwt记得我们在以前不是跨域的情况下,我们只需要将登陆过的身份信息通过session保存在我们的tomcat服务器上。这样在用户访问我们服务器上的其他资源的时候我们就可以通过用户保存在tomcat服务器上的身份信息来判断用户是否通过了登录。那如何来解决这个问题呢?下面就要提到重点了JWT ,在前后端分离的这种项目开发模式中,JWT就替代掉了session的作用,并且解决了以上问题...原创 2019-08-18 02:20:56 · 367 阅读 · 0 评论 -
Vue 的同步异步存值取值
1.vue中各个组件之间传值1.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.emit(′事件名′,参数1,参数2,...);2.非父子组件或父子组件通过数据总数Bus,this.emit('事件名',参数1,参数2,...); 2.非父子组件或父子组件 通过数据总数Bus,...原创 2019-08-16 22:01:39 · 6882 阅读 · 0 评论 -
使用SPA项目开发Mock+总线传值
SPA项目开发首页导航条+左侧菜单这里我就不连后台,我用Mock.js来模拟后台的数据,已达到不依赖后台也能把数据展示在页面上,跟真真需要连后台的时候就注释掉一行代码就行了。1. Mock.js前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景:老大,接口文档还没输出,我的好多活干不下去啊!后端小哥,接口写好了没,我要测试啊!前后端分离之后,前端迫切需要一种机制,不再需要依赖后...原创 2019-08-13 01:33:34 · 199 阅读 · 0 评论 -
SPA项目后台开发文档
文章目录用户登录树形菜单文章查询增加文章删除文章文章修改用户登录接口调用说明http请求方式: post(请使用https协议)http://localhost:8080/SSH/vue/userAction_login.action (SSH:项目名)请求参数参数解释name登录的用户名pwd登录的密码返回说明登录成功返回JSON数据包:{...原创 2019-08-16 03:27:02 · 505 阅读 · 0 评论 -
SPA项目开发之登录
1. vue引入和配置使用element-ui框架1.1 使用vue-cli脚手架工具创建一个vue项目vue init webpack spa11.2 npm安装elementUIcd spa1 #进入新建项目的根目录,按shift键,同时右键进入窗口执行以下命令npm install element-ui -Snpm install axios -Snpm install qs...原创 2019-08-11 21:15:26 · 145 阅读 · 0 评论 -
SPA项目开发之CRUD与表单验证
SPA项目开发之CRUD与表单验证在上几篇的博客已经把动态树,数据表格,分页实现了,就来完成CRUD了我是对文章的增删查改原创 2019-08-14 22:23:39 · 209 阅读 · 0 评论 -
SPA项目开发之动态树与数据表格
文章目录SPA项目开发之动态树与数据表格动态树与tab页数据表格分页SPA项目开发之动态树与数据表格在前两篇博客已经实现了登录,顶部导航栏,左侧菜单,下面就开始编写今天的代码动态树与tab页leftNav.vue<template> <el-menu router :default-active="$route.path" class="el-menu-vert...原创 2019-08-14 11:35:24 · 192 阅读 · 0 评论 -
使用Vue-cli搭建SPA项目
文章目录1.什么是vue-cli?2. 安装vue-cli3. 使用脚手架vue-cli(2.X版)来构建项目步骤二:运行完上面的命令后,我们需要将当前路径改变到SPA这个文件夹内,然后安装需要的模块此步骤可理解成:maven的web项目创建成功后,修改pom文件添加依赖步骤三:启动并访问项目此步骤可理解成:启动tomcat,并通过浏览器访问项目步骤四:停止项目添加element-ui模块4.项目...原创 2019-08-06 21:34:49 · 374 阅读 · 0 评论 -
使用jQuery+html表白代码
虽然七夕刚过,但是表白什么都不迟,在这里我就搞了一点代码,献给大家代码如下:<!DOCTYPE HTML><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>心形文字</title> <meta ht...原创 2019-08-08 14:59:21 · 17946 阅读 · 9 评论 -
elementUI介绍与Node.js环境搭建
文章目录ElementUI简介Node.js是什么npm是什么Node.js环境搭建ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.elem...原创 2019-08-05 21:28:37 · 742 阅读 · 0 评论 -
Vue的模板语法
1. Vue模板语法1.1 插值1.1.1 文本 {{msg}}1.1.2 html 使用v-html指令用于输出html代码 1.1.3 属性 HTML属性中的值应使用v-bind指令1.1.4 表达式 Vue提供了完全的JavaScript表达式支持 {{str.substr...原创 2019-08-01 16:41:42 · 579 阅读 · 0 评论 -
Vue路由
1. SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来说, 每次请...原创 2019-08-04 19:35:40 · 237 阅读 · 0 评论 -
ES6的介绍
介绍的ES6的API文档:http://es6.ruanyifeng.com/#docs/class-extends原创 2019-07-31 09:17:09 · 422 阅读 · 0 评论 -
Vue的模板语法(下)
文章目录样式绑定事件处理器完整表单案例Vue组件样式绑定1.1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象1.2 style绑定v-bind:style=“expression”expression的类型:字符串、数组、对象<!DOCTYPE html><html> <h...原创 2019-08-03 02:14:42 · 219 阅读 · 0 评论