前端
关注
分享
扫一扫
前端
兮川
薛定谔的猫，你不验证，就无法知道真假
展开
-
Vue之 vuex
使用vuex原因是，可以集中存储所有组件的所有状态, 解决多个组件共享数据的问题。就是进行数据共享。1.安装vuexnpm install --save vuex2.创建store目录，并在此目录添加store.jsimport Vue from "vue"import vuex from "vuex"Vue.use(vuex)let store = new vuex...原创 2019-01-24 17:20:29 · 233 阅读 · 0 评论 -
Vue 通过公共字段，拼接两个对象数组
前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。直接上代码。1.HTML部分<html lang="zh"><head> <meta charset="UTF-8"> <title>工资查询</title> &原创 2018-12-27 09:52:41 · 7283 阅读 · 0 评论 -
Vue之 子父组件相互传值
刚学习vue的时候，只知道父组件向子组件传递参数是通过props进行传递的；子组件向父组件传递参数是通过this.$emit()进行传递的。本来以为用处不是很大的，到实际开发的时候真实需要的时候打脸了，这玩意用起来还挺不错的= =，好了，开始写关于父子组件参数的传递。1.定义子组件<template> <div style="background-color: ...原创 2019-01-24 17:08:14 · 375 阅读 · 0 评论 -
Vue之 vue-meta ，为单个页面设置head信息
vue-meta挺好用的，如果我在pc端页面与mobile页面在同一个项目中国开发时，mobile要单独设置head信息，如果不使用此组件，会非常麻烦。此组件的github地址：https://github.com/nuxt/vue-meta1.安装 npm install vue-meta --save2.引用import Meta from 'vue-meta'Vue....原创 2019-02-20 09:58:37 · 15374 阅读 · 3 评论 -
vue 之 延时刷新
当我们要做一个实时搜索时，用watch监控数据，当数据不断变化时，不可能立刻进行接口的请求，这样会给服务器带来麻烦，使服务器负载加重，此时就需要一个延时加载机制。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>xich原创 2019-01-10 15:33:02 · 11727 阅读 · 0 评论 -
vue 之零碎知识
1.Vue初始化一个项目#使用webpack 初始化一个项目vue init webpack my_poject#进入项目cd my_poject #安装依赖npm install2.常用组件安装#安装viexnpm install --save vuex#安装axiosnpm install axios -D#安装element-u...原创 2019-01-24 17:28:20 · 243 阅读 · 0 评论 -
vue之axios封装
本想使用axios，但不封装的话，使用起来太臃肿，此封装方式是根据别人封装格式改造过来使用，地址在最下面。1.axios安装：npm install axios -D2.封装axios，index.js/** 接口调用工具*/import axios from 'axios' 引用axios// 配置API接口地址var root = 'http://localhos...原创 2019-01-17 11:36:50 · 7472 阅读 · 1 评论 -
Vue学习笔记
此学习笔记是看网易云课程的学习笔记。https://study.163.com/course/courseMain.htm?courseId=1004938024#下载node，配置环境变量#初始化一个vue项目 npm install -g vue-cli #安装 vue-cli vue init webpack test1 #初始化一个vue项目 cd ...原创 2019-01-07 15:28:37 · 738 阅读 · 2 评论 -
Vue之 vconsole 方便微信端调试
在手机微信端无法想Chrome看到控制台打印出来的消息，对程序的调试来说是非常不便的，此时就需要插件来实现这种功能，vconsole就是这种作用。1.安装npm install vconsole2.创建vconsole.js文件，内容是引入vconsoleimport Vconsole from 'vconsole'const vConsole = new Vconsole(...原创 2019-02-20 09:48:32 · 3184 阅读 · 0 评论 -
axios基本请求格式 POST、GET
设置global的axios参数##axios axios.defaults.baseURL = 'http://localhost:7001/micro';axios.defaults.headers.common['school_id'] = "1005";axios.defaults.headers.post['content-Type'] = 'application/json...原创 2018-12-27 18:07:42 · 2479 阅读 · 0 评论 -
vue+axios 实现Excel下载
以前写过关于Springboot提供Excel文件下载的博客:https://blog.youkuaiyun.com/zc_ad/article/details/85242556,当点击下载的api地址时，就可以直接下载，或我们在前端页面直接使用<a>标签，href指向下载地址，我们也可以进行下载。但是....,<a>标签无法进行设置表头，也无法进行参数的传递，确实是一个头疼的问...原创 2018-12-27 17:34:52 · 3822 阅读 · 0 评论 -
Vue 之 router
本来不想总结关于vue路由的，但是啊，vue路由虽然简单，但是进行参数的传递时，有多方式，想想还是要记录一下比较好。此处先不写关于嵌套路由的内容。一.路由的基本使用此时有这样一个例子，有两个页面，HelloWorld页面与PageDetail两个页面，我想通过HelloWorld页面的一个链接，跳转到PageDetail页面上，此时就需要路由机制了。1.创建DetailPage页面...原创 2019-01-24 16:35:41 · 282 阅读 · 0 评论 -
JS再学习笔记 更新结束
最近公司要使用前端，因此再次学习一遍。此笔记是看《疯狂HTML 5+CSS 3+JavaScript讲义》后的个人笔记<script src="1.js" type="text/javascript"></script> 还可以指定以下属性 charset 指定外部脚本文件所用的字符集 defer 指定脚本是否延迟执行,...原创 2018-11-21 19:31:53 · 256 阅读 · 0 评论 -
修改js后，刷新浏览器没有反应的解决方法
$.ajax({ 'url' : "AdminLogin.action", 'type' : "POST", 'data' : "login1=" + $('#admin_login').val()+'&table=admin', 'success' : function(data, textStatus原创 2017-04-13 10:36:39 · 3572 阅读 · 0 评论 -
jQuery 更改checkbox的状态,无效的解决方法
今天写页面遇到复选框动态全选或全不选问题，正常写法如下：?1$("#tb").find("input[type='checkbox']").attr("checked","checked");but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？转载 2017-04-08 11:10:21 · 1357 阅读 · 0 评论 -
JSON中result的root属性
struts2.1.8以后，加入了json的plugin插件包，使用时仅需把插件包（struts2-json-plugin-2.2.1.1.jar）放入到项目中的WEB-INF/lib下面就可以。这里重点解释返回结果result中的root参数的含义，相对于其他参数，例如includeProperties,excludeProperties,excludeNullProperties等，比较难以理转载 2017-04-19 17:54:16 · 5055 阅读 · 0 评论 -
JS 页面跳转，参数的传递
当我们通过location.replace()进行页面的跳转时，我们想进行参数的传递，当时学习的时候，以前在网上找过获取方法，已经忘记出处在哪里了。获取方法大概是这样的:1.将参数通过拼接的方式拼接到页面的后面。2.页面跳转后，解析url，根据关键字符'?',区别是页面还是后面的参数3.根据关键字符'='，区分是参数名还是参数值直接将代码复制过来。大致看下就会看懂。1.j...原创 2018-12-26 14:36:22 · 10526 阅读 · 1 评论 -
eval解析JSON中的注意点
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利转载 2017-04-19 17:49:46 · 516 阅读 · 0 评论 -
H5 再学习笔记 更新结束
以前对HTML有所学习，最近公司要使用，再次学习一边。此笔记是看《疯狂HTML 5+CSS 3+JavaScript讲义》后的个人笔记1.<!DOCTYPE HTML> DOCTYPE声明（声明内容没有DTD地址，说明H5是妥协式规范）2.<html>与<head> ,<head><body> ,<body>&l...原创 2018-11-15 11:30:52 · 694 阅读 · 0 评论 -
CSS5再学习笔记 更新结束
最近公司要使用前端，因此再次学习一遍。此笔记是看《疯狂HTML 5+CSS 3+JavaScript讲义》后的个人笔记#引入样式<link type="text/css" rel="stylesheet" href=""/>#导入样式<style type="text/css">@import "outer.css";@import原创 2018-11-19 15:49:31 · 812 阅读 · 0 评论