![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue前端
日G一卒
java高级开发,日拱一卒
展开
-
vue 静态图片引入
https://blog.csdn.net/weixin_33862188/article/details/93325502原创 2019-10-28 10:38:15 · 792 阅读 · 0 评论 -
vue resource then
https://www.cnblogs.com/chenhuichao/p/8308993.html原创 2019-10-25 16:08:52 · 178 阅读 · 0 评论 -
Vue.js使用-http请求
Vue.js使用-ajax使用1.为什么要使用ajax前面的例子,使用的是本地模拟数据,通过ajax请求服务器数据。2.使用jquery的ajax库示例new Vue({ el: '#app', data: { searchQuery: '', columns: [{name: 'name', iskey: true}, {name: 'ag...原创 2019-10-23 17:32:49 · 1865 阅读 · 0 评论 -
JS使用XMLHttpRequest对象POST收发JSON格式数据
JavaScirpt中的XMLHttpRequest对象提供了对 HTTP 协议的完全访问,使用该对象可以在不刷新页面的情况与服务器交互数据。XMLHttpRequest是实现AJAX技术的关键对象,本站曾整理过一篇介绍该对象的文章: JS使用XMLHttpRequest对象与服务器进行数据交互 ,今天将介绍使用XMLHttpRequest对象收发JSON格式数据。应用场景在工作中有一个应用需...原创 2019-10-23 16:07:34 · 15813 阅读 · 0 评论 -
VUE的element-ui的使用
我们在自己的网站当中有的时候会用到element-ui的组建1.如何安装element-ui的组件在命令行工具当中输入cnpm i element-ui -S, 等待安装2.如何在vue当中使用element-ui的组件1.在main.js中引入element相关的js和css import Vue from 'vue' import ElementUI fr...原创 2019-10-22 20:36:17 · 517 阅读 · 0 评论 -
SpringBoot之静态资源访问
SpringBoot之静态资源访问1.springboot访问静态资源的几种方式(1)在src/main/resources/目录下创建static文件夹(2)在src/main/resources/目录下创建resources文件夹(3)在src/main/resources/目录下创建public文件夹(4)在src/main/resources/目录下创建META-INF/...原创 2019-10-22 17:57:38 · 9688 阅读 · 0 评论 -
springboot项目集成vue
vue的项目目录如下:vue项目打包首先进入项目目录:cd 项目名然后执行打包命令:npm run build随后我们的项目中会多出一个dist文件夹:如下图然后将dist文件夹中的所有内容放到eclipse中的src/main/resources/static文件夹里面。(eclipse中默认是没有static文件夹的,需要你手动创建)如下图:最后就是重启springboot...原创 2019-10-22 17:40:55 · 2783 阅读 · 0 评论 -
vue-cli,webpack安装
第一步应该下载node.js这是安装vue-cli的基础工具。官网下载快捷安全可:https://nodejs.org/en/第二步打开命令面板找到你要安装的位置第三步就是安装全局vue-cli 命令操作 npm intatll -g vue-cli 安装完毕之后 可以检查安装版本即 vue -V 如下图原创 2019-10-22 14:29:12 · 435 阅读 · 0 评论 -
vue使用webPack打包发布后页面显示空白
今天笔者将打包后,进行访问,访问到index.html,但是出现的是空白页。打包命令:npm run build,打包后的文件如下:这是因为index.html中引入的css ,js 的路径不对:如下图这个是因为webpack打包的时候引入js时使用的是绝对路径导致的,修改webpack打包文件中的配置,在webpack.prod.conf.js中增加publicPath:’./’ ,u...原创 2019-10-22 14:14:45 · 1723 阅读 · 0 评论 -
Webpack不生成index.html
没有导出你的最后2个插件,并且没有指定html文件名dist,因为HtmlWebpackPlugin应该生成相对于path,下面是固定配置: var path = require('path') var webpack = require('webpack') var HtmlWebpackPlugin = require('html-webpack-plugin'); ...原创 2019-10-22 14:12:51 · 1625 阅读 · 0 评论 -
js 中async
一、终极解决异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又让人觉得不彻底。它们都有额外的复杂性,都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用关心它是不是异步。async 函...原创 2019-10-16 08:25:13 · 1304 阅读 · 0 评论 -
JS ES6中export和import详解
1.Export模块是独立的文件,该文件内部的所有的变量外部都无法获取。如果希望获取某个变量,必须通过export输出,// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;或者用更好的方式:用大括号指定要输出的一组变量// profi...原创 2019-10-16 08:05:16 · 272 阅读 · 0 评论 -
vue created
https://blog.csdn.net/xdnloveme/article/details/78035065原创 2019-10-15 08:19:51 · 92 阅读 · 0 评论 -
为什么要有 hash 和 history
https://www.cnblogs.com/zhaobao1830/p/9269042.html原创 2019-10-12 15:28:48 · 89 阅读 · 0 评论 -
VUE router
1、VueRouter的安装原创 2019-10-12 10:50:43 · 73 阅读 · 0 评论 -
html DOM
在 HTML 中 DOM(文档对象模型)是 Web 前端里最基础、最常用的—模型。例如,一个网页其实就是一个 HTML 文件,经过浏览器的解析,最终呈现在用户面前。HTML 语言是由很多标签组成的,代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> ...原创 2019-08-18 15:39:32 · 98 阅读 · 0 评论 -
HTML标签类型及特点
一、 概述HTML(Hyper Text Markup Language )作为一种标记语言,网页所有的内容均书写在标签内部,标签是组成Html页面的基本元素,因此对标签特性的理解在HTML的学习过程中比较重要。二、基本分类HTML中的标签从闭合的角度可以分为闭合标签和空标签。而HTML中大部分标签都是闭合标签,其他少数为空标签,常见的空标签有、 、 、 、 等。HTML中对标签另一种分...原创 2019-08-18 15:27:22 · 1377 阅读 · 0 评论 -
input标签用法解读
HTML5/HTML中标签用法解读OK!今天博主为小伙伴们介绍的内容是HTML5/HTML中标签的用法,,, ,emmm图文并茂哦!下面正式开始内容的介绍:首先,直观上说标签规定了用户可以在其中输入数据的输入字段!元素在元素之中使用的时候,用来声明允许用户输入数据的input控件:输入字段可以通过多种方式改变,取决于type的值。首先是HTML5之前的HTML中input标签:这个时候typ...原创 2019-08-18 15:20:57 · 518 阅读 · 0 评论 -
html--form表单常用操作
form表单用于收集用户信息,如:登录、注册等场景;所有要提交的数据都必须放在form标签中action:提交地址、动作,与input标签中typy标签的submit属性相关联。 ,提交地址是action的地址method:提交方法,有get和post两种提交方法。get方法:提交数据可以再URL中看见,例如:(1)以http://reg.email.163.com/unireg/ca...原创 2019-08-18 14:53:47 · 478 阅读 · 0 评论 -
html标签大全
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>This is study note</title> <base href="我是做外链的,一般在head里面" target="_blank"> <style ...原创 2019-08-18 11:25:30 · 210 阅读 · 0 评论 -
HTML标签
HTML基础标签基于特性的分类在HTML基础中,标签又被称为元素,根据标签特性可以分为块标签、行内(内联)标签和行内块标签。1、块标签:默认情况下独占一行,宽度为父级的100%;支持设置宽高;支持上下左右的margin、padding值。2、行内标签:与其他元素并列在一行;不支持设置宽高,宽度随内容撑开;支持左右方向的margin、padding。3、行内块标签:与其他元素并列在一行;支持...原创 2019-08-18 11:22:40 · 75 阅读 · 0 评论 -
ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原...原创 2019-08-21 17:08:25 · 82 阅读 · 0 评论 -
vue中使用axios最详细教程
前提条件:vue-cli 项目安装:npmnpm在main.js导入:// 引入axios,并加到原型链中import axios from 'axios';Vue.prototype.$axios = axios;import QS from 'qs'Vue.prototype.qs = QS;封装好的axios,拿走不送:(最好是在main.js同级目录创建一个 http...原创 2019-08-21 17:14:42 · 3535 阅读 · 0 评论 -
vue和element-ui使用
上一篇已经创建好一个vue项目。https://mp.csdn.net/postedit/80926242这一篇主要是创建一个vue项目并结合饿了么框架element-ui。1.先创建vue项目,我准备把项目放在e盘下:E:\Work\RegisterProject;命令行进入这个目录:创建一个基于 webpack 模板的新项目(1)vue init webpack register...原创 2019-08-22 10:08:36 · 508 阅读 · 0 评论 -
vscode配置vue环境
一、安装VSCode、NodeJSVSCode:https://code.visualstudio.com/NodeJS:https://nodejs.org/en/二、打开VSCode,安装常用插件如图所示(安装后重新加载即可):三、项目中添加.vscode文件夹,文件夹中添加setting.json项目设置文件{ "eslint.autoFixOnSave": true...原创 2019-08-22 10:42:23 · 5638 阅读 · 0 评论 -
webpack loader
https://www.jianshu.com/p/ad99b2479bee原创 2019-10-05 08:55:20 · 158 阅读 · 0 评论 -
vue ref
https://www.jianshu.com/p/623c8b009a85原创 2019-10-08 15:43:45 · 92 阅读 · 0 评论 -
vue this
https://blog.csdn.net/cddcj/article/details/80866902原创 2019-10-08 15:49:41 · 67 阅读 · 0 评论 -
vue new vue
https://www.jianshu.com/p/5ca5f40e4810原创 2019-10-08 15:53:52 · 82 阅读 · 0 评论 -
Vue常用7个属性
https://www.cnblogs.com/bgwhite/p/9297221.html原创 2019-10-08 16:00:12 · 326 阅读 · 0 评论 -
element ui 中 el-menu 如何添加链接router-link标签
在vue项目中,使用elementui 框架,做一个后台管理系统在写左边菜单,菜用了,elementui 提供的组件 , el-menu 组件。但是组件没有链接,而我们知道添加链接使用router-link标签代码如下:<el-menu-item :key="index" v-if="item.menuChilds.length==0" :index="item.menuUrl" >...原创 2019-08-25 16:14:09 · 13758 阅读 · 1 评论 -
HTML页面提交TABLE
在HTML页面里,提交一个TABLE需要把TABLE的值传入变量或json格式,然后submit到服务端的。思路描述:将table里的值取出,放在json中,赋给一个input,通过一个input来实现table表数据提交到服务器,就可以避免页面存在太多input框。1.定义有table数据的html页面:<!doctype html><html><head...原创 2019-08-18 15:47:00 · 5921 阅读 · 0 评论 -
Web 前端框架分类解读
Web前端框架可以分为两类:JS的类库框架JQuery.JSAngular.JS(模型, scope作用域,controller,依赖注入,MVVM):前端MVCVue.JS(MVVM)*****Reat.JS (创建自定义标签,根据id注入标签)******Node.JS(服务器端)UI框架(Html/Css/JS组合)Bootstrap(简洁、直观、强悍的前端框架,让web开...原创 2019-08-18 16:01:54 · 734 阅读 · 0 评论 -
vue demo1
1.开发工具试过sublime,现在转战vscode,觉得很顺手,总之啥工具习惯就好。vscode用着不错的插件,推荐安装。2.项目目录介绍vue-cli生成的项目目录有点多,初看有点懵,梳理一下会好很多。├── index.html 入口页面 ├── build 构建脚本目录 ...原创 2019-08-20 21:51:44 · 500 阅读 · 0 评论 -
dependencies 和 devDependencies 区别
当我们项目需要下载一个模块的时候,我们安装npm包(在项目目录下面npm install module_name)的时候,很多时候我们会在后面加上–save-dev 或 –save。这两个参数代表什么呢?初识相信很多人都会回答:npm install module-name -save 自动把模块和版本号添加到dependencies部分npm install module-name -s...原创 2019-08-20 21:58:21 · 543 阅读 · 0 评论 -
关于Vue.use()详解
问题相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐?答案因为 axios 没有 install。什么意思呢?接下来我们自定义一个需要 Vue.use() 的组件,也就是有 install 的组件,看完之...原创 2019-08-21 09:45:18 · 912 阅读 · 0 评论 -
浅谈vue $mount()
Vue 的mount()为手动挂载,在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手动挂载上。newVue时,el和mount()为手动挂载,在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手动挂载上。new Vue时,el和mount()为手动挂载,在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手动挂载上。newV...原创 2019-08-21 09:50:36 · 1276 阅读 · 0 评论 -
vue实例属性之el,template,render
一、el,template,render属性优先性当Vue选项对象中有render渲染函数时,Vue构造函数将直接使用渲染函数渲染DOM树,当选项对象中没有render渲染函数时,Vue构造函数首先通过将template模板编译生成渲染函数,然后再渲染DOM树,而当Vue选项对象中既没有render渲染函数,也没有template模板时,会通过el属性获取挂载元素的outerHTML来作为模板,...原创 2019-08-21 10:01:20 · 352 阅读 · 0 评论 -
HTML渲染过程详解
无意中看到寒冬关于前端的九个问题,细细想来我也只是对第一、二、九问有所了解,正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解,所以这里之探讨url请求加载到浏览器端时,浏览器对html的解析到呈现过程,后来经过几位道友分享,整理了一下url解析的过程,如下:用户输入url地址,浏览器根据域名寻找IP地址浏览器向服务器发送http请求,如果服务...原创 2019-08-21 10:11:39 · 605 阅读 · 0 评论 -
vue之router-view组件的使用
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,蛋是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用。以饿了么订餐的情景来说吧,在同个页面,切换显示不同组件的相应内容,同时地址栏的地址是会变的怎么实现它呢?首先 我们在导航组件navbar.vue中写了三个导航链接,他们对应地址分别为:/foo...原创 2019-08-21 16:09:17 · 404 阅读 · 0 评论