2020-02-24 标签:angular,封装,表单,控件,思想,总结,前言,前端,框架,强大,无疑,开发者,省去,不少,烦恼,比较完善,ui

前言前端框架的强大无疑给开发者省去了不少烦恼，又因比较完善的UI库支撑，让部分后端开发者能够省去大量样式设计的时间成本，纵然如此，业务的多变性是框架本身无法预料的，很多的控件功能在实际开发中总是不够完善和灵活，所以需要开发者结合业务需求进行再次封装这些UI控件/组件。表单控件常规组件只需要根据官方指

2020-02-16 标签:springboot,vue,redis,实现,单点,登录,一处,另一,退出,需求,用户,浏览器,跳转,其他,页面,当用,在其,前面

一、需求实现用户在浏览器登录后，跳转到其他页面，当用户在其它地方又登录时，前面用户登录的页面退出登录(列如qq挤号那种方式)二、实现思路用户在前端填写用户信息登录后，后台接收数据先去数据库进行判断，如果登录成功，创建map集合，以用户id为键，token为值，先通过当前登录用户的id去获取token

2020-02-16 标签:springboot,实现,mongodb,管理工具,使用,解析,项目,介绍,网页,基于,spring,boot,前端,采用,layerui,源于,线上,环境

项目介绍Mongodb网页管理工具,基于Spring Boot2.0，前端采用layerUI实现。源于线上环境部署mongodb时屏蔽了外网访问mongodb,所以使用不了mongochef这样方便的远程连接工具，便Mongodb提供的java api实现的的网页版管理未设置登录权限相关模块，低耦合

2020-02-16 标签:使用,vscode,插件,debugger,chrome,调试,react,源码,方法,代码,是我,前端,日常工作,不可或缺,能力,了吧,面向,dom,开发,时代

代码调试，是我们前端日常工作中不可或缺的能力了吧！在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。但是，当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码，还想在浏览器里打断点几乎是不可能的了。场景那怎么办，方法总是比困难多！愚蠢的我想到了console/d

2020-02-16 标签:深入,了解,响应,react,native,echarts,组件,前言,中封,装的,使用,示例,参见,n,ative,demo,近年来,随着

前言一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发

2020-02-16 标签:详解,react,项目,如何,修改,打包,地址,编译,输出,文件,好吧,笔者,后端,开发,以前,c,s,出身,毫无,web

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。最近在把自己做的这个内部系统迁移到公司的统一平台

2020-02-16 标签:详解,基于,react,js,node,ssr,实现,方案,基础,概念,服务端,渲染,server,side,render,传统,使用,java,php

基础概念SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。过程：浏览器发送请求 -> 服务器运行 react代码生成页面 -&g

2020-02-16 标签:记录,完整,react,hooks,实践,写在,前面,16,版本,正式,发布,关注,很久,最近,正好有,需求,赶紧,来试,描述

写在前面React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样：用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。需求实现使用React Class Comp

2020-02-16 标签:使用,jenkins,部署,react,项目,方法,步骤,背景,公司,前端,方式,比较简单,整个,过程,基本上,手动,目标,通过,工具,实现

背景公司的前端项目部署方式比较简单，整个过程基本上是手动的；目标通过工具实现以下几个任务：编译、部署自动化；选择指定版本进行回滚；区分不同的分支（环境）；技术方案选用 jenkins 作为部署工具；也便于后续 CI 的接入；使用 docker 进行编译，确保每次编译的环境的稳定；步骤步骤一：搭建 J

2020-02-16 标签:详解,处理,vue,页面,应用,seo,另一种,思路,meta,info,官方,地址,monkeywangs,设置,信息,需要,prerender,spa,plugin

vue-meta-info 官方地址： monkeyWangs/vue-meta-info（设置vue 单页面meta info信息，如果需要单页面SEO，可以和 prerender-spa-plugin形成更优的配合）单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇