Segmentfault 思否热门

• Segmentfault 思否热门 日热门 周热门 月热门
• 1 每个前端工程师都应该了解的图片知识

  29   leexiaoran

  随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。
• 2 9102年：手写一个React脚手架 【优化极致版】

  169   Jerry谭金杰

  webpack马上要出5了，完全手写一个优化后的脚手架是不可或缺的技能。 本文书写时间 2019年5月9日 , webpack版本 4.30.0最新版本 本人所有代码均手写，亲自试验过可以运行达到优化效果。 欢迎关注我的专栏 《前端...
• 3 【面试篇】寒冬求职之你必须要懂的Web安全

  150   刘小夕

  随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防...
• 4 关于移动端适配，你必须要知道的

  119   ConardLi

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

  481   前端小智

  CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成...
• 6 一名【合格】前端工程师的自检清单

  543   ConardLi

  前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。
• 7 vue组件间通信六种方式（完整版）

  60   浪里行舟

  组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：
• 8 VsCode从零开始配置一个属于自己的Vue开发环境

  84   寻梦无痕

  VsCode算是比较热门的一个代码编辑器了，全名Visual Studio Code，微软出品，下载地址：点我去下载插件众多，功能齐全，平常开发过程中都是用的它，整理了下日常使用的插件及配置供大家参考，废话就不多说了，直...
• 9 可能这些是你想要的H5软键盘兼容方案

  268   wuwhs

  最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题：
• 10 用vscode开发vue应用

  204   张京

  现在用VSCode开发Vue.js应用几乎已经是前端的标配了，但很多时候我们看到的代码混乱不堪，作为一个前端工程师，单引号双引号乱用，一段有分号一段没有分号，有的地方有逗号有的地方没有逗号，空格回车都对不齐，...
• 11 Vue.js应用性能优化：第三部分-延迟加载Vuex模块

  23   戎马

  在前一部分，我们学习了足够强大的模式，可以显着提高应用程序的性能 - 按每个路由分割代码。虽然按路由分割代码非常有用，但是在用户访问我们的站点后，仍然有很多代码是不需要的。在本系列的这一部分中，我们将...
• 12 9102年：手写一个Vue的脚手架 【极致优化版】

  66   Jerry谭金杰

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

  44   czero1995

  基于Vue-CLI2.0:点我查看这个分支版本是一两年前的，基于Vue-CLI2.0写的，数据请求是Mock，纯前端的项目。
• 14 用 JavaScript 实现链表

  13   前端小智

  单链表是表示一系列节点的数据结构，其中每个节点指向链表中的下一个节点。 相反，双向链表具有指向其前后元素的节点。
• 15 ES6—面试常见ES6问题集锦（14）

  38   前端大彬哥

  通过对ES6系列文章的学习，相信大家对ES6已结有一定程度的了解。 所以本节的目的在于通过测试，便于让大家了解在学习中的知识掌握情况，查缺补漏，一步一个脚印。 1、选择题 1.1 下面不属于关键字let的特点的是：...
• 16 怎样阅读 ECMAScript 规范？

  2   Pines_Cheng

  Ecmascript 语言规范 The ECMAScript Language specification（又名：Javascript 规范 the JavaScript specification 或 ECMA-262）是学习 JavaScript 底层工作原理的非常好的资源。 然而，这是一个庞大的专业文...
• 17 CSS实现两个球相交的粘粘效果

  89   果冻

  这是一个纯粹利用CSS所做出来的效果，这个效果说穿了就是一个图像处理的原理，做法跟Photoshop里头的几乎一模一样，只是一个用图层和色版来制作，一个则是用CSS（把div当成图层思考就好了）。
• 18 小程序如何生成海报分享朋友圈

  138   小白

  项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。
• 19 手摸手，带你用vue撸后台 系列五(v4.0新版本)

  113   花裤衩

  vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要...
• 20 旗帜鲜明地抵制 CSDN 下载（盗版）站！

  118   高阳Sunny

  SegmentFault 上线付费课程以来，对于内容质量一直严格把关，讲师认真备课，课后为学员答疑，广受好评。然而近期有多位 SegmentFault 讲师反馈在 CSDN 下载频道出现了大量他的盗版课程。
• 21 精读《为什么专家不再关心技术细节》

  11   黄子毅

  初期技术热情极大 -> 大量标志性技术项目 -> 转向综合性思考 -> 带团队/关注方法论
• 22 浅谈小程序运行机制

  88   小白

  接触小程序有一段时间了，总得来说小程序开发门槛比较低，但其中基本的运行机制和原理还是要懂的。“比如我在面试的时候问到一个关于小程序的问题，问小程序有window对象吗？他说有吧”，但其实是没有的。感觉他并...
• 23 10秒钟构建你自己的”造轮子”工厂！ 2019年github/npm工程化协作开发栈最佳实践

  60   刘羽冲

  发起一个github/npm工程协作项目，门槛太高了！！ 最基础的问题，你都要花很久去研究： 如何在项目中全线使用es2017代码？ 答案是babel 如何统一所有协作者的代码风格？ 答案是eslint + prettier 如何测试驱动开...
• 24 前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心，祝大家 520 节日快乐！

  7   comehope

  效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
• 25 CSS3 中关于 *-of-type 和 *-child的差异性及适用场景

  7   XboxYan

  原文地址，排版更好 [链接] [链接] CSS3 中有很多表示元素序号的选择器，有以下几种 :first-child、:first-of-type、:last-of-type、:only-of-type、:only-child、:nth-child(n)、:nth-last-child(n)、:nth-of-ty...
• 26 PHP超低内存遍历目录文件和读取超大文件

  138   小明

  我写这篇笔记的原因是现在网络上关于 PHP 遍历目录文件和 PHP 读取文本文件的教程和示例代码都是极其低效的，低效就算了，有的甚至好意思说是高效，实在辣眼睛。
• 27 13个帮你提高开发效率的现代CSS框架

  59   疯狂的技术宅

  本文将向你介绍一系列顶级CSS框架。有些人可能听说过，也可能对有些人是全新的。但它们都提供了各种有用的先进功能，可以改善你的工作流程。开始吧！
• 28 12个提高 JavaScript 技能的概念！

  69   前端小智

  JavaScript 是一种复杂的语言。如果是你是高级或者初级 JavaScript 开发人员，了解它的基本概念非常重要。本文介绍 JavaScript 至关重要的12个概念，但绝对不是说 JavaScript 开发人员只需要知道这些就可以了。
• 29 从 React Native 到 Flutter，移动跨平台方案的真相

  33   LeanCloud

  2018 年 12 月，Google 发布了 Flutter 1.0 正式版，似乎再次点燃了人们对移动跨平台开发的热情。上一次出现类似的情况，是在 15 年年初，Facebook 发布 React Native 的时候。四年不到的时间里，有两家大公司相...
• 30 web 前端开发玩转 win10 linux 子系统

  12   胡大大牛

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