码农藏经阁-CSDN博客

码农藏经阁

码龄6年

129,603

总访问量
49

原创
1,540,596

排名
38

粉丝

个人简介：定期fanqie学习，多找点资料文档和朋友们一起共享。

IP 属地：广东省

查看详细资料

个人成就

获得85次点赞
内容获得48次评论
获得319次收藏
代码片获得610次分享

TA的专栏

兴趣领域设置

Java

kafkajava-eespring bootspring cloud
数据结构与算法

数据结构排序算法
大数据

redis
后端

spring架构
人工智能

回归
搜索

elasticsearch
服务器

linux
学习和成长

面试跳槽考研程序员创富

创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

352人参与去创作

搜TA的内容

vue axios封装和详细使用

网络模块封装axiosajax i/o system 使用自己已经封装好的模块，进行网络请求。假如第三方网络请求框架有一天，出现了不维护申明，那么对于项目来说就是很严重的问题。那么，开发中有啥网络请求选择呢？如下：方式1：Vue中发送网络请求有非常多的方式，那么，在开发中，如何选择呢？传统的Ajax是基于XMLHttpRequestP(XHR)到为什么不用它呢？非常好解释，配首和调用方式等非常混乱，编码起来看起来就非常蛋疼．所以真实开发中很少直接使用，而是使用Jquery-ajax

发布博客 2020.07.06 ·

vue使用axios出现Network Error或者404

在使用axios请求本地某个接口的时候,接口是有效的，但是控制台出现了报错:Error: Request failed with status code 404或者控制台Network Error报错,那么下面为可能解决的方式原因更换url中的地址需要将127.0.0.1换成http://localhost 本机域名识别。在后台模块中相关ApplicationContext启动类中加入如下注解加入@CrossOrigin注解，重新运行后台。运行后，打印结果如下：..

发布博客 2020.07.06 ·

42157 阅读 ·

vue封装导航栏组件

在项目中，经常需要我们自己封装组件，需要对组件进行抽取至封装度最高。这样一来，使这个组件复用性变得非常高，往往可以直接把封装好的组件文件一拖拽到另外的项目就可以直接使用。现在来封装一个底部导航栏组件。首先先来看封装好的组件的效果图,文末尾附项目下载地址，可以直接拖过去使用：首先，我们需要思考，如何才能写出这一个组件以及如何对他进行不断抽取的思想。我们想要封装好一个组件，都是从静态到动态行为开始的，就是说，一开始，先最简单的做出来，然后一层一层把它抽取，不

发布博客 2020.07.05 ·

vue Route参数传递和导航守卫

路由的传递参数对于params方式的传递参数，我们已经讲过。现在我们来使用第二种参数方式来进行练习：新建Profile.vue组件<template> <div> <h3>通过query来获取参数数据</h3> <h5> {{$route.query}} </h5> </div></template><

发布博客 2020.07.04 ·

vue的路由Route安装和使用

路由在vue中，route,即为前端路由。下面是专业名词解释：前端渲染和后端渲染在使用route之前，我们需要知道一些基础知识：改变url不刷新页面:使用hash值来进行变化route。location.hash("路径")通过html对象修改url：history.pushState(data,title,url)在该基础上，把urlpush进堆栈。然后使用back方法，弹出栈history.back()上面是用push方法，就是一直压栈和出栈，

发布博客 2020.07.04 ·

vue脚手架cli的基本使用

Vue cli 脚手架的介绍和安装看到这里的大家，都应该安装了node。假设大家已经安装了node。如果已经装了2.x版本，请先卸载:npm uninstall vue-cli -g使用命令安装cli,安装脚手架3.0.xnpm install -g @vue/cli认识Vue Cli3创建vue项目:vue create 项目名称 vue create test启动服务器Ui管理在控制台输入如下：vue ui启动后，界面如下:...

发布博客 2020.07.04 ·

vue webpack的基本使用

安装webpack在命令行中输入,来安装webpack。[假设已经安装了node]npm install webpack@3.6.0 -gwebpack.config.js用来配置打包路径:module.exports={ entry: './src/main.js' ,output: { path: './dist' ,filename: 'bundle.js' }}npm init 使用如上命令初始化webp

发布博客 2020.06.30 ·

vue组件化开发简单实例(下)

儿子访问父亲的值<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</title></head><body> <div id="calc"> <test></test> </div></body></html>&

发布博客 2020.06.27 ·

vue组件化开发简单实例(上)

Vue组件化的实现和使用步骤注册组件的基本步骤创建组件构造器注册组件使用组件具体实现[最基础的使用]：<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</title></head><script src="./js/vue.js"></script><body>

发布博客 2020.06.25 ·

vue表单各控件绑定案例使用

javaScript过滤器使用: 对数组的元素进行过滤，使用array.filter(function(n){return true})来进行实现，代码如下：v-model常用作表单的控件，对其进行双向绑定案例: 在输入框中输入信息，同时在下面的文本输入中显示输入的内容代码如下:<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</t

发布博客 2020.06.22 ·

vue从循环分支到购物车各种案例

Vue条件判断v-if 当值为true的时候，能够对元素进行显示<!doctype html><html><head><meta charset="utf-8"><title>vue if else </title></head><body> <div id="calc"> <a v-if="true">看看我能不能显示</a>

发布博客 2020.06.22 ·

编写接口时间效率提升一倍的方法

什么？还在一个字段一个字段从数据库的表复制到Mapper文件中？最近，随着工作量的增加，感觉重复性的工作越来越多，这感觉让我的时间浪费很多。我举个例子，就是说，现在我要写查询用户详情的语句，在Mapper中查询，那么我们是不是还要根据表的字段，然后然后编写查询语句，然后每个字段要对应实体类的那些字段，这样一复制，一粘贴。5分钟就没了。今天写了个懒人转换语句，可以实现减损99%时间。比如要花

发布博客 2020.06.21 ·

vue各种事件监听实例

计算属性的Get方法和Set方法看代码说话:<!doctype html><html><head><meta charset="utf-8"><title>vue小练习</title></head><body> <div id="calc"> <a v-cloak="">{{name}}</a> </div><

发布博客 2020.06.21 ·

滑块验证-jquery插件的使用

在登入验证或者其他操作中，如果有敏感的用户行为，那么需要使用滑块等验证来证明你是不是机器。因为在开发工程中后台开发(全栈)不可能自己花时间手写一个前端登入验证，那么就是用滑块验证插件来进行使用。使用首先我们先准备10张图片在本地。正式使用请保存在服务器或者云COS上。注意，这里的图片文件目录要跟index.html同级。文底附插件下载地址，示例如下:打开，体验地址: 点击体验，效果如下:修改代码<!DOCTYPE html>

发布博客 2020.06.20 ·

vue动态绑定(基础练习必会)

Vue的基本语法插值操作Mustache 也叫作胡子语法，{{message}},此时{{}}为胡须语法。{{message}},单值{{message + firstname}}多值操作{{message +’ s '+ firstname}}多值操作并且可以在其里面加上自定义字符串{{counter * 2}} 在里面进行加减乘除操作v-once 只会在第一次的时候进行元素赋值，无法在后面进行对元素再次赋值。v-html 展示代码为html代码

发布博客 2020.06.19 ·

基于mockaroo快速生成随机测试数据

mockaroo 有件很困扰的事情，就是当某个功能开发完毕，想要测试的时候，往往咱开发人员需要自己绞尽脑汁想想测试数据，这个是很头痛的。。比如邮箱啊，手机号码啊之类的。有没有什么可以快速生成我们想要的测试数据？那就是mockaroo，mockaroo可以满足我们程序员的测试数据需求，而且使用方法很简单。让我们一起脱离那些很随意乱输的asdnadadasdassdasdadasda数据吧。网址: 初始化数据功能页步骤点开链接，我们来到生成数据页面:F

发布博客 2020.06.19 ·

SpringCloud架构新建子项目module

因为有需求，需要加入其它的微服务架构，所以得在原来的基础在进行添加子项目，声明: 项目基于gradle。原来的SpringCloud项目目录如下:一、首先找到你想要创建的目录，我们想要在provider模块下新增一个子项目：二、右键选择Show in Explorer三、选择一项项目，进行复制，如下然后改名改成你想要的子项目名称，我将此子项目改为sc-huaboshu-pc；双击，进去将原来的iml配置文件改成跟你的子项目名称相同。

发布博客 2020.06.14 ·

vue超简单的数据绑定

Vue的声明式编程在传统的编程中，我们编程是命令式编程，也就是一步一步一行一行写代码，然后执行，就像下面：<script> var value = document.getElemenyById("apple").value; document.getElemenyById("applevalue") = value;</script>然后呢，在vue中，编程通常为声明式编程，那什么是声明式编程呢？举个如下的例子:声明式编程本质是语法层面的封装，看起来像是声明

发布博客 2020.06.12 ·

Caused by: java.lang.IllegalStateException: Only one AsyncConfigurer may exist

在启动springcloud的gateway模块过程中，出现了如下报错:Caused by: java.lang.IllegalStateException: Only one AsyncConfigurer may exist抛出了非法状态异常，提示说是 : 只能存在一个异步配置程序。在尝试一下重新构建了项目成功解决方法之后，能够正常运行:重新点击构建项目，等待构建。构建完成后，重新启动项目发现已经能够正常运行...

发布博客 2020.06.12 ·

SpringMVC新手入门必了解

Spring MVC这个词，我们在工作中非常常见，但他到底是什么呢？他是由什么组成的？有什么用,有什么优缺点，怎么用。是我们需要去学习的知识。本篇为理论基础和基础实践，对于SpringMVC，我们可以说spring MVC是spring框架的一个模块，spring MVC和spring无需通过中间整合层进行整合。也可以说是一种设计理念，这种解释方式比较合理，MVC是指，C[Controller]控制层，M[Model]模块层，V[View]显示层这样的设计理念，其本质即核心思想也就是

发布博客 2020.06.07 ·