Segmentfault 思否热门

• Segmentfault 思否热门 日热门 周热门 月热门
• 1 关于移动端适配，你必须要知道的

  97   ConardLi

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

  3   joking_zhang

  React Hooks 于 2018年10月的React Conf 中引入，作为在 React 函数组件中使用状态和生命周期的一种方法。虽然函数组件之前被称为 无状态组件（FSC） ，但是 React Hooks 的出现，使得这些函数组件可以使用状态。...
• 3 React Fiber 渐进式组件遍历详解

  2   dabai

  之前写的一篇文章，React Fiber 原理介绍，介绍了 React Fiber 的实现原理，其中的关键是使用Fiber链的数据结构，将递归的Stack Reconciler改写为循环的Fiber Reconciler。今天将手写一个 demo，详细讲解遍历Fibe...
• 4 vue组件间通信六种方式（完整版）

  47   浪里行舟

  组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：
• 5 【面试篇】寒冬求职之你必须要懂的Web安全

  148   刘小夕

  随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防...
• 6 VsCode从零开始配置一个属于自己的Vue开发环境

  65   寻梦无痕

  VsCode算是比较热门的一个代码编辑器了，全名Visual Studio Code，微软出品，下载地址：点我去下载插件众多，功能齐全，平常开发过程中都是用的它，整理了下日常使用的插件及配置供大家参考，废话就不多说了，直...
• 7 ES6—面试常见ES6问题集锦（14）

  19   前端大彬哥

  通过对ES6系列文章的学习，相信大家对ES6已结有一定程度的了解。 所以本节的目的在于通过测试，便于让大家了解在学习中的知识掌握情况，查缺补漏，一步一个脚印。 1、选择题 1.1 下面不属于关键字let的特点的是：...
• 8 9102年：手写一个Vue的脚手架 【极致优化版】

  50   Jerry谭金杰

  前言:在看本文前，建议你看下，下面这两篇文章 顺便给个赞和github的赞哦~ 如果你对webpack不是很了解，请你关注我之前的文章，都是百星以上star的高质量文 9102年：手写一个React完美版移动端脚手架 前端性能优...
• 9 Vue+Express全栈购物商城

  27   czero1995

  基于Vue-CLI2.0:点我查看这个分支版本是一两年前的，基于Vue-CLI2.0写的，数据请求是Mock，纯前端的项目。
• 10 实战Go内存泄露

  15   大彬

  最近解决了我们项目中的一个内存泄露问题，事实再次证明pprof是一个好工具，但掌握好工具的正确用法，才能发挥好工具的威力，不然就算你手里有屠龙刀，也成不了天下第一，本文就是带你用pprof定位内存泄露问题。
• 11 SQL 行转列，列转行

  17   李英杰同学

  SQL 行转列，列转行 行列转换在做报表分析时还是经常会遇到的，今天就说一下如何实现行列转换吧。 行列转换就是如下图所示两种展示形式的互相转换 行转列 假如我们有下表： {代码...} 通过上面 SQL 语句即可得到...
• 12 web 前端开发玩转 win10 linux 子系统

  8   胡大大牛

  最新版 win10 已经内置了 linux 子系统 (WSL) 功能。在使用其一周开发后，个人感觉已经完全可以取代 macOS 在web前端开发中的地位了。linux 环境下终端工具易用性、环境稳定性与 win10 的海量的软件生态相结合，...
• 13 CSS实现两个球相交的粘粘效果

  87   果冻

  这是一个纯粹利用CSS所做出来的效果，这个效果说穿了就是一个图像处理的原理，做法跟Photoshop里头的几乎一模一样，只是一个用图层和色版来制作，一个则是用CSS（把div当成图层思考就好了）。
• 14 聊聊安卓折叠屏给交互设计和开发带来的变化

  19   阿里云云栖社区

  很多年前，前端同学都觉得PC端的适配（兼容处理）难，都认为移动端的时代适配会容易得多，也无需考虑那么多的事情。事实并非如此，移动端的时代同样面临着各种适配的处理。特别是刘海机的出现，前端需要考虑刘海...
• 15 前后端分离之更好的mock你的后端api

  15   funkyLover

  在一个web应用的开发周期中, 一般前端与后端都是并行开发的, 各自完成自己的开发工作后进行联调, 联调通过再进行提测/发布.
• 16 10秒钟构建你自己的”造轮子”工厂！ 2019年github/npm工程化协作开发栈最佳实践

  58   刘羽冲

  发起一个github/npm工程协作项目，门槛太高了！！ 最基础的问题，你都要花很久去研究： 如何在项目中全线使用es2017代码？ 答案是babel 如何统一所有协作者的代码风格？ 答案是eslint + prettier 如何测试驱动开...
• 17 13个帮你提高开发效率的现代CSS框架

  58   疯狂的技术宅

  本文将向你介绍一系列顶级CSS框架。有些人可能听说过，也可能对有些人是全新的。但它们都提供了各种有用的先进功能，可以改善你的工作流程。开始吧！
• 18 详解JS错误处理：前端JS/Vue/React/Iframe/跨域/Node

  1   Rainie

  js错误捕获 js错误的实质，也是发出一个事件，处理他 error实例对象 对象属性 message：错误提示信息 name：错误名称（非标准属性）宿主环境赋予 stack：错误的堆栈（非标准属性）宿主环境赋予 对象类型(7种) Syn...
• 19 总结异步编程的六种方式

  49   Aima

  众所周知 JavaScript 是单线程工作，也就是只有一个脚本执行完成后才能执行下一个脚本，两个脚本不能同时执行，如果某个脚本耗时很长，后面的脚本都必须排队等着，会拖延整个程序的执行。那么如何让程序像人类一...
• 20 【修炼内功】[JVM] 浅谈虚拟机内存模型

  1   林舍

  对于C/C++而言，可以轻易地操作任意地址的内存，而对于已申请内存数据的生命周期，又要担负起维护的责任。不知各位在初学C语言时，是否经历过由于内存泄漏导致系统内存不足，又或者因为误操作系统关键内存导致强...
• 21 vue+electron高仿网易云

  17   qianduanzhou

  vue+electron高仿网易云桌面端，根据网上一位大神的api做的，目前已上线阿里云，项目在github上面有，希望大家支持下，觉得有帮助的点个star github地址如下： 高仿网易云 gif动图演示
• 22 利用Jenkins + nginx 实现前端项目自动构建与持续集成

  15   zhou_web

  本地push代码到GitHub，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。
• 23 善用CSS伪类，不用JS也能做出选项卡功能

  12   果冻

  讲到选项卡（Tabs）功能时，大多会想到用JavaScript去做，像知名的前端框架：Bootstrap所提供的Tab元件，就是用jQuery实现的（其实网络上有很多用jQuery开发的Tab）；但其实不用jQuery或JavaScript技术，就能实现...
• 24 vue+高德地图开发采坑持续记录

  10   寻梦无痕

  网上搜索了一些资料，大部门都是index.html直接引入高德地图的js文件，个人感觉没有必要，毕竟地图只是部分页面需要使用，所以这种方法直接不考虑了。然后又找到了一种地图懒加载的方法，需要的时候按需引入地图...
• 25 海量人脸特征检索解决方案演进之路

  3   huashiou

  人脸识别技术在最近几年得到了长足进步，目前在人脸识别领域业界领先的厂家识别准确率均达到了99%以上，因此大量人脸相关的应用场景开始逐步落地，例如人脸支付、人员布控、寻找失踪人口等，此外，结合人脸的追踪...
• 26 Nginx 内容缓存及常见参数配置

  36   he_xd

  使用场景:项目的页面需要加载很多数据，也不是经常变化的，不涉及个性化定制，为每次请求去动态生成数据，性能比不上根据请求路由和参数缓存一下结果，使用 Nginx 缓存将大幅度提升请求速度。
• 27 JavaScript引擎是如何工作的？从调用栈到Promise你需要知道的一切

  17   疯狂的技术宅

  你有没有想过浏览器是如何读取和运行 JavaScript 代码的吗？这看起来很神奇，但你可以学到一些发生在幕后的事情。让我们通过介绍 JavaScript 引擎的精彩世界在这种语言中尽情畅游。
• 28 Rematch: Redux 的重新设计

  14   前端小智

  难道现在状态管理不是一个可以解决的问题吗?直观地说，开发人员似乎知道一个隐藏的事实:状态管理的使用似乎比需要的更困难。在本文中，我们将探讨一些你可能一直在问自己的问题：
• 29 RGB、HSL、Hex网页色彩码，看完这篇全懂了

  17   果冻

  网页使用到的色彩标示方法中，从古早时期大家都在用的16进位码（#000000）、RGB色值标示、HSL色彩标示，其中网页设计师最常使用的16进位色码标示法，而16进位码又是如何计算色彩的呢？有没有办法直接脑袋就把色彩...