前端 NPM 前端

前端工程化(5):你所需要的npm知识储备都在这了

在前端开发流程中提供了非常完善的自动化工具链,已成为每个前端开发者必备的工具,但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的知识点,以便开发者们更好的利用来辅助项目开发。 是一个项目开发、上线所依赖的插件包集合。由于里面的内容繁多,很多开发者并不会在意这个目...

阅读 CSS 前端 前端

【译】一行css代码搞定响应式布局

在这篇文章中,我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图,它将根据屏幕的宽度来改变列的数量。最精彩的地方在于:所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起,也不必为每个屏幕创建媒体查...

Node.js 前端

三步教你用Node做一个微信哄女友(基友)神器,小白可上手

不知道大家最近有没有被版的《微信每日说》刷屏呢,他可是霸占了的热门快两周了。我们前端的小伙伴是不是也看着有点眼馋呢,因为毕竟是不那么熟悉的语言,学起来和用起来肯定没有那么舒服。想想要是用我们熟悉的语言做一个属于自己的哄女友神器是不是很开心呢!😆 哄女友我们前端开发人员也是很认真的,自动哄女友神器我...

CSS JavaScript 前端

Web 仿 App 动画竟然引出了“性能杀手”

是不是挺流畅?接下来我会按照当时开发的思路和过程来讲述开发中经历了什么。 在极为用心的设计师交付设计稿后,她还特地使用 flinto ⤵️做了交互原型来辅助我达到策划预期的效果。 见到这份贴心的交互稿后,我首先想到的就是先去参考即刻 App 中的探索页,以及交友软件《探探》的交互形式,他们的交互效...

前端 前端

8年前端开发的知识点沉淀(不知道会多少字,一直写下去吧...)

2011年开始从事前端,从一个切图仔到如今还算合格的前端工程师,一路走来,要学的知识很多,学了很多也丢了很多。这几年,前端领域百花齐放,许多同行都有着学不动了的心态。其实个人认为,这是自我束缚,前端社区出现一门热门知识就要学,那永远被潮流带着走,实为不智。不妨学学中医里的固本培元思想。什么意思呢?...

线下活动 阅读

OpenResty沙龙上海站

React.js 前端

掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)

这是一门免费课程,写文章和录制视频这个我花了1个半月时间,如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识,React版本是16x,也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程,可能大部分都会在React框架上,毕竟它...

Vue.js 前端

富文本原理了解一下?

好了,交代完了背景,让我们先补充一些基础知识吧,不懂的请务必不要跳过🧐! 假如我们给一个标签加上 的属性,就像这样: 那么在这个 中我们就可以对其进行任意编辑了。如果想要插入的子节点不可编辑,我们只需要把子节点的属性设置为 即可,就像这样: 该属性最早是在 IE 上实现的(厉害哦👍),且可以作用于...

Vue.js 前端

观众老爷们,来试试这个用 Vue 撸的数据可视化后台吧

首先放个线上地址大家感受一下(由于后端用的是 leancloud 的免费套餐,因此可能会比较慢): P.S. 建议大家尽量自己注册一个账号(可以随便填一个密码),如果用默认的测试账号,不要乱改东西,否则别人进来就没得看了,因为你做的任何改动都会保存到后端数据库里。 也不知道为什么,公司里对数据分析...

Android Flutter 前端

全网最全 Flutter 与 React Native 深入对比分析

作为 GSY 开源系列的作者,在去年也整理过 《移动端跨平台开发的深度解析》 的对比文章,时隔一年之后,本篇将重新由 环境搭建、实现原理、编程开发、插件开发、编译运行、性能稳定、发展未来 等七个方面,对当前的 REACT NATIVE 和 FLUTTER 进行全面的分析对比,希望能给你更有价值的参...

JavaScript 面试 前端

[译]送你43道JavaScript面试题

这两天的被一个名叫 的项目霸榜了,项目中记录了一些题目。 我大概从头到尾看了一遍,都是一些基础的题目,我大概花了半个小时(有些题很简单,可以一扫而过)把这些题做完了,虽然题目很简单,但是每道题都对应一个知识点,如果这个知识点你没有接触过,那肯定会做错,如果你接触过这些知识点,那么这些题对你来说就很...

JavaScript 前端

一文彻底理解JavaScript的深拷贝与浅拷贝

按值传递的是基本数据类型(Number,String,Boolean,Null,Undefined),一般存放于内存中的栈区,存取速度快,存放量小; 按引用传递的是引用类型(Object,Array,Function,Symbol),一般存放与内存中的堆区,存取速度慢,存放量大,其引用指针存于栈区...

CSS 前端

CSS的一些你可能不知道的强大技巧

现如今,各种前端框架盛行的时代,单纯的完成一些界面上的功能已经越来越方便了。然而,过多的使用了这些框架而不去多研究想想这类框架的具体实现,只是会用是不能迅速提高自己个人能力的,相反,用多了有时候会遮蔽自己的视野,无法完成自己的知识体系升级。今天,我就准备讲讲能够做的一些功能交互,这些功能或许你之前...

程序员 阅读

你为什么有那么多时间写博客?

从2016年开始有规律的写博客以来,陆陆续续收到一些读者类似的问题:比如作为技术负责人,你为什么有那么多时间写博客;博主,你是每天都写博客写到很晚吗;可以聊聊你是如何做时间管理的吗?感觉输出的频率很高呀。 既然大家这么好奇,那今天就聊聊吧。 先说一个事实,写技术文章真的挺耗时的,有时候写一篇技术文...

Git 阅读

小团队适用的git-workflow

git checkout -b feature-20180701-xxx// 建立新分支,进行开发 git rebase develop // 基于最新的develop分支进行代码合并,解决冲突 git checkout -b release-1.0.0 // 建立release分支 git pu...

Redis 后端 架构 数据库 后端

揭秘|每秒千万级的实时数据处理是怎么实现的?

闲鱼目前实际生产部署环境越来越复杂,横向依赖各种服务盘宗错节,纵向依赖的运行环境也越来越复杂。当服务出现问题的时候,能否及时在海量的数据中定位到问题根因,成为考验闲鱼服务能力的一个严峻挑战。 线上出现问题时常常需要十多分钟,甚至更长时间才能找到问题原因,因此一个能够快速进行自动诊断的系统需求就应用...

架构 后端

多账户的统一登录

这里的多账户区别于系统级别的,我们讲的多账户系统是指,在我们互联网应用当中,我们的应用会使用多个第三方账号进行登录,必须现在常用的APP(网易云音乐)登录方式包含:网易、微信、QQ 通过这一篇文章,可以学到:多用户下面的技术方案细节,以及相应的表设计,流程设计。不可以:与其他文章一样,我这里不会有...