VUE前端框架的学习

vue前端项目的结构以及组成部分

本文结构在初入前端的时候，一个项目中的文件夹会非常多，与Vue官网的简单demo相差非常大这也是对前端项目文件组成和几个大的模块的一些介绍，文末还有一些不成文的代码规范本文目录项目代码组成前端项目组成前端的几大模块项目编写规范项目代码组成先不谈前端项目，结合后端项目来看，项目之所以不是一个单纯的文件，很重要的思想就是，模块化和团队合作编程中的模块化衍生出来的就是将不同功能的代码进行分类，放到不同的
少年的小俊·2020-06-29 04:30

树莓派安装nginx用来部署vue前端项目

下载nginxcdusr/localwgethttp://nginx.org/download/nginx-1.7.3.tar.gz安装nginx依赖包：2.1安装gcc说明：GCC——GNU编译器集合（GCC可以使用默认包管理器的仓库（repositories）来安装，包管理器的选择依赖于你使用的Linux发布版本，包管理器有不同的实现：yum是基于RedHat的发布版本；apt用于Debian
mac文的java路·2020-06-29 04:16

vue前端实现搜索功能

代码如下{{list.phoneName}}{{list.ascriptionPhone}}{{list.provinceName+''+list.cityName+''+list.areaName}}exportdefault{name:'HelloWorld',data(){return{search:'',searchData:'',products:[//假数据{'addressId':'
weixin_41655541·2020-06-29 01:21

推荐一个南京 985 AI 硕士，CSDN 博客专家

微信公众号推荐作者/编辑Che_Hongshu今天给大家推荐一个微信公众号《AI蜗牛车》，公众号致力于技术项目化，具体化，思考化，会写系列的项目工程文章，细致到位，也会写一个读物的读书笔记，或者一个语言/框架的学习笔记
weixin_38753422·2020-06-28 21:27

Vue前端压缩图片

一、在组件包下新建compressImage.js1//压缩图片2//eslint-disable-next-lineno-unused-vars3exportfunctioncompressImage(file,config){4//eslint-disable-next-lineno-unused-vars5letsrc6//eslint-disable-next-lineno-unused-
雅俗小生·2020-06-28 15:00

vue前端页面跳转参数传递及存储

不同页面间进行参数传递，实现方式有很多种，最简单最直接的方式就是在页面跳转时通过路由传递参数，如下所示。路由传递参数this.$router.push({name:'跳入页面',params:{pid:pid,}})实现方式如上所示，利用router.push方法可以从当前页面跳入指定的页面，跳入的页面通过name属性来确定。name属性里面的内容是在路由routes中定义的。如下所示：const
weixin_34072857·2020-06-28 10:53

巧用设计模式构建可配置Vue前端应用-活动页生成系统实践

背景活动页，是各个互联网公司一个头疼的问题。为了跟上对手的脚步，需要时不时就要搞点花样。频繁重复的作业对于前端团队来讲是一件非常头疼的事情。活动发布系统是迫切需要的，让运营人员自己通过这个配置化活动页发布系统完成活动的发布。但是配置化活动发布系统对灵活性，扩展性，维护性都具有很大的挑战。像阿里，腾讯，京东都有各自的活动发布配置系统。但是对于我们这种小团队人手短缺，质量又无法与巨头相提并论，实在是不
weixin_33912246·2020-06-28 07:07

vue前端上传文件到阿里云oss的两种方式，put文件流上传，multipartUpload直接上传...

引入阿里云oss的js上传图片/文件mounted(){this.initConfig()//调用后台接口获取阿里云上传下载通行证}methods:{initConfig(){//初始化oss权限leturl='document.getAccess'letparams={type:'H'}this.$api.send(url,params).then((response)=>{if(respons
weixin_33775582·2020-06-28 05:59

MD5前端vue加密

Vue前端md5加密用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。
weixin_30847865·2020-06-28 01:17

vue前端面试题知识点整理

vue前端面试题知识点整理1.说一下Vue的双向绑定数据的原理vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter
weixin_30588827·2020-06-27 21:41

vue前端框架面试问题汇总

1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id3、vue-router有哪几种导航钩子？答：三种，一种是全局导航钩子：router.be
weixin_30481087·2020-06-27 20:29

vue前端项目中excel文件下载

模仿https://github.com/PanJiaChen/vue-element-admin/的下载创建文件夹vendor创建文件Export2Excel.js内容：/*eslint-disable*/require('script-loader!file-saver');importXLSXfrom'xlsx'functiongenerateArray(table){varout=[];v
weixin_30415801·2020-06-27 19:31

vue前端开发bug查找技巧---前后端分离开发模式的优越性

以captcha插件使用为例一、bug描述在验证码验证页面出现错误：http://127.0.0.1:9999/login二、buf分析1.查看属性发现captchaId错误（obejct%20object）2.查看初始化接口：http://127.0.0.1:8888/gxzk/common/captcha/init代码为：发现captchaId是正确的3.查看验证码的显示接口：http://1
只有团队的精神是永存的，平台，生态！·2020-06-27 14:28

Scrapy框架的学习(3.pipeline介绍以及多个爬虫的pipeline的使用)

上个博客最后面写到了，pipeline的简单使用以及参数的配置含义：https://blog.csdn.net/wei18791957243/article/details/861577071.从pipeline的字典形式可以看出来，pipeline可以有多个，而且确实pipeline能够定义多个2.有多个爬虫，pipeline是怎样处理的呢？首先创建三个爬虫：例如：在一个scrapy的项目里面爬
还是那个同伟伟·2020-06-27 14:18

微信支付-java实现微信支付-后端篇

微信支付系列文章微信支付-java后端实现微信支付-vue前端实现javademo:下载地址文章底部技术栈SpringbootjavaXML(微信在http协议中数据传输方案)MD5签名微信支付术语openid
茂盛的小绿芽·2020-06-27 08:39

vue前端模糊搜索高亮的一种实现

最终效果是这样的：思路是：1、写一个方法过滤每一组字符串，需要高亮的加高亮的class2、过滤器方法返回html字符串3、通过v-html将返回作为HTML标签解析后输出过滤器代码：exportfunctionhighLightTableMsg(msg,highLightStr){if(msg==null){msg=''}if(highLightStr==null){highLightStr=''
Zack_ZXY·2020-06-27 06:01

Spring学习笔记1

前言Spring框架的学习路线：Spring第一天：Spring的IOC容器之XML的方式，Spring框架与Web项目整合Spring第二天：Spring的IOC容器之注解的方式，Spring的AOP
Jaybo_·2020-06-27 03:59

2.1 scrapy框架的学习

1scrapy框架的学习为什么学习scrapy2安装scrapyscrapy简介优点scrapy的基本使用步骤1用控制台建立项目并运行2主要代码2.1scrapy框架的学习1.为什么学习scrapyScrapy
最小森林·2020-06-27 02:22

Struts2工作原理以及核心思想

Struts2JAVA基础学完，肯定是要面临三大框架的学习的，作为初学者，了解三大框架的原理，设计目的是首要任务，只有在把握了框架的设计目的以后，才能有针对性的取学习使用框架，这里从strue2框架开始
小疯子_的博客·2020-06-27 02:52

本人写的springcloud后台微服务项目和vue前端项目（包含一个后台管理系统，一个在线考试系统，一个简单商城系统，一个个人博客系统，一个实时聊天系统）

1，服务器所需安装程序jdk，mysql，node.js选择默认安装就行记得配置环境变量2，前端部署vue项目在服务器上运行启动前端4.1新开一个命令行窗口4.2定位到项目目录并安装依赖>cd你自己的位置/antd-****>npminstall4.3依赖安装成功后执行启动命令>npmrunserve#显示如下内容说明本地启动成功#DONECompiledsuccessfullyin7515ms#
刘献盎·2020-06-26 23:59

Vue前端项目-登录组件-登录框界面

目录1、登录框组件设计1.1表单元素组件注册1.2登录组件的结构和样式2、Icon图标2.1拷贝font文件夹到asserts目录2.2引入font的css样式2.3图标的使用2.4测试1、登录框组件设计需求：登录框居于屏幕中央显示；登录框中的表单元素分别有：用户名、密码、验证码、记住我；效果如图：注意:我们使用的是element-ui来做界面的,当时我们创建项目的时候选择组件按需导入因此当我们第
踏 浪·2020-06-26 22:40

Vue前端项目-主页布局-01

目录1、安装sass-loader2、全局样式3、在main.js中引用全局样式4、主页布局5、Sidebar组件6、重新运行项目，观察侧边栏效果7、顶部导航条（Navbar）8、AppMain组件1、安装sass-loader项目中用到的scss来做样式文件，所以需要先安装一下sass-loadernpmisass-loadernode-sass-D考虑到npm命令连接的是国外的网络，可能会比较
踏 浪·2020-06-26 22:40

Vue前端项目-首页-左侧菜单栏的展开与折叠

目录1、思路2、按钮单击事件3、父组件调用Vuex改变侧边栏状态4、新建app模块用于管理整个应用状态5、左侧菜单栏6、隐藏样式实现效果展开效果图:合并效果图:1、思路点击按钮（展开与折叠按钮），触发左侧菜单栏的张开与折叠，需要使用一个变量（state.sidebar.opened）来控制为什么要用state.sidebar.opened全局变量?原因是按钮组件与侧边栏组件不是父子组件的关系，按钮
踏 浪·2020-06-26 22:40

前后端分离项目跨域问题及解决方案

目录1、什么是跨域2、前后端分离项目中的跨域问题3、方法一：SpringBoot后端进行处理4、方法二：在Vue前端进行处理5、总结1、什么是跨域请求同域资源：在域名（或ip地址）相同，端口号相同下的请求资源
踏 浪·2020-06-26 22:40

Vue前端项目-首页-面包屑-显示当前路径

目录1、面包屑组件1.1、对breadcrumb组件二次封装1.2、引入面包屑组件2、导航菜单点击2.1、新增用户管理和角色管理页面2.2、测试实现效果：1、面包屑组件1.1、对breadcrumb组件二次封装新建src/components/Breadcrumb/index.vue组件{{item.meta.title}}{{item.meta.title}}importpathToRegexp
踏 浪·2020-06-26 22:40

Vue前端项目-上线部署-nginx代理解决跨域问题

目录1、后端项目1.1、已完成内容1.2、把后台若依SpringBoot项目打成jar1.3、上传ruoyi的jar包到远程服务器1.4、运行jar包1.5、关闭防火墙2、前端项目2.1、打包前端项目2.2、本地安装nginx2.3、配置首页和代理2.4、nginx命令1、后端项目1.1、已完成内容redis安装mysql安装之前写项目的时候，虽然SpringBoot项目一直都是在本地跑，但是re
踏 浪·2020-06-26 22:40

Vue前端项目-首页-动态菜单

目录1、侧边栏组件1.1侧边栏组件1.2、getters.js1.3、permission模块1.4、app模块1.5、vuex中添加新模块1.6、样式文件1.7、变量scss文件2、SidebarItem组件2.1SidebarIntem组件2.2、验证工具类2.3、菜单项组件2.4链接组件在完成和这两章后，本章将之前的改造为动态菜单效果图:1、侧边栏组件原来静态菜单中，我们是写死的，现在需要改
踏 浪·2020-06-26 22:40

Vue前端项目-主页布局-左侧导航菜单（静态）

目录1、修改侧边栏组件2、滚动条样式3、导入并使用组件实现效果：NavMenu的详细用法：https://element.eleme.cn/#/zh-CN/component/menu1、修改侧边栏组件为侧边栏组件，添加导航菜单侧边栏组件：src/layout/components/Sidebar/index.vue导航一分组一选项1选项2选项3选项4选项1导航二导航三导航四导航四导航四导航四导航
踏 浪·2020-06-26 22:40

Vue前端项目-用户管理-导出用户列表

目录1、Vue端(查询数据)1.1、导出按钮添加点击事件1.2、定义导出方法1.3、确认框1.4、引入导出用户方法（即exportUser方法）1.5、定义导出用户方法2、Vue端（下载数据）2.1、定义通用的下载方法2.2、全局挂载下载方法2、SpringBoot后台2.1、导入依赖2.2、Controller层处理导出方法2.3、导出工具类2.4、放行下载请求2.5、通用的Controller
踏 浪·2020-06-26 22:40

『Hibernate』基础入门知识

学习java开发肯定要进行框架的学习，框架可以提高开发效率，因为其封装了许多经常被复用的代码，并且框架提供的软件结构能使软件开发更加清晰。什么是Hibernate？
dejunz·2020-06-26 13:33

如何部署vue前端项目到服务器上（nginx处理跨域）

因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。
微笑的蛋壳哈·2020-06-26 09:58

vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table，treeTable

该组件基于技术栈，主要涉及vue-cli生成的webpack项目脚手架，在此脚手架项目基础上完成的，整合了element-ui开源vue的UI项目1.vue-cli的安装使用npminstall-gvue-cli全局安装vue-cli之后，使用该脚手架的相关命令，可快速生成一个比较规范的vue项目结构vueinit例子vueinitwebpacktreeTable这样一个快速的项目结构生成，如下所
BeArchitect·2020-06-26 06:27

排名前10的vue前端UI框架框架值得你掌握

之前得到消息vue在GitHub已经超过react,成为第一大框架，让我们来看看以vue为基础的开发框架有哪些？Element(start-28128)饿了么前端推出的基于Vue.js2.0的后台组件库，它能够帮助你更轻松更快速地开发web项目官网地址element.eleme.io/iview(start-15674)iview一套基于Vue.js的高质量UI组件库,友好的API，自由灵活地使用
迷你芊宝宝·2020-06-25 23:25

基于SSM+vue的前后端分离小项目（用户后台管理系统的实现）

本篇博客将介绍现今主要流行的前后端分离方式构建管理系统的实现项目搭建环境：windows系统服务器：Tomcat9.0项目运行环境：JDK1.8前端主要技术：HTML、CSS、VUE前端框架、axios
qq_41986840·2020-06-25 22:54

软件工程实践总结&个人技术博客

不足：框架的学习在使用浅层，没有深入学习源码，以及框架思维，有机
I_Deal_With_Me·2020-06-25 21:00

使用CDN方法的方式进行Vue.js的安装

最近公司需要进行一些前端的开发工作用到了Vue前端框架，所以准备自学Vue，顺便几下学习的过程以及一些问题。使用Vue框架的话，首先需要在自己的电脑上安装Vue.js。
新一、·2020-06-25 19:36

Java集合框架的学习

Java中的接口主要由Collection接口和Map接口组成，Collection下主要有List、Queue、Set这三个子接口，而其中主要的实现类主要有ArrayList、LinkedList、Vector、Stack、HashSet、TreeSet。Map的实现类主要有HashMap、Hashtable、ConcurrentHashMap、TreeMap。Conllection提供了迭代器
雨欲语·2020-06-25 19:46

实习记录：前端post/get封装、api接口统一管理

本文为笔者实习期间学习记录vue前端post/get封装与api接口统一管理文章目录一、功能描述二、设计思路三、代码实现一、功能描述采用原本使用axios的post/get与后端交互是这样的：//增加数据
qq_41022894·2020-06-25 19:16

vue+springboot前后端分离开发, 将vue编译后的静态资源融入springboot,只需要启动一个后端jar就可以了

编译后dist的vue前端的工作做完了,然后是springboot的配置将编译后的资源加载到springboot里,这样只需要启动springboot就可以使用vue编译后的代码,做到前后端分离开发,最终融入
心动_·2020-06-25 17:44

vue前端跨域问题

vue前端跨域问题在使用vue-cli时会遇到跨域问题解决方法如下：1、在项目中config文件夹下的index.js文件里面有个module.exports对象，里面有个dev对象中有个proxyTable
爬坑之路·2020-06-25 16:07

node从入门到放弃系列之（6）RSA前端加密node-rsa JSEncrypt的使用

奉上代码:node服务demo代码=》koa2-server项目代码；vue前端demo代码=》vue-client项目代码我查了（百度）下，用的比较多的加密是JSEncrypt，附上大佬的帖子=》RSA
高素质车间工人·2020-06-25 14:57

vue入门：php+mysql+axios+vue写登录页面技术总结（待更新）

大概想要实现：从vue前端获取用户名密码信息，post给后台，经后台验证返回json信息，可以验证用户是否存在，可以完成登录操作（进阶设想实现：登录自动生成验证码、加密传输用户名密码（md5）、写cookie
Small盼盼·2020-06-25 13:16

vue element 如何把校验之后的表单数据通过ajax传给后台

我的qq2038373094前提axios能够让vue前端和你的服务器后台可以连接上，前后台可以传输静态的数据vue实战——vue中发送AJAX请求https://blog.csdn.net/qq_37591637
我相信慢思考的力量·2020-06-25 13:23

Vue获取并显示后端Feign返回的Activiti图片流

背景Java后台生成Activiti流程图后，将图片流传送给vue前端，前端进行显示1.Java端A.Feign消费方a1.控制层端@GetMapping(value="/show_diagram")publicvoidshowDiagram
gdlsky·2020-06-25 10:42

前端Vue与后端Flask数据交互

基础内容Vue前端$.ajax({url:'http://127.0.0.1:5000/returnAllData',//后端地址type:'post',data:{'tablename':this.table_name
kun_0·2020-06-25 10:15

Vue前端框架的目录结构分析和各文件之间的关系

前言上一篇记录了基于@vue/cli和webpack的前端开发环境搭建并总结了一些常见的问题，本篇文章将来分析搭建完成的vue框架的目录结构并梳理各个文件之间的关系。分析├──README.md项目介绍（.md文件，无实际意义）├──index.html入口页面（webpack打包的入口文件）├──build构建脚本目录│├──build.js生产环境构建脚本│├──check-version.j
GothaM24·2020-06-25 09:19

vue前端video视频截图与录影功能的简单实现

最近项目开发中，需要实现在video视频上截图，录影后将文件上传到阿里云服务器上。截图功能相对来说比较容易实现，使用canvas的drawImage方法将video控件的区域绘制下来即可。录影相对来说比较麻烦，目前用webRTC简单实现。功能简单介绍：使用videojs来播放海康NVR的Dash视频流，需要针对实时画面进行截取，或者录制10s的视频片段然后上传至阿里云上。截图：截取图片后可以进行涂
dick_binge·2020-06-25 08:26

Go的单元测试技巧

单元测试（UnitTest）Go语言原生支持测试工具gotest，省去了各种各样测试框架的学习成本。说来也惭愧，写代码这么些年，也从来没有给自己的代码写过单元测试，代码质量的确堪忧。
DrmagicE·2020-06-25 04:56

【爬虫计划】Scrapy框架的学习及跟课学习 | csdn_Part 02 上手Scrapy框架

根据计划，今天接着跟scrapy课程，上篇博文【爬虫计划】Scrapy框架的学习及跟课学习|csdn_Part01认识Scrapy框架学到创建新项目及对于两种命令（全局命令和项目命令）的查看及使用，这部分内容跟着练习一个小的
云胡实验室·2020-06-25 04:06

vue 文件上传到后台接口以及从后台接口下载文件

文件上传操作稍微复杂点，有如下两种//vue前端页面部分（使用老式的input按钮上传，贼丑）上传import{UploadFiles}from'@/api/plan'exportdefault{data
爱草莓的番茄酱·2020-06-25 02:38
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他