- 博客(15)
- 收藏
- 关注
RSS订阅原创 微前端的简介
微前端是什么为了解决庞大的一整块后端服务带来的变更与扩展方面带来的限制。微前端是一种类似于微服务的架构，将微服务的理念应用于浏览器端。将 web 应用有单一的应用转变为多个小型前端应用聚合的一种应用。这些单独的应用可以独立运行，独立开发，独立部署以及可以在共享组件的同时进行并行开发。它的特点在于：单应用的代码库更小、内聚、可维护性更高。松耦合、自制的团队可扩展性更好。渐进地升级，更新甚至是重现部分前端功能成为可能。为什么需要微前端微前端主要是实现了解耦，在应用达到一定规模够,就可以
2021-06-08 10:19:09
353
原创 跨站请求伪造 CSRF
跨站请求伪造 CSRF（Cross-site request forgery）挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本（XSS）相比，XSS 利用的是用户对指定网站的信任，CSRF 利用的是网站对用户网页浏览器的信任。跨站请求攻击，简单地说，是攻击者通过一些技术手段欺骗用户的浏览器去访问一个自己曾经认证过的网站并运行一些操作（如发邮件，发消息，甚至财产操作如转账和购买商品）。由于浏览器曾经认证过，所以被访问的网站会认为是真正的用户操作而去运行。这利用了web中用
2021-06-08 10:17:45
105
原创 HTTP劫持
什么是HTTP劫持HTTP劫持大多情况下是运营商HTTP劫持，当使用HTTP请求网页时，网络运营商会在正常的数据留在插入设计的网络数据报文，让浏览器展示插入的恶意数据的内容。通常是一些弹窗、宣传性广告或者直接展示某些网站的内容。常见的现象是用手机访问HTTP网站，网站会弹出一些广告。HTTP网络劫持的原理用户在浏览器连上被访问的网站服务器，发送了HTTP请求后，运营商的路由器会首先受到此次HTTP请求，之后运营商路由器的旁路设备标记此TCP连接为HTTP协议，之后可以抢在网站服务器返回数据之前发送HT
2021-06-08 10:16:59
321
原创 设计模式-设计原则
设计就是按照哪一种思路或者标准来实现功能，功能相同，可以有不同的设计方式。需求如果不断变化，设计的作用才会提现出来。设计原则放开封闭原则(Open-Closed Principle)软件实体(类、模块、函数)应该是被扩展，但是不可以被修改。特点：对扩展开发的，对修改关闭。增加需求时，扩展新代码，而非需改已有代码开放封闭原则是设计模式化中的总原则对近期可能会变化，并且如果变化改动量很大的地方要增加扩展点，扩展点过多会降低代码的可读性class Customer { public
2021-06-08 10:16:09
100
原创 nextjs搭建博客记录
前言： 说明搭建环境Next.js 是一个轻量级的React服务端渲染框架。前端渲染方式可分为三种渲染方式，服务端渲染，客户端渲染，同构渲染。这三种渲染方式有各自的优缺点。服务的渲染服务端渲染可以理解成将组件或者页面经过服务器生成html字符串，发送给客户端，这种方式叫做服务端渲染。服务端渲染生成的页面包含了请求页面的数据和html内容，浏览器只需要接收到完整的html内容，这样就可以让用户更快的看到页面的内容。在服务端完成的数据请求比在浏览器中请求数据效率高很多。服务端渲染的优点：减少了渲
2021-06-08 10:15:34
351
原创 Vue笔记(一)
对MVVM的理解MVVM是Model-View-ViewModel的简写。本质上是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，将试图UI和业务逻辑分开。这些事情ViewModel已经帮我们做到了，可以quchuModel的数据的同时帮忙处理View中由于需要展示内容而设计的业务逻辑。MVVM优点低耦合 视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可
2021-06-08 10:15:03
119
原创 前端设计模式-策略模式
前言策略模式是定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。将不变的部分和变化的部分隔开是每个设计模式的主题。策略模式的目的就是使算法的使用与算法分离开来。封装的算法具有一定的独立性，不会随客户端的变化而变化。一个策略模式的程序至少有两部分组成。第一部分是策略类，策略类封装了具体的算法，负责具体的计算过程。 第二部分是环境类Context，它接受了客户的要求，随后吧请求委托给某一具体的策略类。要做到这点,Context中要维持对摸个策略对象的引用。例子这个 demo 是一个计算的代
2020-12-17 10:40:28
282
原创 设计模式-发布订阅
前言发布订阅又叫观察者模式，它记录的是一种一对多的依赖关系，当订阅的数据状态发生改变时，所对应的依赖的对象会得到消息(通知)。优点发布订阅在异步编程中，可以替代回调，从而无需关注对象在异步运行中的内部状态，只需要关注有用的事件发生点。对象之间的解耦。发布-订阅的组成要素一个发布订阅包包含了三要素，发布者(Publisher)，订阅者(Subscriber)，调度处理中心(Event channel)。当Publisher发布一个事件到Event channel，Subscriber就会收到由Ev
2020-12-11 22:43:17
112
原创 网页性能优化:延迟加载资源
延迟加载延迟加载是一种在加载页面时，延迟加载非关键资源的一种方法，而这些非关键资源则在需要时才进行加载，就图像而言，‘非关键’通常指的是‘屏幕外’。延迟加载图像和视频时，可以减少初始页面加载时间、初始页面负载以及系统资源使用量，所有这一切都会对性能产生积极影响。通常来说加载网页时，浏览器会请求所有的图像，而不管它们实在视窗还是在页面的更深处并且不可见。延迟加载允许我们加载可见的图像，并且在用户滚动时按需异步加载其他的图片。这减少了负载请求的数据，并可以大大加快该过程。延迟加载图像HTML中的延
2020-08-12 10:26:35
894
原创 深入学习 React Hooks
React HooksHook 是 16.8新增特性。hooks 优势能优化类组件的三大问题能在无需修改组件结构的情况下复用状态(自定义Hooks)能将组件中想关联的部分成更小的函数，(订阅数据或请求数据)副作用的关注分离： 副作用致那些没有发生在数据向视图转换过程中的逻辑，如ajax请求、访问原生dom元素、本地数据持久化缓存、绑定、解绑时间、添加订阅、设置定时器、记录日志等。以往这些副作用在类组件声明周期函数值。useEffect在全部渲染完成之后才会执行。useLayoutEffect会
2020-08-12 10:25:44
186
原创 ReactNative打包发布流程、自动化上传第三方测试平台
AndroidAndroid要求所有应用都必须先使用证书进行数字签名，然后才能安装。为了通过Google Play商店分发您的Android应用，需要使用发布密钥对其进行签名，然后再将其用于以后的所有更新。生成证书在android/app下执行keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000在生成过程中需要填写一些信
2020-08-05 17:09:20
733
原创 React中函数式组件进行优化
转载请注明原出处 原文博客地址： Vincent’Blog React中函数式组件进行优化React 性能优化的思路React 性能优化的方向可以分为以下两方面减少render的次数，在react最花时间的一块reconction阶段(diff)，如果不render，就不会reconction。减少计算，主要是减少重复计算，对于函数组件而言，每次的render都会重新执行这个函数。Class Component组件优化的API主要是shouldComponentUpdate和PureCompo
2020-08-05 17:07:49
623
原创 我在工作中常用到的 Git命令
git分布式的版本管理系统，下面是我整理的常用的git命令。常用的git命令分支管理在协作开发中，不同的人开发不同的功能一般都会创建相应的功能分支，功能完成之后的分支删除，查看远程、本地所有的分支等。git branch 查看本地分支git branch -a 查看所有的分支git branch -r 查看远程所有的分支git branch <branch> 新建本地新分支当需要删除本地分支:git branch -d <branch> 删除本地分支删除远程分支:
2020-08-05 09:08:07
118
原创 Refs的使用场景
什么是RefsRefs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。Ref转发是一项将ref自动通过组件传递到子组件的技巧。 通常用来获取DOM节点或者React元素实例的工具。在React中Refs提供了一种方式，允许用户访问dom节点或者在render方法中创建的React元素。Refs转发Ref 转发是一个可选特性，其允许某些组件接收 ref，并将其向下传递（换句话说，“转发”它）给子组件。背景在React单向数据流中，props是
2020-08-04 17:22:18
692
原创 移动应用消息推送及推送原理
消息推送消息通知分本地通知和远程推送通知。本文是记录React Native使用aws push notifications推送及相关配置及遇到的相关问题。在twilio和aws中选择使用aws的Pinpoint服务。Pinpoint服务前一百万条通知免费，之后每一百万条通知收取 1.00 USD。SMS发送的每条消息都需要付费。每条消息支付的价格取决于接收人所在国家/地区。APNs使用keys来配置推送。iOS推送原理苹果的推送服务通知由苹果的推送服务器APNs(Apple Push Noti
2020-08-04 17:16:42
1548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人