前端知识精选- 收藏集 - 掘金

摘要：这美团点评前端无痕埋点实践前端掘金构建一个数据平台，大体上包括数据采集数据上报数据存储数据计算以及数据可视化展示等几个重要的环节。

我认真起来连面试官都怕（块级作用域，事件代理） - 掘金
作者 混元霹雳手-Ziksang 如果你学完这篇文章之后，你回答完面试官之后，拿一张图告诉面试官 在于前端面试，你给面试官讲一些官方名词，我知道react,vue,angular等等，一系列牛B的框架，对于面试来说并没有卵用，听多了！！有些有是报着真诚的找...

用纯客户端 JavaScript 来写一个的爬虫 - 前端 - 掘金
拿JavaScript写爬虫，听起来貌似有些不靠谱？ 爬虫，大多人对于爬虫的理解都停留在使用后端语言如Python写的爬虫。但是实际上，使用客户端JavaScript有诸多后端爬虫所无法拥有的优势： 可以方便的分享给其他人用，只要对...

CSS 常见布局解决方案 - 前端 - 掘金
说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。 水平居中布局 首先我们来看看水平居中 1.margin + 定宽

React全家桶写一个CNode社区，奉上心得与源码 - 掘金
webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦于我就职的公司的技术栈还是ES5+jQ+handelbars， 而我一直对React全家桶非常感兴趣，所以想自己来个强行实战...

Web 推送技术 - 掘金
腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：villainthr 摘自 前端小吉米 伴随着今年 Google I/O 大会的召开，一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端...

通俗大白话来理解 TCP 协议的三次握手和四次分手 - 前端 - 掘金
最近在恶补计算机网络方面的知识，之前对于TCP的三次握手和四次分手也是模模糊糊，对于其中的细节更是浑然不知，最近看了很多这方面的知识，也在系统的学习计算机网络，加深自己的CS功底，就把看过的一些比较好的东西和自己的一些理解二次加工组织一下然后交流分享，一起学习...

你真的会写循环吗--8种遍历方法执行速度深度°对比 - 掘金
关于数组或对象遍历，相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题，读懂后你将成为遍历效率话题的大师。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：详解JS遍历 导读 遍历数组或对象是一名程序员的基本素养之...

16种方法实现水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素,...

一个可拖拽，移动，自由组合子控件的视图控件，让开发更简单 - 掘金
今天给大家推荐一个自由拖拽，自由组合的控件，这个控件是我自定义写的。通过它，我们可以自由拖拽，自由组合实现一个界面，满足一个用户自由组合界面的需求。这里不是通过自由拖拽控件，来快速开发一个界面，而且更人性化的让用户去自由组合一个界面。 前言 最近有一个项目，有...

使用 JScompress Mobile Debug 调试手机端网页 - 前端 - 掘金
使用JScompress Mobile Debug调试手机端网页 移动端H5正在普及、爆发，但受困于尺寸等因素手机浏览器是没有开发者工具的，所以调试手机网页是非常麻烦。使用 JScompress 的手机调试功能可以像调试桌面端那样调试手机页面...

自适应 Tab 宽度可以滑动文字逐渐变色的 TabLayout - Android - 掘金
转载请标明出处： http://www.weyye.me/detail/co...本文出自:【Wey Ye的博客】 前言 Tab...

关于 CSS 的零碎知识点 - 掘金
写在前面： 这篇文章是本人学习过程中遇到css的零碎知识点2（就是以前自己不知道的），我都记下来了，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。本文的受众是前端小白，大手子可以跳过。 1.scss编译css文件使用中文注释出现乱码： 在文...

笨办法学前端 - 掘金
最近在教任务班的学生造轮子。我想干脆把源代码开源出来，让自学的同学也看一看吧。于是就有了《笨办法造轮子》系列教程。 没有 webpack、没有 babel、没有 SCSS、没有 require、没有 npm，而且没有分号！！！ 使用最新 JS 语法编写 所有...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

使用 Vue.js 和 Chart.js 制作绚丽多彩的图表 - 掘金
本文作者：Jakub Juszczak 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文连接：Creating stunning ...

前端面试--四月二十家前端面试题分享 - 掘金
0.前言 免责声明 若文章中内容存在无法加载的情况，请移步作者其他博客。 简书 CSDN 关于本文中出现的面试题，请勿询问具体公司。 之所以分享出来，只是作为热爱前端的小伙伴们分享讨论的一个话题。 请勿将本文用于不正当用途。 请不要吐槽我为什么不给你...

平时写react 小技巧，不错哟~ - 掘金
Github: https://github.com/asd0102433...喜欢文章的朋友star 支持一下，长期更新...绝不偷懒 Stateless function 无状态组件 平时写组件用到比较多的就是无状态组件，不但优雅，也是优化reac...

anime.js 简单入门教程 - 前端 - 掘金
anime.js是一个强大的用来制作动画的javascript库，虽然功能没有GASP（greensock）强大，但胜在它足够轻便，gzip压缩完只有9kb左右，麻雀虽小，却五脏俱全。 下面就来看看如何使用anime.js来编写动画效果。 先在...

浏览器缓存机制剖析 - 掘金
缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单. 导读 我不知道拖延症是有多严重, 反正去年3月开的题, 直到今年4月才...

JavaScript 是如何面向对象的 - 前端 - 掘金
一、引言 在16年的10月份，在校内双选会找前端实习的时候，hr问了一个问题：JavaScript的面向对象理解吗？我张口就说“JavaScript是基于原型的！”。然后就没什么好说的了，...

5 个技巧避免不必要的浏览器兼容性问题 - 掘金
本文作者：John Howard 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文连接：5 Tricks to Avoid Cro...

那些年，那些跨域问题 - 掘金
浏览器在请求不同域的资源时，会因为同源策略的影响请求不成功，这就是通常被提到的“跨域问题”。作为前端开发，解决跨域问题应该是一个被熟练掌握的技能。而随着技术不断的更迭，针对跨域问题的解决也衍生出了多种解决方案。我们通常会根据项目的不同需要，而采取不同的方式。这...

美团点评前端无痕埋点实践 - 前端 - 掘金
构建一个数据平台，大体上包括数据采集、数据上报、数据存储、数据计算以及数据可视化展示等几个重要的环节。其中，数据采集与上报是整个流程中重要的一环，只有确保前端数据生产的全面、准确、及时，最终产生的数据结果才是可靠的、有价值的。 为了解决前端埋点的准确性、及时性...

正则表达式前端使用手册 - 前端 - 掘金
导读 你有没有在搜索文本的时候绞尽脑汁, 试了一个又一个表达式, 还是不行. 你有没有在表单验证的时候, 只是做做样子(只要不为空就好), 然后烧香拜佛, 虔诚祈祷, 千万不要出错. 你有没有在使用sed 和 grep 命令的时候, 感...

前端 PS 切图方法，图文详细 - 掘金
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要...

[【科普文】二维码的[生成]和[扫码] - 掘金](https://juejin.im/post/58eb05...
作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com 最近这段时间，团队在做的业务主要和二维码相关，在做的过程中，发现不管是自己还是团队里其他同学，都对二维码...

前端真机调试的各种姿势 - 前端 - 掘金
做过H5一定都会为兼容各种手机而苦恼过，自己手机上完美复原设计稿，一到别的手机就漏洞百出，各种问题。然后拿到问题手机，定位问题（黑人问号脸），真机怎么定位？下面小结下4种真机调试的方式以及优缺点。 1.chrome + android...