自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Jack汪喆的技术分享栏

博主热衷于前端技术开发,研发并稳定上线过多款移动及Web应用。在微信H5、微信小程序、React、React Native、Vue、Angular、NodeJS方面有大量实战经验,欢迎私信交流与学习。

  • 博客(267)

原创 Spring Cloud 组件 —— 02项目环境搭建

基础环境介绍开发环境:JDK1.8开发工具:IDEA数据库:PostgreSQL接口调试工具:Postman脚手架构建框架选型Springboot 2.3.2SpringCloud HoxtonMybatis-plus(Mybatis的封装)使用IDEA初始化功能创建Springboot2.3.2的Gradle父工程:springcloud-backend添加DependencyDeveloper Tools: SpringBootDevTools/LombokWeb

2020-08-04 23:20:38 51 1

原创 Spring Cloud 组件 —— 01微服务入门

微服务的“自我介绍”微服务主要有两个关键词:微、服务服务:实现某种业务逻辑的模块或应用微:望文生义微服务的优点剖析服务的组件化和去中心化分散治理服务和分散数据管理强调业务单一性(同一个业务使用同一个服务),弱化业务耦合度容错设计(单个服务出现问题,对其他业务没有影响;如果很重要要熔断或其他的容错处理)和资源合理分配微服务的缺点剖析对人员技能素质要求较高过多的约定俗成对团队协调性要求较高微服务拆分粒度决定了扩展难度和维护难度回归冒烟等测试可以用灾难来形容...

2020-08-04 22:49:23 42

原创 Spring Cloud 组件 —— Feign

Feign基本介绍Feign介绍Feign是一个非常好用的HTTP客户端Feign很大程序上简化了HTTP调用方式,可以调用HTTP APIFeign很好的弥补了SpringCloud的HTTP调用缺陷Feign能干什么Feign包含了多种HTTP的调用形式(有封装的注解等等)Feign可以整合Ribbon和HystrixFeign提供了多种HTTP底层支持(比如RestTemplate/WebClient)Feign特性Feign实现了可插拔注解支持,包括Feign和JAX-

2020-08-03 23:11:24 47

原创 JavaScript(ES6-10)语法详解 —— ES6基础知识【Class类】

Class基础语法声明一个类Setter&Getter如何读写属性Static Methods如何操作方法Sub Classes如何继承一个类Default Parameters函数参数的默认值Rest Parameter怎么处理不确定参数Spread Operatorrest参数的逆运算Arrow Functions箭头函数...

2020-08-01 22:19:44 51

原创 JavaScript(ES6-10)语法详解 —— ES6基础知识【数组】

ES5中数组有多少种遍历的方法JS中遍历的方法for - 写法繁琐,但支持break和continueforEach - 写法简洁,但不支持break和continueevery - 向下遍历时需要返回true,若不返回true则相当于break【故可以支持break和continue的概念】for-in - 由于数组也是对象,故若无故给数组了对应的属性值,则也会通过for-in遍历出来。且for-in是可以使用break和continue的,但是for-in的index是string类型实例

2020-07-27 23:06:16 62

原创 数据结构与算法【JavaScript版】— 队列

队列简介什么是队列一个先进先出的数据结构JavaScript中没有队列,但可以用Array实现队列的所有功能// 定义数组模拟队列const queue = [];queue.push(1);queue.push(2);// 使用shift弹出队列的第一个元素并返回const item1 = queue.shift();const item2 = queue.shift();什么场景使用队列队列的应用场景需要先进先出的场景比如:食堂排队打饭、JS异步中的任务队列、计算最

2020-07-27 21:41:31 42

原创 JavaScript(ES6-10)语法详解 —— ES6基础知识【作用域】

基础环境构建初始化项目通过脚手架工具将babel/Webpack等的配置直接生成好npx es10-cli create es2019# 其中es10-cli是提供的脚手架# create表示创建项目的命令# es2019 - projectName是要创建项目的目录名称启动项目:进入es2019项目中,执行npm run start访问http://localhost:8080即可看到效果VSCode应用插件插件作用Beautify代码格式化E

2020-07-26 22:46:38 36

原创 数据结构与算法【JavaScript版】— 栈

栈简介本文源码地址: JS数据结构与算法什么是栈一个后进先出的数据结构JavaScript中没有栈,但可以用Array实现栈的所有功能实例代码 —— 在JS中实现并运用栈实例代码// 初始化一个数组const stack = [];// 入栈stack.push(1);stack.push(2);// 出栈const item1 = stack.pop(); // 移除数组最后一项并返回移除的itemconst item2 = stack.pop();单步调试

2020-07-26 17:36:58 42

原创 数据结构与算法【JavaScript版】— 复杂度计算

时间复杂度计算时间复杂度是什么一个函数,使用大O表示,比如O(1)、O(n)、O(logN) …时间复杂度是用来定性描述算法的运行时间的实例代码O(1)let i = 0;i += 1;O(n)for(let i=0; i<n; i+=1) { console.log(i);}O(1) + O(n) = O(n)let i = 0;i += 1;for (let j = 0; j<n; j+=1) { console.log(j);}O

2020-07-26 14:44:41 464

原创 数据结构与算法【JavaScript版】— Big Picture

JavaScript版数据结构与算法 —— 入门介绍

2020-07-25 23:08:01 44

原创 Angular回顾 - 基础知识概况

一.Angular概况1.什么是AngularAngular是谷歌开源的JavaScript库,采用TypeScript进行开发2.Angular掌握技术TypeScript的基本使用ES6语法二.TypeScript1.什么是TypeScriptTypeScript是JavaScript的超集,JavaScript的内容和ES6都可以在TypeScript中使用TypeS...

2020-04-27 22:49:20 83

原创 Maven相关知识梳理

小编最近工作有点小忙,一直没有更新博客,今天组里的技术大佬让小编share一下关于maven的相关知识,小编着实一慌,毕竟对后台开发不感冒的小编来说 太!难!了!为了明天不丢人,趁着下班,赶紧把明天希望分享的内容梳理一下,也顺便学习一下Gradle的内容一.Dependencies1.repositoriesmavenartifactory2.dependenciesapi...

2020-02-18 17:27:20 115 4

原创 Java函数式编程与Lambda表达式

一.Lambda表达式1.lambda表达式初试lambda表达式是返回了实现指定接口的对象实例样例代码public class Test { public static void main(String [] args) { new Thread(new Runnable() { @Override public...

2020-01-27 15:27:56 309

原创 RxJS技术分享

最近一直忙于工作,也没倒开时间写博客,组里技术leader让小编去做一次RxJS的技术分享,说时迟那时快果断就打开博客准备先写一遍中文版,之后译成英文版发到公司confluence上,话不多少,开始吧~一.基本概念1.简介Rx全名:Reactive Extension源自于微软,火于NetFlix优势:在思考的维度上加入时间考量2.Js Bin运行例子fromEvent案例...

2020-01-12 22:14:29 167

原创 01 Taro入门

一.Taro简介1.Taro基础概念Taro是一套遵循React语法规范的多端开发解决方案使用Taro只书写一套代码(Nerv 类React代码),再通过Taro的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码2. Taro的安装安装Taro开发工具@tarojs/cli使用npm或者yarn全局安装,或者直接使用npxnpm install -...

2019-12-18 22:27:01 342

原创 手把手教学:使用Carrd构建基础Web页面

对于不了解HTML/SCSS/JS技术的小伙伴来说,想编写一个web页面并部署到云上还是有一定难度的。通过小编的简单调研,carrd可以方便地帮助我们建站并指定Customer URL进行发布,今天小编将通过简单的Demo带领大家走进图形化拖拽建站的殿堂~一.开发必备通过云平台备案并购买域名【本文将以腾讯云为例进行讲解】通过Carrd注册用户并购买对应版本通过Carrd构建基本Web...

2019-12-15 23:37:42 452

原创 02 Ansible模块

一.Ansible简介1.什么是AnsibleAnsible是一个开源部署工具开发语言:Python特点:SSH协议通讯,全平台,无需编译,模块化部署管理2.Ansible与Chef,Saltstack的不同Chef:Ruby语言编写,C/S架构,配置需要Git依赖,Recipe脚本编写规范需要编程经验Saltstack:Python语言编写,C/S架构,模块化配置管理,YAM...

2019-10-03 23:00:31 88

原创 01 Gitlab模块

一.GitLab介绍1.什么是GitLabGitLab是一个开源分布式版本控制系统开发语言:Ruby功能:管理项目源代码、版本控制、代码复用与查找2.Gitlab与Github的不同Github分布式在线代码托管仓库,个人版本可直接在线免费试用,企业版本收费且需要服务器安装Gitlab分布式在线代码仓库托管软件,分社区免费版本与企业收费版本,都需要服务器安装3.Gitlab...

2019-10-03 22:59:30 91

原创 05 组件和ES6在小程序中的应用

一.生命周期函数1.小程序Page生命周期函数onLoad - 监听页面加载onReady - 监听页面初次渲染完成onShow - 监听页面显示onHide - 监听页面隐藏onUnload - 监听页面卸载onPullDownRefresh - 监听用户下拉动作onReachBottom - 页面上拉触底事件的处理函数onShareAppMessage - 用户点击右上角...

2019-09-01 22:28:08 65

原创 04 组件数据、事件与属性

一.数据来源的三种途径固定在WXML中固定在JS中,与WXML进行绑定显示有服务器传回,加载到JS中,与WXML进行绑定显示二.数据绑定1.wxml中使用data中的数据在js中的data下定义变量内容,可以在页面使用{{}}进行数据绑定实例代码index.jsComponent({ /** * 组件的属性列表 */ properties: {...

2019-09-01 20:44:53 67

原创 03 小程序基础知识与小程序组件初识

一.定义和使用组件1.定义组件添加components目录用来存放common component右键components添加like目录用来存放”喜欢“组件右键like选择添加Component命名为index即会在like文件夹下创建对应的index开头的js/json/wxml/wxss文件2.引用组件在需要使用上述创建的like组件的其他page组件中的json文件定...

2019-09-01 07:56:36 47

原创 02 Flex布局

本项目为样例DEMO,项目地址:https://github.com/Jack-WangZhe/Young-Blood-Competition-Mini-Program一.block、inline与inline-block1.display属性值view类似于html中的div,是块级元素display: block如果我们添加css属性设置view的样式变成行级元素时即displa...

2019-08-31 21:10:22 53

原创 05 公众号及IDE准备

一.前期准备1.公众号开发准备注册公众号(订阅号、小程序、服务号、测试号)下载开发工具2.公众号注册服务号(企业)订阅号(媒体和个人)小程序3.服务号和订阅号差异服务号侧重于服务,订阅号侧重于咨询订阅号每天可以群发一次,服务号每月可以发表四次服务号主要适用于媒体、企业、政府,订阅号还适用于个人订阅号不支持支付,服务号可以申请支付4.开发者工具开发者文档在...

2019-08-31 14:16:35 189

原创 04 H5响应式方案设计

一.PC响应式1.PC响应式设计应用媒体查询flex、百分比栅格布局2.媒体查询设计@media screen and (max-width:768px) {...}@media screen and (min-width:768px) and (max-width:1280px) {...}@media screen and (min-width:1281px) and (...

2019-08-31 14:15:42 159

原创 03 Vue前端架构设计

一.Vue前端架构设计架构设计目录结构的定义api / assets / components / env / router / util公共函数的编写util -> index.js 导出需要的处理函数开发规范的定义如添加author / description等注释环境设置、统一请求处理、错误机制处理、Loading机制统一处理env ->...

2019-08-31 14:15:09 317

原创 02 初始化Node和Vue项目

项目构建版本:Vue@2.6.6 , Vue-Cli@3.0 , Node@9.10.0 > 8.9即可一.工具安装1.Node安装针对不同平台安装即可,不做详细介绍2.Node升级通过n模块进行node的版本管理使用流程安装n模块: npm install -g n查看n模块的版本: n -V 或 n --version安装稳定版本: n stable安装指...

2019-08-31 14:14:12 145

原创 01 小程序开发工具介绍

本项目为样例DEMO,项目地址:https://github.com/Jack-WangZhe/Young-Blood-Competition-Mini-Program一.小程序开发工具1.微信开发工具介绍快捷键command+p打开快速搜索文件功能快捷键command+e搜索最近打开的文件按F1可以查看对应的快捷键可以通过选项栏中的设置 -> 设置对应快捷键内容二.小...

2019-08-31 14:13:08 127

原创 01 微信分享知识介绍

一.微信分享场景1.场景内容线下推广、线上传播2.分享渠道H5小程序App3.分享方式微信好友朋友圈QQ好友微博QQ空间4.微信分享带来什么收益拉新(老带新活动)留存提升用户粘度品牌传播二.微信分享介绍1.微信分享好处标题直观内容清晰醒目的LOGO统一的分享外观、用户体验好...

2019-08-25 23:02:25 98

原创 06 ElasticSearch基本概念

ElasticSearch基本概念一.文档(Document)1.ElasticSearch是面向文档的,文档是所有可搜索数据的最小单位日志文件中的日志项一本电影的具体信息 、 一张唱片的详细信息MP3播放器里的一首歌 、 一篇PDF文档中的具体内容2.文档会被序列化成JSON格式,保存在ElasticSearch中JSON对象由字段组成每个字段都有对应的字段类型(字符串、数...

2019-08-18 23:00:57 103

原创 05 Logstash安装与导入数据

Logstash安装与导入数据下载最 MovieLens 最小测试数据集:https://grouplens.org/datasets/movielens/Logstash 下载:https://www.elastic.co/cn/downloads/logstashLogstash 参考文档:https://www.elastic.co/guide/en/logstash/current...

2019-08-18 23:00:19 116

原创 04 Kibana的安装与界面浏览

Kibana的安装与界面浏览一.Kibana的安装1.下载Kibana下载地址https://www.elastic.co/downloads/kibanaKibana提供开箱即用的体验,解压缩即可使用如果想定制化Kibana,可以通过修改kibana.yml文件完成2.启动Kibana首先需要启动ES再通过bin/kibana启动Kibana通过访问localhost:5...

2019-08-18 22:59:42 105

原创 03 ElasticSearch安装与简单配置

ElasticSearch安装与配置一.ElasticSearch安装1.安装JavaElasticSearch是基于Java开发的,故需先安装Java环境从7.0开始ES内置了Java环境2.官网安装ES目录配置文件描述bin脚本文件,包括启动ES,安装插件。运行统计数据等configelasticsearch.yml集群配置文件,user,r...

2019-08-18 22:59:13 81

原创 02 ElasticStack家族成员及其应用场景

ElasticStack家族成员及其应用场景一.Elastic Stack生态圈1.Logstash:数据处理管道开源的服务器端数据处理管道,支持从不同来源采集数据,转换数据,并将数据发送到不同的存储库中Logstash诞生于2009年,最初用来做日志的采集与处理Logstash创始人Jordan Sisel2013年被ElasticSearch收购2.Logstash特性...

2019-08-18 22:58:17 90

原创 01ElasticSearch简介及其发展历史

一.Elastic从开源到上市Elastic Inc - 开源软件 / 上市公司当前市值超过50亿美金,开盘当天涨幅高达94%ElasticSearch软件下载量,超过3.5亿次10万+ 的社区成员7200+ 订阅用户,分布在100+ 国家云服务 - Elastic, Amazon, 阿里巴巴, 腾讯二.ElasticSearch简介1.ElasticSearch - 开源分布...

2019-08-17 00:04:39 941

原创 CSS基础—非布局样式

CSS基础—非布局样式一.字体1.字体族衬线字体[字体周围有装饰内容]:serif非衬线字体[起笔落笔都规矩]:sans-serif等宽字体[每一个字母占的空间相等]:monospace手写体:cursive花体[华丽歪歪拐拐的字体]:fantasy2.多字体fallback当一个字体指定之后,但又找不到,即往后找【定义多个字体如:微软雅黑,宋体,楷体,当找不到微软雅黑时即...

2019-08-13 22:59:53 61

原创 CSS选择器

CSS(Cascading Style Sheet)层叠样式表一.基本规则1.CSS基本规则选择器 { 属性: 值; 属性: 值}2.选择器用于匹配HTML元素有不同的匹配规则多个选择器可叠加3.选择器解析方式和性能实例代码<body class="body"> Hello Jack! <div> ...

2019-07-30 23:30:44 62 4

原创 Java并发编程与高并发解决方案(一)

一.并发与高并发基本概念1.并发基本概念并发指同时拥有两个或多个线程,如果程序在单核处理器上运行,多个线程将交替地换入或换出内存,这些线程是同时“存在”的,每个线程都处于执行过程中的某个状态,如果运行在多核处理器上,此时,程序中的每个线程都将分配到一个处理器核上,因此可以同时运行2.高并发基本概念高并发(High Concurrency)是互联网分布式系统架构设计中必须考虑的因素之一...

2019-07-28 22:05:40 93 2

原创 RxJs试炼

可以使用https://stackblitz.com进行在线代码编写1.数组的RxJs使用直接输出数组const array = ['2',3,4,'5','a','aa','c','dd','Jack'];const result = array;console.log(result);// 控制台会直接输出 ["2", 3, 4, "5", "a", "aa", "c", ...

2019-07-27 09:23:07 137 4

原创 Angular响应式表单

Angular响应式表单Angular响应式表单是建立在RxJS基础上,有很多接口是使用RxJs接口实现一.响应式表单基础元件1.项目引入在@angular/forms中引入ReactiveFormsModule响应式表单基础元件: FormControl [来自@angular/forms]2.项目构建创建FormControl对象import { Component...

2019-07-22 22:44:55 173 6

原创 Angular&Http联调

一.Http易忽漏知识点1.multipart/form-data与x-www-form-urlencoded区别multipart/form-data:既可以上传文件等二进制数据,也可以上传表单键值对,只是最后会转化为一条信息;​ x-www-form-urlencoded:只能上传键值对,并且键值对都是间隔分开的。2.Http调试工具Postman...

2019-07-11 22:29:23 93 2

空空如也

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除