背景今天PM过来问我: 蛋总，有些用户反馈他们屏幕太小了，需要滑动， 操作不方便。 我们的系统能不能改成自适应布局啊?我顿时虎躯一震：woc, 要把一个迭代了一年多的固定设计的产品，改成自适应布局? 真让人害怕。然后我就去查了一些自适应布局的资料，尝试找出一种改造成本最小的方案。过程中发现了一个比较好玩的东西...

今天看到一个不错的动画网站：[链接]可以自己编辑生成动画，并且能十分方便的引入到你的项目中。比如上图的猫咪动画： {代码...} 借用这个能力， 我们可以让loading效果更有趣味：网站中还有大量的素材可以免费使用：感兴趣的可以去看一下。

背景这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。正文昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图：起初认为是红框提示位置不对， 就去找代码看： {代码...} 代码上没有什么问题， 不是手动设置的，而且，...

背景本文接上篇， 继续我们的《CSS》 创意构想。因为有一些案例没有代码， 本着学习的态度， 我需要一个个补齐， 也方便大家看。更新的时候可能就按小节， 逐步更新。废话不多少， 开始正文吧。------正文本文的主要内容：混合模式滤镜伪类与伪元素波浪效果滚动指示器滚动视差如何学习CSS1. 混合模式mix-blend-modebackg...

先赞再看， 养成习惯 :P 俗话说得好， "时刻准备着"。 算法和数据结构， 对工程师来说是十分重要的。 而这一部分， 靠短期的冲刺学习是很难掌握的。只有靠刻意的学习和不断练习才能掌握。 今天我们就来复习下队列。 了解队列的使用姿势 队列是非常常见的数据结构， 面试中也经常出现。 今天我们就说一下这种数据结构， ...

背景最近看了 Chrome Dev Summit 2019 大会视频, 了解到了很多之前不知道的 CSS 新特性，挺有意思的。下面我就介绍几个激动人心的特性。正文特性总览：StickyStickey StackSticy SlideSticky DesperadoFocus-withinprefers-reduced-motionScroll SnapScroll Snap HorizontalScroll Snap VerticalScroll Snap MatrixBackd...

背景 React Hooks 已经推出快一年了，改变了我们的开发方式，也收到了越来越多的开发者的喜爱。 我们平时在开发过程中， 肯定也会自己写一些自定义的Hook， 下面我就分享4个比较实用的， 希望对你有所启发。 正文 1. useTimer 一般处理时间懂， 我们都会习惯性的用moment： {代码...} 但是这个库体积还是比较大的： 一般...

本地新建了一些mysql 的数据库， 之前用的是sequel pro, 但是不知道怎么回事突然用不了， 打开就崩溃， 就换了一个新的工具Navicat.

前言Hooks 是 React 中比较火的一个概念， 用过的小伙伴都说好。但是, 在使用 Hooks 的时候，我们可能会有很多疑惑:为什么 useEffect 第二个参数是空数组，就相当于 ComponentDidMount ，只会执行一次？为什么只能在函数的最外层调用 Hook，不能在循环、条件判断或者子函数中调用？自定义的 Hook 是如何影响使用它的函数...

深入了解 ES6 Modules当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操作和最佳实践， 希望对你有所帮助。一些简单的背景随用随取， 是一种我们都希望实现的机制。在 Javascript 中也一样...

今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。

背景 本文是 「2019年，看了这一份， 再也不怕前端面试了」中的一部分： 参考了之前写过的博客和额外的资料， 分享给大家， 希望能给大家带来一些启发和帮助。 如需转载，请联系作者获得许可。 正文 上下文 是Javascript 中的一个比较重要的概念， 可能很多朋友对这个概念并不是很熟悉， 那换成「作用域」 和 「闭包」呢...

背景 之前出去面试的时候， 经常会被问到一些安全方面的问题。 安全涉及的领域很大， 我也仅仅是了解一些皮毛， 每次面试前都要找资料复习， 很麻烦。 所以我就根据之前搜集的一些资料和面试的经验，系统的梳理了一下，希望对大家有所帮助。 正文 首先简单介绍几种常见的攻击方式： SQL注入 XSS CSRF 点击劫持 中间人攻...

背景 ​2018年写过一次前端面试复盘的文章， 反响很不错。 2019年情况又有所不同， 我就结合去年的一些经验和今年观察到的一些情况再总结一篇， 有需要面试的朋友可以参考下。 先说下我去年面试的一些情况吧. 18年七八月份的时候我出来面试，面试了几家，大概有: 腾讯， 阿里， 有赞， 玖富证券，Shopee， 还有两个不记得...

背景 如今的前端，框架横行，不掌握点框架的知识，出去面试都感觉有点虚。 我用React 比较多，以前面试的时候也会被问到相关的问题。 今天我这里就梳理了一篇 React基础原理的内容。 面试基本上也就问这些， 分享给大家， 希望对大家有所帮助。 React是一个专注于构建用户界面的 Javascript Library. React做了什么？ Vi...

背景 马上又到年底了，跳槽的季节。 我又想起来曾经准备面试的情景， 各种搜集资料， 整理， 面试， 再整理， 十分的辛苦。 其实，无论面试哪家公司， 基础都是免不了的. 之前就有整理一下这些资料的想法，不过自己比较懒， 一只没有动手。 最近在做公众号，就想着干脆搞一搞，把这些基础知识整理一下，以后自己也能看。...

上周末在家没啥事， 想写点东西，一时不知道写什么好。 然后就想起来一个去了Airbnb 的同学， 说Airbnb 的面试风格是以实操为主，她面了8轮， 轮轮都是写代码（2018年）， 令人十分害怕。

前言 前段时间， 参加了腾讯的 TLC 大会，见到了很多大牛， 也认识了很多有趣的朋友。 闲聊的时候就聊到了级别的问题， 我也有一些想法， 结合之前看到的一篇文章，在这里总结一下， 顺便分享给大家。 正文 关于级别 我们知道程序员分 初级，中级， 高级， 这个概念， 并不是以工作年限作为分类依据的。 也就是说， 级别...

上午楼主遇到一个需要处理双击事件的需求，在这里介绍下如何在触发doubleCLick时间的时候, 不触发click事件的解决办法， 顺便分享给大家。

前言 {代码...} 楼主是个小财迷, 从大学起就在培养理财方面的意识, 付出了一些实践，也取得了一些收获。 在校期间， 从大二起，做了三份家教，大四实习， 加上拿到的四年各类奖学金，16年毕业的时候，已经存了十万块。 (可惜， 智商不够，当时没买比特币， 三十倍啊啊啊啊啊啊， 错过了一套房.) 毕业之后， 就在厂里搬砖...

首先确定的还是 React 这一套, 即： React，Redux，TypeScript， 样式管理 styled-components， 国际化 react-intl, 组件库 antd, 脚手架，自己配。 本来想图省事用 CRA(create-react-app），后来觉得用rewired 重写不太灵活， 而且有个小伙伴也想自己配，熟悉下 webpack ， 还是决定自己搭， 后面会把配置贴出来。

这两年 Flutter 人气越来越高， 作为一个不断奋进的前端小靓仔， 不与时俱进怎么能行。 怀着这样的目的， 就开始了Flutter的发现之旅。

还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造，今天下午研究了一下，改造了一波， 基本达到了...

也说不上是探索吧，就Google了一波， GitHub 上找了一个比较成熟的库 react-i18next， 写了一些代码，现将过程分享一下， 附带详细代码，手把手教你实现国际化。

 border-radius : 用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭圆，这个(椭)圆与边框的交集形成圆角效果。