自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 问答 (1)
  • 收藏
  • 关注

原创 一个简单的国际化Javascript翻译工具

​一个简单的国际化Javascript翻译工具intl-hmessage是为style-i18n-loader所配套的JavaScript框架,提供转换国际化语言的功能

2022-05-06 23:32:45 1688 1

原创 CSS国际化loader - 国际化图片,中东区域适配

i18n-style-loader,有没有遇到多语言图片,在不同语言下分别加载而写冗余代码?有没有遇到中东语言的左右翻转样式而苦恼不已?有没有遇到在不同语言下的样式不同,想到又要写一遍css的选择规则而烦躁?i18n-style-loader支持scss, less, css三种样式后缀,提供@i18n,@rtl, @lang等规则来提升开发效率,省去以上麻烦。

2022-05-06 23:28:35 508

原创 React虚拟滚动介绍与实现

React无限滚动的设计的基本思路和具体实现的详细说明当列表需要展示上千上万级别甚至是趋向于无限的数据时,DOM元素的堆积会导致浏览器渲染的性能降低,导致用户体验降低甚至出现页面假死状态。这个时候使用虚拟滚动的技术,可以让DOM数量维持在固定的数量,从而解决以上问题

2022-02-27 23:26:36 4214

原创 Sass/Scss样式复用

在团队开发中,复用代码能减少冗余,抹平编写风格的差异。或者在编写同主题的组件,统一文字,颜色,间隔等样式,复用样式代码是必不可少的。Sass提供四种样式复用的方法:@import @extend @media @mixin@importSass @import跟原生css的@import类似,都是导入其他文件。如果Sass import的以下类型,Sass编译器就直接转换成原生,而不导入Sass文件。@import "foo.css";@import "foo" screen;

2021-07-08 15:15:40 2217

原创 React经典面试题--React复用组件方法

React复用的四种方法,发展的方向也是从上到下Mixin HOC render props hooksMixin(已经不常用)这是最古老的一种复用方法,类似于一种组合的形式。这种方式要在不使用ES6的情况下,使用createReactClass的方式来定义mixin参数。var SetIntervalMixin = { componentWillMount: function() { this.intervals = []; }, setInterval: f

2021-06-27 20:19:52 232

原创 TCP流量控制和拥塞控制

流量控制在TCP传输中,操作系统会把数据分拆成一个一个TCP包,发送端会将需要发送的TCP包放到发送缓冲区,而接收端则将需要接收的数据放到接收缓冲区。根据当前接收端的处理能力,调整发送端的滑动窗口大小,来控制数据传输的速率。滑动窗口滑动窗口分为发送端和接收端,分别对应发送窗口和接收窗口。发送窗口包含四种状态数据:已发送且确认、已发送未确认、未发送且待发送、未发送且不可发送。上图标识出四种状态数据,发送窗口就是蓝色框中的范围,大小是11,其中数据5是下一个确认的数据,数据10.

2021-03-24 22:59:28 236 1

原创 最详细的TCP协议介绍

基础介绍TCP/UDP是属于TCP/IP五层协议中的传输层协议。TCP和UDP的区别:TCP是点对点,可靠的(丢失重传,按序到达),面向连接的(传输数据需要先建立连接),传输效率较低。UDP是支持一对一,一对多,多对多,不可靠的,无连接的(即发送数据之前不需要建立连接),传输效率较高。TCP的报文结构: (图片来源于网络,侵删)Port:端口号,总共16位...

2021-03-19 23:05:23 341

原创 Service Worker 生命周期

Service Worker是什么在讲service worker之前,首先会提到PWA(Progressive Web App),中文叫作渐进式网页应用。在以往的客户端中,主流的有Native App和Web App,两者都有各自的优点。PWA通过应用一些新的技术,使得Web App具有一些Native APP的优点。例如:添加图标,推送消息,快速启动等,而且同时拥有Web App的无版本特点。那么PWA主要包括三个特点:在所有的网络环境下,都能瞬间加载并展示 像Native App

2020-06-20 23:45:22 689

原创 JavaScript对象操作

上次介绍JavaScript简单的创建对象方式:https://blog.csdn.net/cleanHtroop/article/details/103842461“JavaScript中万物皆为对象”,这是一个错误的说法。事实上,JavaScript中包含有基本类型(string, boolean, number, null, undefined 和 symbol)。所以并不是所...

2020-01-05 20:09:26 150

原创 JavaScript创建简单对象方式

面向对象有一个通用的特征,那就是都有类的概念,但ECMAScript6之前没有类的概念,在ECMAScript6中新增的类的概念,添加语法糖,不需要写prototype链来实现继承。下面介绍ECMAScript中的几种创建对象的方法:Object实例Object实例是最为简单的一种创建对象的方式,也是最为常见的。var person = { name: "Howard",...

2020-01-05 13:55:44 198

原创 php一个简单的数字 字母验证码代码

php简单验证码程序

2016-04-22 21:02:42 579

原创 git 指令

1.pwd 可以看到你当前处于哪个文件夹2.ls 可以看到你当前文件夹有什么其他的文件和文件夹3.cd 进入你输入的文件夹 例如 cd git/ cd ~/git4.git init 在当前文件夹中创建本地仓库5.git status命令可以看到仓库的状态6.git diff 看到仓库修改文件究竟作了哪些修改7.git add + fil...

2016-04-17 11:11:06 407

空空如也

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

TA关注的人

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