Java 后端

分布式消息队列 RocketMQ 源码分析 —— Message 存储

本文主要基于 ROCKETMQ 4.0.X 正式版 本文接《RocketMQ 源码分析 —— Message 发送与接收》。主要解析 存储消息部分。 考虑到写入性能,满足 才进行 。 考虑到写入性能,满足 才进行 。 消息插入成功时,异步刷盘时使用。 消息插入成功时,异步刷盘时使用。和 类似,性能...

GitHub JavaScript 开源 HTTPS 前端

2018年最值得关注学习的25个JavaScript开源项目

为大家推荐GitHub上25个今年最值得关注学习的JavaScript开源项目,这些项目的平均STAR数达到5000个。 NO.1 PRETTIER:一款帮你解决代码风格问题的代码格式化工具,功能强大,简单易用,支持多语言,减少配置项。 项目地址:https://github.com/pretti...

React.js CSS 前端 腾讯 Omi 前端

腾讯发布前端组件框架 Omi,全面拥抱 Web Components

→ https://github.com/Tencent/omi 对比同样开发 TodoApp, Omi 和 React 渲染完的 DOM 结构: 左(上)边是Omi,右(下)边是 React,Omi 使用 Shadow DOM 隔离样式和语义化结构。 Cli 自动创建的项目脚手架是基于单页的 c...

CSS 前端 SVG 设计师 前端

幻术,一行代码实现镂空效果

从最近在做的需求说起,一个优惠券样式,过设计稿的时候认为没什么大不了的,满口答应了。真正开始开发的时候遇到问题,主要是镂空效果实现方式上比较费劲。要求是背景可配,并且票身可以配背景图,然后镂空是真镂空。 设想并尝试了很多种方案,伪类模拟,背景贴图,Canvas 绘制,没有一个能让我满意。前端就是这...

HTML JavaScript 前端 浏览器 前端

深度介绍:💾 你听说过原生 HTML 组件吗?

在说原生 HTML 组件之前,要先简单介绍一下四大 Web 组件标准,四大 Web 组件标准分别为:HTML Template、Shadow DOM、Custom Elements 和 HTML Imports。实际上其中一个已经被废弃了,所以变成“三大”了。 HTML Template 相信很多...

React.js Twitter 前端 后端 前端

个人博客2.0 FE

这是我写的第二个博客网站。第一个是在今年(2018年)3月份完成的,用的Bootstrap + Django. 至于为什么写第二版,无非是看到别人的博客太好看了😂。 2.0的数据还在迁移中...因此下面的图各种demo1 demo2... 2.0版本是一个前后端分离的项目,这次除了前端和后端,还专...

Linux Ubuntu 后端 爬虫 后端

一言不合就改成 777 权限?会出人命的!

最近和几个朋友开发项目,期间使用了一台服务器跑模型,这台服务器是多人公用的,很多人都在上面有自己的账号,互不干涉内政,一切看起来十分井然有序。 近期,这个服务器上刚挂载了一块新硬盘,是一位朋友使用 root 账号挂载的,然后将磁盘映射到某个文件夹下。然而挂载好了之后发现使用普通账号没有权限在文件夹...

前端 Visual Studio Code 前端

VS Code:让你工作效率翻倍的23个插件和23个编辑技巧

总结了一些平时常用且好用的 VS CODE 的插件和编辑技巧分享出来。 文章详情可查阅我的博客:https://lishaoy.net ,欢迎大家访问。 : 设置代码的行间距,这里比默认的稍大些,就这一点小小的改变,让代码看起来清爽整洁。 : 设置字体,这种字体会让代码看起来更形象生动,如下 红色...

Netty 源码 服务器 Java 后端

netty源码分析之服务端启动全解析

netty 是一个异步事件驱动的网络通信层框架,其官方文档的解释为 我们在新美大消息推送系统sailfish(日均推送消息量50亿),新美大移动端代理优化系统shark(日均吞吐量30亿)中,均选择了netty作为底层网络通信框架。 既然两大如此重要的系统底层都使用到了netty,所以必然要对ne...

JavaScript 前端 CSS HTML ECMAScript 6 前端

如何优雅地改善程序中for循环

众所周知,在我们的日常编码里,对于一些数据的迭代以及遍历,首先想到的是 这没毛病,编写语法很简单,只需要知道数据列表的长度即可进行遍历取值,举个例子: 有点编程基础的童鞋,都可以很快想到上面的编写方法。那不知道大家是否会跟我一样对于写for循环时,功能是没毛病,但编写起来总会觉得很不优雅,例如还要...

CSS 前端 GitHub 容器 前端

移动端适配方案-让分辨率来的更猛烈些吧!

公司许多的业务都还停留在使用和弹性布局来进行样式处理的阶段,有些时候是因为视觉要求,有些时候是害怕线上问题,所谓破而后立。 移动端适配方案是一个老生常谈的话题,但是对于不同的项目、不同的业务场景可能会需要不同的适配方案来进行移动端适配,向下兼容的baseline也需要提前订好。 其实移动端适配就和...

Kotlin IntelliJ IDEA JetBrains 工具资源

JetBrains 中国巡演, Kotlin 开发专场

敬邀您参加在2018年11月12日~17日的“JetBrains开发者日-2018中国巡演”活动,我们将为广大开发者带来实用的技术干货,涵盖开发者所关心的话题并且与开发者面对面分享交流。活动期间,不仅我们的专家将会分享未来的计划、JetBrains 开发工具的实用案例和技巧,还有众多海内外专家为您...

前端 程序员 JavaScript Android 阅读

大前端时代,我为什么支持前端程序员学习原生技术?

在上一篇文章中,我分析了大前端的趋势,我建议原生程序员拿出3分精力来学习大前端技术。本文将进一步分析这一趋势,并针对前端程序员(FE)给出一些建议。在此之前,先给大家介绍下大前端。 大前端技术的发展已经有一段历史了,但是这个概念正式映入大家的眼帘是在2017年,当时以饿了么为代表的一些企业开始提出...

动效 JavaScript SVG 前端 前端

Web 动效四大才子简述

在 CSS 中指定关键帧实现动画效果,例如一个常用的淡出效果: 基本用法想必大家见得多用得也多,不展开,不过可以提一提一些不常用的点: 指 Web animation API,简言之就是把 CSS3 实现的 animation 动画变成由 JS 代码实现。语法如下: 其中 对应 CSS3 中 中的...

Promise 前端 GitHub 前端

ES6 系列之 Generator 的自动执行

为了获得最终的执行结果,你需要这样做: 首先执行 Generator 函数,获取遍历器对象。 然后使用 next 方法,执行异步任务的第一阶段,即 fetch(url)。 注意,由于 fetch(url) 会返回一个 Promise 对象,所以 result 的值为: 最后我们为这个 Promis...

JavaScript 前端 前端

从一道面试题说起—js隐式转换踩坑合集

提到js的隐式转换,很多人第一反应都是:坑。 的确,对于不熟悉的人来说,存在着很多的让人无法预测的地方,相信很多人都深受其害,所以,大家在开发过程中,可能会使用来尽量避免隐式转换。但是,为了更加深入的理解,本着对知识渴望的精神,我们来通过大量的例子分析分析,熟悉的规则,让其在你的眼里变成“显式”...

Android Android

知乎 Android 客户端启动优化 - Retrofit 代理

知乎 Android 客户端作为一个比较大型的应用,由于功能不断地迭(zeng)代(jia),启动速度也会受到影响,为了提升用户体验,知乎移动平台团队把提高 App 启动速度定为了的一个长期而且重要的 OKR,于是我们在今年的第二季度,重点对客户端的启动做了一系列的优化。虽然在性能优化相关领域我们...

Promise Bluebird.js 前端 Node.js 前端

异步编程解决方案全集—promise、generator+co、async+await

传统的解决代码单线程执行的方案是。这是个解决问题的方案,但是会造成回调地狱。 异步编程是优化代码逻辑提高代码易读性的关键。 这三种方法我都经常在用,但是对它们的原理却一知半解。于是想炒个冷饭从头到尾理一遍,梳理一下它们之间的关系。 Promise对象是一个构造函数,用来生成Promise实例。 P...

Java 后端

分布式消息队列 RocketMQ 源码分析 —— Message 发送与接收

本文主要基于 ROCKETMQ 4.0.X 正式版 感谢阅读、收藏、点赞本文的工程师同学。 阅读源码是件令自己很愉悦的事情,编写源码解析是让自己脑细胞死伤无数的过程,痛并快乐着。 如果有内容写的存在错误,或是不清晰的地方,见笑了,🙂。欢迎加 QQ:7685413 我们一起探讨,共进步。 再次感谢阅...