自定义博客皮肤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方面有大量实战经验,欢迎私信交流与学习。

  • 博客(276)
  • 收藏
  • 关注

原创 [3天速成Spring Security] - 05 Thymeleaf定制化登录页面

默认Spring Security会提供登录页面,但有时登录页面似乎并不合乎我们满意,本章将介绍如何通过Thymeleaf定制化登录页面引入依赖添加的spring-boot-starter-thymeleaf - 用于引入thymeleaforg.webjars -> bootstrap - CSS框架内容org.webjars -> webjars-locator-core - 帮助定位web资源...

2021-10-10 23:35:38 596 1

原创 [3天速成Spring Security] - 04 Spring Security安全配置简介

我们

2021-10-07 17:18:42 434

原创 [3天速成Spring Security] - 03 HTTP请求与响应

HTTP请求在Spring Security

2021-10-06 22:54:31 380

原创 [3天速成Spring Security] - 02 Spring过滤器Filter及过滤器链Filter Chain

本文主要用于快速介绍Spring Filters及Filter Chain的相关概念,因为Filter是Spring Security用于实现认证和授权的底层实现方式Spring FiltersFilter介绍任何Spring Web应用本质上只是一个servletSecurity Filter在HTTP请求到达你的Controller之前过滤每一个传入的HTTP请求Security Filter实现流程未认证是401未授权是403过滤器示例代码*S...

2021-10-06 10:40:48 443

原创 [3天速成Spring Security] - 01 认证和授权

什么是认证和授权认证(Authentication)解决“我是谁”的问题授权(Authorization)解决“我能做什么”的问题构建Spring Security Sample项目构建项目到spring start io上面创建项目引入spring-boot-starter-web和spring-boot-starter-security依赖 // https://mvnrepository.com/artifact/org.springframework.boot/spr

2021-10-05 00:29:11 146

原创 01 - AWS Organization

今天的内容主要是介绍关于AWS Organization的常用操作内容什么是AWS OrganizationAWS Organization内容介绍添加组织成员AWS提供两种方式添加组织成员创建新账户可以通过选择Create an AWS account的方式创建一个新的账户填写您的账户名称以及对应的邮箱号(请注意,邮箱号需要是唯一的,因为登录控制台console时需要使用邮箱的方式),点击Create AWS accountu...

2021-06-14 20:03:41 479

原创 Debug Angular Application

Prerequisitesnpmangular@cliPrepare ApplicationInit an Angular Application by Angular-CLIAdd configuration to start UI Application npm run startClick the run button to start your UI application then check the log in the console and validate in lo

2021-05-26 23:07:49 229 1

原创 XSS最佳实践

什么是XSS?Cross Site Scripting跨站脚本攻击【跨站不一定表示要引用远程的脚本】XSS攻击介绍XSS攻击样例<!-- 程序 -- ><div> #{content}</div><!-- 数据一 -->content:Hello Jack<!-- 结果一 --><div> Hello Jack</div><!-- 数据二 --><script&g.

2020-12-08 23:00:45 308

原创 Java函数编程概览

什么是函数式编程?函数式编程是一种编程思想,定义允许将函数作为参数进行传递(Java8引入函数式编程风格)Lambda表达式则是函数式编程的优秀产物,可以理解为一种匿名函数的代替,通过行为参数化传递代码Lambda表达式的形式构成(parameters) -> expression(parameters) -> {statement;}特性可选的类型声明可选的参数括号()可选的体对象大括号{}形式形式一: 没有参数 () -> System.out.pr

2020-11-29 15:52:47 165

原创 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 234 1

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

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

2020-08-04 22:49:23 172

原创 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 232

原创 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 348

原创 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 417

原创 数据结构与算法【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 273 1

原创 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 402

原创 数据结构与算法【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 206

原创 数据结构与算法【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 669

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

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

2020-07-25 23:08:01 214

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

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

2020-04-27 22:49:20 233

原创 Maven相关知识梳理

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

2020-02-18 17:27:20 230 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 445

原创 RxJS技术分享

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

2020-01-12 22:14:29 396

原创 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 563

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

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

2019-12-15 23:37:42 4385

原创 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 198

原创 01 Gitlab模块

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

2019-10-03 22:59:30 312

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

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

2019-09-01 22:28:08 134

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

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

2019-09-01 20:44:53 179

原创 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 135

原创 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 130

原创 05 公众号及IDE准备

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

2019-08-31 14:16:35 294

原创 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 357

原创 03 Vue前端架构设计

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

2019-08-31 14:15:09 569

原创 02 初始化Node和Vue项目

项目构建版本:[email protected] , [email protected] , [email protected] > 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 263

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

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

2019-08-31 14:13:08 240

原创 01 微信分享知识介绍

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

2019-08-25 23:02:25 204

原创 06 ElasticSearch基本概念

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

2019-08-18 23:00:57 238

原创 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 265

原创 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 247

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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