ITPub博客

关于【Step-By-Step】不积跬步无以至千里。Step-By-Step是我于2019-05-20开始的一个项目，项目愿景：一步一个脚印，量变引起质变。Step-By-Step仅会在工作日发布面试题，主要考虑到部分小伙伴平时工作较为繁忙，或周末有出游计划。每个周末我会仔细阅读大家的答案，整理最一

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

知其然知其所以然，首先了解三个概念：1.什么是同步？所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。2.什么是异步？"调用"在发出之后，这个调用就

一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如

引子互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上，加载时间每多1秒，你就会流失7%的用户。8秒并不是准确的8秒钟，只是向网站开发者表明了加载时间的重要性。那我们如何优化页面

前言作为一名前端工程师，每天的清晨，你走进公司的大门，回味着前台妹子的笑容，摘下耳机，泡上一杯茶，打开Terminal进入对应的项目目录下，然后npmrunstart/dev或者yarnstart/dev就开始了一天的工作。当你需要进行时间的转换只需要使用dayjs或者momentjs,当你需要封装

webpack核心概念:Entry:入口Module:模块，webpack中一切皆是模块Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割Loader:模块转换器，用于把模块原内容按照需求转换成新内容Plugin:扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在移动端我

本文结合自己前端日常开发中，经常用到的且非常重要的一些知识点，进行了汇总。1.css禁用鼠标事件.disabled{pointer-events:none;cursor:default;opacity:0.6;}复制代码2.get/post的理解和他们之间的区别http超文本传输协议（HTTP）的设

1、这是一个被代码耽误的诗人2、来一份1987年的代码看看3、产品经理要对此负责‍4、不敢看，也不敢问5、老实的程序员6、程序员正确发牢骚的地方7、阅读源码的人，心里一定的崩溃的8、第一天上班看到这段注释就想辞职。9、我能说什么10、这个功能可以收客户多少钱？11、帮同行排雷的程序员12、太神奇了1

前言本文暂未涉及Performance面板的内容。后续会单独出一篇，以下是目录：常用命令和调试黑盒脚本：BlackboxScript控制台内置指令远程调试WebView1.ChromeDevtools的用处前端开发：开发预览、远程调试、性能调优、bug跟踪、断点调试等后端开发：网络抓包、开发调试Re

今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力，做出一些脑洞大开的图形。预备知识伪元素伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪元素主要有：::first-letter第一个字母的样式::first-line首行文字

每次尝试一个新的框架的状态项目急着上线，通宵加班的样子没保存代码就关了编辑器当有人管我问我的应用程序管理员权限的时候试图从项目中删除主要依赖项当实习生向我展示他的代码时忘记再次捕获该空指针听说公司来了一个美女程序员更新CMS代码未按预期进行一次非常成功的现场演示正在调试，突然内存溢出了需求文档又改了

来源:知乎作者:海上漂流喵每个会修电脑的BOY都有故事1.能力越大，责任也就越大作为一个懂电脑的BOY。平常被姑娘问的最多一句话就是：我电脑出问题了，快帮我看一看。而作为标准回答。往往也只有一句：你重启一下试试。后来的事实证明这样做其实不好。因为这句话效率过高。导致姑娘们再没有什么事会联系你。怎么办

作者:祝鑫奔-字节跳动IES前端工程师程序员间无休止的争论我相信，基本所有程序员都遇到过类似的问题：缩进用制表符好还是空格好？如果缩进用空格的话用两个空格好还是四个空格好？语句末尾要不要加分号？数组最后要不要加逗号？以及其他无数个争论不休的问题。这些问题困扰了广大程序员不知道多久，让多少个程序员吵得

1.什么是BFC机制BFC(BlockFormattingContext)，块级格式化上下文，是一个独立的渲染区域，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。触发条件(以下任意一条)float的值不为noneoverflow的值不为visibledisplay的值为t

原文：https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/作者：RylandGoldstein翻译：奶爸码农我是RylandGoldstein，在Binaris进行Reshuffle的产品研发

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。第24篇:JavaScript内存机

原文作者：MagicEyes原文链接：https://juejin.im/post/5b876f86518825431079ddd6#comment前言最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-in

在互联网公司中，因为工作环环相扣，相互影响，最后业绩不达标也并非一方面原因可以解释。在总结大会中，往往是交流了一天的时间，只有刀光剑影，互相甩锅，问题出现在哪里都找不到。谨以此文衷心为每位互联网人送上最美好的祝愿——永不背锅！IT可能是几个最高薪行业之一，但同时也绝对是最辛苦的行业之一！IT业是最需