- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue+antd前端篇——项目构建+路由守卫+请求拦截+VUEX
前言前几天和大家说要分享下前后端开发的经验，今天他来了！因为最近工作比较忙，内容也比较多需要分开几篇来讲，分享的内容不会有太深的理论东西，都是比较实用且简单易懂。作为第一篇分享先以前端开始，从项目创建到搭建基础架构，这块内容会比较多，所以会分开两篇或三篇，希望想学的朋友多些耐心哈，因为我也是抽时间一点点写，所以更新不会特别快，大概一周更新一到两篇吧，希望各位同学多多担待！CODING...第一步，我们首先需要安装下环境，具体就不阐述了，这里需要注意一个点就是构建项目时有个区别需要讲一下，大牛请忽
2020-08-10 14:10:47
1708
2
原创 antDesignVue框架table组件合并单元格超另类解决方法，强力推荐！
最近项目大都是基于ant框架开发的，而且table组件使用率相当高，这其中就涉及到了很多合并单元格问题，官方提供了合并单元格的方法，但是很难受啊有木有，因为鼠标放上去之后显示出来的效果非常让人不满意，下面是官方的效果。看到了吧，很难受的！所以就我就该！不对，是改！先上图，看官们先欣赏下，喜欢哪个呢！怎么样，是不是还满意！下面直接上思路！不着急上代码，思路远比代码值钱!这种形式需要后端接口提供支持，把合并的单元格作为一条数据去理解，然后那些不需要合并的其实是放在一个数组里的，然后合并了的字段，
2020-06-06 19:42:32
2074
2
原创 vue项目ant框架+pdf.js填坑总结，如何让后端返回的pdf数据流在浏览器预览
在项目中我们会经常遇到渲染表格中会有对应的状态的问题，很多同学都有自己的写法，今天来给大家总结下！例如：上图中单据状态对应很多类型，但是后端肯定是传的数值类型，这就需要根据后端定义的值进行渲染了！接口返回，例：state：0：制单，1：审核，2：审核通过，3：审核拒绝，4：发布，5：签收方法一：data.forEach(v=>{v.ww5State=this.stateArr[v.ww5State]})stateArr: [‘未发运’, ‘发运中’, ‘已收货’,‘作废’,‘待检’
2020-05-16 09:35:43
922
1
原创 Vue props传值与v-model之争，是我的锅还是vue的锅？Avoid mutating a prop directly since the value will be ...
背景 ～·～今天需要写个公共组件！结果厨师不理啊...满汉全席先上 ^_^// 这是爸爸<template> <div> <SearchBox :searchData="searchData" @search="handleSearchData"></SearchBox> <NameList></NameList> </div></template><scri.
2020-12-08 11:35:59
687
原创 linux服务器安装node，不需要配置环境变量，一个软链接完美解决
前言赘述下背景，本想在服务器部署node服务，然后安装node的时候遇见了很多莫名问题，下载包的时候用的tar.gz的node包，./configure就遇到了问题，需要python2.7的版本，因为node会调用python编译的模块来支持node运行（没有去深入研究过），我的linux安装的是3.0以上的python，于是想安装个2.7的，找了个2.7.14的包，结果又报GCC错误，谷歌了一把，发现老外通过源码去解决的问题，太麻烦了，不适用！之后找了好多资料，用tar.xz来装node，完美解决，下
2020-11-24 15:34:59
881
原创 Vue+antd前端篇——架构的认知
前言最近工作变动，加上私事太多，给大家奉上迟来的第二篇，对前端架构的初步了解，我也是在学习的过长中，文中有不对的内容欢迎大神指正批评！架构初体验前端架构是什么，包括什么？在我印象中一直到17年前后才接触到前端架构这个概念，18年底才真正了解前端架构，可以说时间挺短的，但是项目开发上不可避免的要去接触架构的东西。在我理解中，架构所承担的工作是很重要的，一个项目开发是否顺畅，可维护性、可扩展性、可管理性都决定了架构是否合格！简单来说，架构就是将前端项目进行模块化，让其更好的适应团队协作开发，而不
2020-10-26 14:17:22
2797
3
原创 Vue+antd+Node+Express开发实战！
前言前端不行，后端不会，干啥啥不行要钱第一名，是不是很多同学都可以对上号？现在的公司招聘太变态，技术更新又太快，没有足够工作年限，又没有足够项目经验！这就是很多求职同学面临的硬伤啊，小编也不例外啊！又不敢跳，又想多要钱，问题还没那么牛的技术，咋办呢？福利从今天开始，小编将分享从vue+antd前端开发到node后端api接口开发全套经验！不要钱！不要钱！不要钱！先上图看下效果，前端是vue+antd框架搭建，目前进度写了增删改查的接口，还没有用JWT机制来做TOKEN，下一步就是这个
2020-08-06 18:28:35
440
原创 python开发抽离项目内中文支持vue项目多语言国际化配置的应用
前言最近事情比较多，一直没更新内容，今天有时间给大家分享一下前几天做的一个小脚本吧！脚本诞生的背景是因为项目国际化业务需求，项目要支持多语言，但是一个项目中涉及到的中文内容可不少啊，vue多语言插件用的vue-i18n，网上也有命令行工具vue-i18n-cli进行自动化处理，但是这个插件不能满足我们的业务需求，所有的语言key需要语义化，且维护多语言的工作不在本地进行，因为中台部下面N多项目，不可能每个项目都自己去维护自己的多语言问题，所以就诞生了一个多语言数据维护平台！那么如果配合这个平台进行项目调
2020-07-01 11:15:08
366
原创 vue antDesign form表单问题总结
最近新项目使用antd1.6版本进行的开发，相比之前项目1.5的版本，很多组件都进行了调整。项目开发中form表单用的频率比较高，今天做一下总结！首先说下1.5的版本吧，1.5版本的时候表单组件一直用的form，当时感觉还行，相比elementUI差异还是比较大，尤其对值的操作和表单的校验，简单上一下代码说明一下<!-- 模板 --><a-form :form='form'> <a-form-item label='用户名'> <a-input v-de
2020-06-17 15:45:22
4283
5
原创 vue封装filter过滤数据的方法，本地进行检索数据
最近项目上遇到了一个点，就是后端接口传来的数据，需要前端在本地实现查询功能，但是编辑完数据后还要提交接口返回的所有数据，而不是修改的数据，因为我是半路被调过来帮忙的，不清楚他们当初为什么要这么设计，只能硬着头皮上了！首先思路就是如何实现数据的过滤，恰好es6提供了filter方法，对此方法不了解的可以去学习下es6的内容/** * filter过滤数据公共方法 * @param condition 过滤条件 * @param data 需要过滤的数据 * author: Jacky */co
2020-06-06 18:48:24
1134
原创 vue项目中将图片转换成base64格式，并且封装方法
vue项目中经常会遇到提交图片的事件，提交图片有两种方式，一个是通过formdata表单格式提交，一种就是提交base64数据流，我更倾向于后者，今天给大家提供一份将图片转为base64的方法/** * 将图片转换成base64格式 * @param img 图片文件 * author: Jacky */export function getBase64 (img, callback) { const reader = new FileReader() reader.addEventLi
2020-06-06 18:45:10
6574
原创 vue数据交互小常识，如何渲染列表数据状态！
在项目中我们会经常遇到渲染表格中会有对应的状态的问题，很多同学都有自己的写法，今天来给大家总结下！例如：上图中单据状态对应很多类型，但是后端肯定是传的数值类型，这就需要根据后端定义的值进行渲染了！接口返回，例：state：0：制单，1：审核，2：审核通过，3：审核拒绝，4：发布，5：签收方法一：data.forEach(v=>{v.ww5State=this.stateArr[v.ww5State]})stateArr: [‘未发运’, ‘发运中’, ‘已收货’,‘作废’,‘待检’
2020-05-20 16:57:29
958
原创 JavaScript中findIndex索引数据的妙用！
在数据交互中会经常遇到后端接口传来一个数据流，渲染页面只需要名称，但是提交保存的时候需要将编码和名称或其他数据一并提交，这种情况在实际项目中遇到的会非常频繁，恰巧，js为我们提供了一个方法，那就是findIndex！具体用法也比较简单，就一行代码！const index = this.List.findIndex((v) => v.code === value) //定义索引上面的value就是已经拿到的渲染到页面的值，然后index就是该值在list当中的索引，然后获取对应的其他值就很简单
2020-05-16 09:15:05
465
2
原创 javascript中深拷贝的作用
javascript中数据深拷贝JSON.stringify()和JSON.parse()的使用最近做了一个比较大型的OA项目，很多新人都遇到了一个问题，就是获取接口的数据后，对数据进行操作会改变源数据的问题，这里面就涉及到了数据的深拷贝问题。今天简单说一下常用的深拷贝方法，JSON.stringify()和JSON.parse()，简单来说JSON.stringify()就是将对象转换为字符...
2020-05-05 20:05:21
1373
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人