12 胖鹅68

尚未进行身份认证

我要认证

熟悉h5,jquery,css2/3,angular,ionic,springMVC,hibernate,spring,struts,mybatis,mysql,oracle,linux,android等技术 了解openfire开源系统,熟悉openfire的IM功能

等级
TA的排名 916

Vue组件三种写法(*.vue, jsx,函数式组件)

2020-07-10 17:29:57

Vue根据权限动态加载组件路由(router.addRoutes)

文章目录参考问题描述官方API 解释后台返回是路由配置JSON字符串,无法直接向默认配置使用?vue-router里提供了动态加载组件根据后台返回的路由配置信息动态加载组件参考Vue关于动态添加路由的一个坑,动态添加子路由router.addRoutes问题描述这两天在看“若依系统”的前端页面,重点是tab选项卡发现在他的路由配置中没有 /system/* 的配置,但是到system模块下面却能够正常显示经过两天的研读他的代码,反复查找资料,发现关键点是 router.addRoutes

2020-07-10 16:08:08

Vue自定义重定向路由route组件

参考Vue render 函数介绍问题描述用户在后台界面长期不操作的时候,导致token过期,因此需要重新登录用户重新输入账号和密码,需要重定向到之前的界面中重定向组件使用说明配置路由// 公共路由export const constantRoutes = [ { path: '/redirect', component: Layout, hidden: true, children: [ { path: '/red

2020-07-10 14:27:25

回流和重绘引发思考——DocumentFragment、Vue(keep-alive)

https://javascript.ruanyifeng.com/dom/node.htmldocument.createDocumentFragment()keep-alive虚拟DOM回流和重绘文章参考document.createDocumentFragment()详解回流和重绘及优化问题描述昨天同事培训Vue问了一个“回流”和“重绘”的问题,自己回答的是数据量过大导致浏览器渲染慢和卡顿的问题,Vue解决办法是使用虚拟DOM,缓存DOM组件,应该是没有给出准确答案,会后自己深入

2020-07-09 17:20:53

vscode 使用Prettier插件格式化配置使用

文章目录参考问题描述为了让以后代码美观,不让别人吐槽,自己整理了vscode + prettierwhy prettier?Prettier 的配置文件参考使用ESLint+Prettier来统一前端代码风格问题描述最近用Nodejs + express 写了一个zip文件上传的功能,代码给了别人看,各种吐槽,代码不规范,没有按照eslint,编辑器打开就是各种红色提醒,当然还有其他许多…第一反应就是反感,后面冷静一想,还是自己做事的态度有问题,做完了功能已经完成了95%,为什么不到最后一步

2020-07-07 11:03:14

windows redis安装

文章目录参考下载配置环境变量redis临时服务Redis自定义windows服务安装参考【Redis】windows下redis服务的安装下载链接: https://pan.baidu.com/s/1sUuUL4NsKh-8Ud4pZmB1Lg提取码: spsu配置环境变量把程序解压到 “D:\redis” 目录下把安装目录添加到path中环境变量中redis临时服务服务端 redis-server.exe redis.windows.conf客户端 redis-cl

2020-07-01 16:10:36

postman 接口数据传递(验证码、登录、token)

文章目录问题描述解决思路postman 配置说明问题描述目标:使用 postman 要模拟一个登录的过程过程:登录需要用户名和密码,为了防止机器人登录,需要一个验证码,即登录前需要请求验证码其他接口(几十个)需要登录成功返回的token作为参数传递解决思路使用postman 先调用获取验证码的接口,将验证码返回的数据作为postman的环境变量根据用户名和密码,再获取环境变量中的验证码拿到token,将token设置到环境变量中其他接口将从环境变量中获取token的值,设置到heade

2020-07-01 15:43:12

Junit 4.x 学习总结整理

文章目录参考Junit3.x (过时)概念Error和Failures的区别?Juint 4.x注解断言忽略测试 @Ignore时间测试参数化测试(`重难点`)编写代码步骤代码运行步骤异常测试参考https://www.sojson.com/blog/33.htmlhttps://blog.csdn.net/qq_34264849/article/details/88243278https://wiki.jikexueyuan.com/project/junit/overview.htmlJu

2020-07-01 14:50:58

CSS transform: scale数值为负数实现翻转

文章目录文章参考问题描述scaleX 属性说明scale数值为负数实现翻转文章参考CSS3 transform 属性你所不知道的 CSS 负值技巧与细节问题描述在工作中,发现引入一个图片是正常显示,但是使用背景图之后,发现图片的方向变反了,找大牛来排查问题,最终发现是使用了 transform: scaleX(-1);引起的scaleX 属性说明|scale(x,y)|定义 2D 缩放转换。||scale3d(x,y,z)|定义 3D 缩放转换。||scaleX(x)|通过设置 X 轴

2020-06-30 15:02:42

react antUI 表格table(Each record in table should have a unique `key` prop,or set `rowKey` to an uniq)

需要在 table 控件中指明 rowKey 属性<Table dataSource={this.state.dataSource} columns={columns} loading={false} rowKey={record=>record.id}//在Table组件中加入这行代码/>

2020-06-24 16:30:19

Promise多个请求、finally、链式调用学习

文章目录文章参考基本语法捕获异常处理链式调用promise的finally方法应用场景异步应用场景使用说明两个请求没有必然关系,各自执行回调即可两个请求有先后顺序,一定要先请求One之后再用Two多个请求都成功,但是请求之间没有关系多个请求只需要一个成功就做逻辑处理axios多个异步请求全部成功之后处理的业务请求封装使用案例文章参考阮一峰 ES6 promisevue实力封装axios基本语法早期浏览器兼容:Promise对象是ES6的内容,我们可以使用babel做一个转换,基本语法如下:

2020-06-24 09:44:57

nodejs socket.io框架快速入门

文章目录文章参考why socket.io ?安装使用方式服务端客户端express+sockket.io案例文章参考github socket.io服务器github socket.io-client 客户端知乎 socket.io官方文档中文版api 文档why socket.io ?Socket.IO是一个开源的WebSocket库,它通过Node.js实现WebSocket服务端,同时也提供客户端JS库。Socket.IO支持以事件为基础的实时双向通讯,它可以工作在任何平台、浏览器

2020-06-23 19:16:59

express nodejs Failed to lookup view error in views directory 解决方案

文章目录文章参考express 配置界面模板Failed to lookup view "error" in views directory 解决办法文章参考[https://www.cnblogs.com/alian111/p/5766078.html](Failed to lookup view “error” in views directory 解决方案)express 配置界面模板// view engine setupapp.set('views', path.join(__dir

2020-06-23 15:33:16

Vue2.x组件递归,生成Tree(数组转JSON对象)

Vue2.x 组件递归(tree展示)参考问题描述最近要做一个通信面板,后台返回一个数组,标明了ID和PID的字段根据后台返回的数据需要转为一个机构用户信息树解决思路将后台返回的数组转换为一个上下层级关系的JSON对象根据JSON对象递归生成一个Tree组件将数组转为JSON对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na

2020-06-22 19:45:43

ngZorro错误Missing locale data for the locale zh-cn

文章目录问题原因在app.module.ts中的完整例子(包含ng-zorro其他模块的引入)问题原因nz-date-picker 的部分 locale 来自于 Angular 自身的国际化支持,需要在 main.ts文件中 引入相应的 Angular 语言包。import { registerLocaleData } from '@angular/common';import zh from '@angular/common/locales/zh';registerLocaleData(

2020-06-20 15:42:52

angular6 安装百度地图

文章目录文章参考开发步骤如何去掉百度的logo?文章参考百度地图 Cannot read property ‘gc’ of undefinedAngular引入百度地图js,显示不出来开发步骤申请百度地图密钥在Angular项目中引入百度地图API文件,在index.html中引入<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=您的密钥"><

2020-06-17 11:25:35

angular6 安装百度echarts

文章目录文章参考安装依赖库第一种:ngx-echarts 模块创建报表app.module.ts 注册组件中使用第二种:引入echarts.min.js库(与标准HTML使用eharts方式一致)在angular.json文件中配置,引入 echarts.min.js组件中使用文章参考ngx-echarts npmngx-echarts 例子安装依赖库npm install echarts -Snpm install ngx-echarts -S第一种:ngx-echarts 模块创建报

2020-06-17 11:13:37

函数去抖(debounce)和 函数节流(throttle)

抖动函数和节流函数文章目录参考抖动函数和节流函数的区别?debounce去抖throttle节流参考带你一起来理解:函数去抖(debounce)和 函数节流(throttle)的作用和区别抖动函数和节流函数的区别?抖动函数:强制一个函数不被重复调用直到等待指定时间已经过去并且等待期间没有被调用。例如在距离上次调用之后100毫秒后才能调用下一次函数。节流函数:节流会强制规定在单位时间内一个函数调用的最大次数。例如每过100毫秒至少执行一次这个函数。debounce去抖定义:

2020-06-16 13:54:12

rem单位做界面自适应(等比扩大)

文章目录问题描述解决办法如何实现问题描述最近要做一个大屏的功能,设计的时候只考虑到了1920*1024的分辨率考虑到大屏界面除了在大屏显示也有可能在PC电脑中显示,就要做适配解决办法使用 rem 单位来解决(html默认1rem = 16px)开发的时候按照1920宽度的设计来做,然后单位全部使用rem监听窗口的变化,如果宽度超过1920则rem等比例扩大,如果小于1920,则rem按照1920的宽度计算rem 在此就相当于是一个百分比的概念了如何实现设置html的rem值

2020-06-16 11:10:18

angular6 环境搭建

文章目录问题描述安装步骤问题描述昨天重装了电脑,发现突然自己不知道怎么安装angular环境了,虽然很简单,但是还是总结一下,方便以后复习安装步骤安装 nodejs安装 typescript 编译器npm install -g typescript安装 angular cli 脚手架npm install -g @angular/cli创建工程ng new 项目名称启动工程(进入创建的工程中)ng serve...

2020-06-16 11:00:05

查看更多

勋章 我的勋章
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 1024超级勋章
    1024超级勋章
    授予原创文章总数达到1024篇的博主,感谢你对CSDN社区的贡献,CSDN与你一起成长。
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。