前端之不可描述 - 收藏集 - 掘金

一劳永逸的搞定 flex 布局 - 掘金
寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现...

一道滴滴的负载均衡前端面试题 - 前端 - 掘金
这是之前我去面试滴滴时的一道面试题，它看起来可能不那么的偏前端，但我仍然觉得很有意思，我省略安全校验、意外错误处理等细节性的问题，单单来聊聊负载均衡相关的方面。当然了，我本身不是后端，这方面经验肯定不是十分足，欢迎各位赐教。问题是这样的：我们要实现一个利用 W...

掘金阴明：后端渲染实践 - 前端 - 掘金
Vue.js、React.js 及 Angular.js 等等前端开发框架引入了 UI = framework(State) 的前端编程逻辑，大范围降低了前端业务开发的难度，尤其是面向复杂前端应用。而这些优质开源框架的普及、多端业务统一、前后端分离的需求让越来...

当你在浏览器中输入 google.com 并按下回车之后发生了什么? - 阅读 - 掘金
当···时发生了什么？ 这个仓库试图回答一个古老的面试问题：当你在浏览器中输入 google.com 并且按下回车之后发生了什么？ 不过我们不再局限...

一个前后端分离的简单案例 - 前端 - 掘金
前言 在学习前端开发的过程中知了前后端分离这个概念 前后分离架构的探索之路 我们为什么要尝试前后端分离 因此决定小试身手,项目中主要使用到的框架和库. vuejs vue-router musi-ui axios expres...

剖析 vue 实现原理，自己动手实现 mvvm - 前端 - 掘金
剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么？ 1、...

30 分钟学会 Flex 布局 - 前端 - 掘金
为什么我要写这一篇关于 Flex 布局的教程？ 因为它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局，你只要学习几个 ...

前端面试经典问题：CSS 中居中的几种方式 - 前端 - 掘金
作为面试常客，学会这些，面试多点把握，同学间逼格升高周五，老大说他面试了一个问题，是css居中的问题，然后我们在这边就讨论了一番，周末嗨玩，尾巴上想起这件事，特来总结，希望能帮助到求职和学习的朋友！参考了这篇文章，快速传送门内容都是我手敲实践过的可靠！ ...

通过动图形象地为你介绍 flexbox 是如何工作的 - 前端 - 掘金
作者：Scott Domes 编译：胡子大哈 翻译原文：http://huzidaha.com/posts/det... 英文原文：https://medium.freecodecamp.c...

前端面试常见问题按知识点分类整理 - 前端 - 掘金
前端面试常考问题分类整理汇总 目录 ...

利用 canvas+vue 进行纯前端视频拼接或者说合并？或者说无缝切换。 - 前端 - 掘金
Build Setup # install dependencies npm install # serve with hot reloa...

Vue 服务端渲染业务入门实践 - 前端 - 掘金
作者：威威（沪江前端开发工程师） 本文原创，转载请注明作者及出处。 背景 最近， 产品同学一如往常笑嘻嘻的递来需求文档， 纵使内心万般拒绝， 身体倒是很诚实。 接过需求，好在需求不复杂， 简单构思 后决定用Vue， 得心应手。 切好图，...

Node.js 微信公众平台模拟登录自动群发图文消息 - 后端 - 掘金
无需微信认证即可实现微信公众号自动群发图文消息。 使用 npm i wechat-mp-hack --save const Wechat = re...

微信开发中的坑 - 前端 - 掘金
前些日子一直在做一些微信公众号的H5开发，在开发过程中遇到了不少坑。记录一下： 视频Android版的视频播放必须全屏，没有办法自定义video的width和height，而且在Android版中视频...

深入理解 JavaScript Errors 和 Stack Traces - 前端 - 掘金
译者注：本文作者是著名 JavaScript BDD 测试框架 Chai.js 源码贡献者之一，Chai.js 中会遇到很多异常处理的情况。跟随作者思路，从 JavaScript 基本的 Errors 原理，到如何实际使用 Stack Traces，深入学习和...

HTTPS 为什么更安全，先看这些 - 掘金
HTTPS 是建立在密码学基础之上的一种安全通信协议，严格来说是基于 HTTP 协议和 SSL/TLS 的组合。理解 HTTPS 之前有必要弄清楚一些密码学的相关基础概念，比如：明文、密文、密码、密钥、对称加密、非对称加密、信息摘要、数字签名、数字证书。接下来...

用 css 改变 console.log 的输出样式 - 前端 - 掘金
console.log允许你通过css来格式化输出，格式如下： console.log(‘%c字符串[%c字符串]’, 样式1, [样式2]) 其中”%...

深入浅出妙用 Javascript 中 apply、call、bind - 前端 - 掘金
 （点击 上方公众号，可快速关注） 作者：伯乐在线专栏作者 - chokcoco 如有好文章投稿，请点击 → 这里了解详情 如需转载，发送「转载」二字查看说明 这篇文章实在是很难下笔，因为网上相关文章不胜枚举。 巧...

【译】CSS Flexbox 学习指南、工具与框架 - 前端 - 掘金
Flexbox 是一种更有效的布局方式，它能更好的分配容器空间，并控制项目的对齐。虽然，掌握它的理论有些复杂，但幸运的是，我们可以借助开放的网络来学习并逐步掌握它。 在本文中，我们整合了一些最佳的 Flexbox 学习资源，它们可以帮助你了解Flexb...

前端跨域问题及解决方案 - 前端 - 掘金
1、同源策略 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。 一个源的定义：如果协议，端口（如果指定了一个）和主机对于两个页面是相同的，则两个页面具有相同的源。 ...

如何提升页面渲染效率 - 前端 - 掘金
Web页面的性能 我们每天都会浏览很多的Web页面，使用很多基于Web的应用。这些站点看起来既不一样，用途也都各有不同，有在线视频，Social Media，新闻，邮件客户端，在线存储，甚至图形编辑，地理信息系统等等。虽然有着各种各样的不同，但是相同的是，他们...

(译) 无尽滚动的复杂度 -- 来自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文作者：Surma译者：王芃 摘要: 重用你的DOM元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位...

网易和淘宝移动 WEB 适配方案再分析 - 前端 - 掘金
最近把移动WEB适配相关的问题梳理了一遍，学习了几篇文章，其中 从网易与淘宝的font-size思考前端设计稿与工作流 - 流云诸葛 - 博客园 分析了网易和淘宝对移动WEB适配问题的解决方案，干货不少，但是一些概念和思路不是很清晰。我在这里结...

登录那些事儿 - 后端 - 掘金
也不知道是什么原因，刚开始不久的职业生涯，在技术这条路走着走着，和「登录」总是有着一个不解之缘。还记得当初学习Web编程的时候么？不管是Java、.Net、PHP，继经典「Hello World」之后，要写的很有可能就是「登录」功能。至今「登录」的问题还是让我...