Segmentfault 思否热门

Last cache created on 2019/5/23 by Github API v3.

15 CrazyCodes

大家好，我是CrazyCodes ，今天我们不聊工具、规范等等等等的辅助，就聊一下该如何写一段“好”的代码，本文以我的职业生涯碰到的代码为例，如有出入请在评论区提出异议，谢谢。

15 同梦奇缘

我的书签我的书签（谨慎导入，小心覆盖）工具类 nvm: node版本管理 nrm: 快速切换npm源 shell: zsh+on-my-zsh配置教程指南 sourcetree: git可视化工具前端工具集: WEB前端助手(FeHelper) 网络封包截取工具 cha...

3 代码注释，我们不一样

6 WEBING

{代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码.....

4 那些你可能不知道的浏览器奇技淫巧

37 苏生不惑

按 F12 弹出控制台，按 ctrl+shift+p 弹出输入框输入full，选择 capture full size screenshot 然后点击就会对当前网页进图并生成下载一个图片。这个比用 QQ 截图好用的地方就是有滚动条的网页也可以全部截图到，...

5 11 种在大多数教程中找不到的JavaScript技巧

9 前端小智

当我开始学习JavaScript时，我把我在别人的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。

6 30分钟用Node.js构建一个API服务器

15 疯狂的技术宅

本教程是 Node.js，Express 框架和 MongoDB 的快速指南，重点介绍基本的 REST 路由和基本的数据库交互。你将构建一个简单的 API 框架模版，然后可以将其用作任何应用。

7 让前端开发者失业的技术，Flutter Web初体验

58 TNFE

Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发：iOS，Android，Web，桌面；做到了一次编写，多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。

8 用100行代码，完成自己的前端构建工具！

4 刘羽冲

ES2017+，你不再需要纠结于复杂的构建工具技术选型。也不再需要gulp,grunt,yeoman,metalsmith,fis3。以上的这些构建工具，可以脑海中永远划掉。 100行代码，你将透视构建工具的本质。 100行代码，你将拥有一个...

9 浅析JavaScript异步

41 Aaron

一直以来都知道JavaScript是一门单线程语言，在笔试过程中不断的遇到一些输出结果的问题，考量的是对异步编程掌握情况。一般被问到异步的时候脑子里第一反应就是Ajax，setTimseout...这些东西。在平时做项目过程...

10 面向对象基本原则（1）- 单一职责原则与接口隔离原则

4 白菜1031

单一职责原则的英文名称是 Single Responsibility Principle，简称SRP。单一职责原则的原话解释是：

11 Swoole 4.4 协程抢占式调度器详解

52 石光启

Swoole内核团队开设的专栏，会逐渐投入精力写文章介绍Swoole的开发历程，实现原理，应用实践等，大家可以更好的交流，共同学习，建设PHP生态。

12 css绘制各种形状图形（第二版）

42 零度萤火

虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。

13 【整理】18种推荐的CSS命名和书写规范

11 果冻

选择器的命名规范 1.模块化命名例如：与布局相关的样式以“g”为开头。如“g-content”和“g-header”；与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”；与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-...

14 前端工具函数

21 我在长安长安

将一级的数据结构处理成树状数据结构处理成树状结构，一般就是需要节点和父节点标识，或者需要考虑以哪个节点为根节点生成树结构数据 {代码...} {代码...} 数组去重数组去重方法有许多，还分为普通数组和对象数...

15 CSS3 filter（滤镜）属性

11 零度萤火

css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。

16 JavaScript 发布-订阅模式

15 baihu

发布-订阅模式，看似陌生，其实不然。工作中经常会用到，例如 Node.js EventEmitter 中的 on 和 emit 方法；Vue 中的 $on 和 $emit 方法。他们都使用了发布订阅模式，让开发变得更加高效方便。

17 为什么我选择用 Github issues 来写博客

20 jrainlau

对于爱写东西的人来说，挑一个合适的博客平台是非常重要的。而作为一个 Web 开发者，我们肯定都希望能够拥有一个高度定制化的博客平台，用以展示我们独一无二的个性以及记录长久以来的学习工作等。与此同时，我们...

18 每个前端工程师都应该了解的图片知识

93 leexiaoran

随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。

19 对话亲历者|鲁肃：我在支付宝“拧螺丝“的日子

2 阿里云云栖社区

对话亲历者：他是支付宝技术平台的奠基人之一，但是他总说“这还不是我心中最完美的架构”；他行事低调但却有着“此时此地，非我莫属”的豪气；他曾无数次充当救火大队长，但自评只是“没有掉队的那个人”。在2009-2019...

20 前端每日实战 168# 视频演示如何利用 Web Animation API 制作一个切换英语单词的交互动画

3 comehope

效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] ...

21 Nginx http资源请求限制（三种方法）

15 he_xd

前置条件：nginx 需要有 ngx_http_limit_conn_module 和 ngx_http_limit_req_module 模块，可以使用命令 2>&1 nginx -V | tr ' ' '\n'|grep limit 检查有没有相应模块，如果没有请重新编译安装这两个模块。

22 如何在零JS代码情况下实现一个实时聊天功能❓

49 alienzhou

前段时间在 github 上看到了一个很“trick”的项目：用纯 CSS（即不使用 JavaScript）实现一个聊天应用 —— css-only-chat。即下图所示效果。

23 Vue 组件间通信方式

6 xianshannan

Vue 是数据驱动的视图框架，那么组件间的数据通信是必然的事情，那么组件间如何进行数据传递呢？首先组件间通信有父子组件、兄弟组件、堂兄弟组件、叔侄组件等，分类太多可能不好理解，我们暂且分为：父子组件...

24 Cgroups原理及其在CephFS io限流上的应用

2 360技术

奇技指南Cgroups的全称是ControlGroups，它是Linux内核提供的一种能够对cpu，内存等资源实现精细化控制的机制。本文介绍了它的原理以及其在CephFSio限流上的应用。

25 一文读懂Flutter的搭建与运行

5 个推

Flutter是Google推出的跨平台的解决方案，用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。之前我们为大家介绍了《跨平台框架Flutter的优势与结构》，概括了Flutter选择Dart语...

26 关于移动端适配，你必须要知道的

154 ConardLi

导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题： 1px问题 UI图完美适配方案 iPhoneX适配方案横屏适配高清屏图片模糊问题 ... 上面这些问题可能我们在开发中已经知道如何解决，但...

27 一年节省近千万 | 美团研发团队资源成本优化实践

1 壹佰案例

导读：美团到餐研发团队对资源成本进行了一系列优化，目前总体技术资源成本每月下降近32%，一年节省开支几千万，而且获得了多项专利，我们一起来看看，他们是怎么做到的？

28 我要在栈上。不，你应该在堆上

20 煎鱼

我们在写代码的时候，有时候会想这个变量到底分配到哪里了？这时候可能会有人说，在栈上，在堆上。信我准没错...

29 简单梳理Redux的源码与运行机制

13 nero

前几天写了一篇react另一个状态管理工具Unstated的源码解析。开启了我的看源码之路。想一想用了好长时间的redux，但从没有深究过原理，遇到报错更是懵逼，所以就啃了一遍它的源码，写了这篇文章，分享我对于它的...

30 深入理解 Go panic and recover

16 煎鱼

作为一个 gophper，我相信你对于 panic 和 recover 肯定不陌生，但是你有没有想过。当我们执行了这两条语句之后。底层到底发生了什么事呢？前几天和同事刚好聊到相关的话题，发现其实大家对这块理解还是比较模糊...