基本方法笔记 - 收藏集 - 掘金

摘要：探讨判断横竖屏的最佳实现前端掘金在移动端，判断横竖屏的场景并不少见，比如根据横竖屏以不同的样式来适配，抑或是提醒用户切换为竖屏以保持良好的用户体验。

探讨判断横竖屏的最佳实现 - 前端 - 掘金
在移动端，判断横竖屏的场景并不少见，比如根据横竖屏以不同的样式来适配，抑或是提醒用户切换为竖屏以保持良好的用户体验。 判断横竖屏的实现方法多种多样，本文就此来探讨下目前有哪些实现方法以及其中的优缺点。 CSS Media Queries 通过媒体查询的方式，我...

JavaScript深入之bind的模拟实现 - 掘金
JavaScript深入系列第十一篇，通过bind函数的模拟实现，带大家真正了解bind的特性 bind 一句话介绍bind: bind()方法会创建一个新函数。当这个新函数被调用时，bind()的第一个参数将作为它运行时的 this, 之后的一序列参数将...

听说、你会用 call、apply 和 bind？ - 前端 - 掘金
如题...

【掘金日报】第二期 全球最大成人网站 PornHub 爬虫？？？ - 掘金
掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端 16种方法实现水平居中垂直居中 熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 单页应用 - Toke...

(译) 如何使用 HTTP Headers 来保护你的 Web 应用 - 掘金
原文地址：How To Secure Your Web App With HTTP Headers 原文作者：Hagay Lupesko 译文出自：掘金翻译计划 译者：bambooom 校对者：xunge0613、lsvih 如何使用 HTTP Heade...

JavaScript 常见设计模式解析 - 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...

前端进阶：透彻掌握 Promise 的使用，读这篇就够了 - 前端 - 掘金
Promise：高手必备 Promise的重要性我认为我没有必要多讲，概括起来说就是必须得掌握，而且还要掌握透彻。这篇文章的开头，主要跟大家分析一下，为什么会有Promise出现。 在实...

分享一下我制作 H5 婚礼邀请函用到的技术要点 - 前端 - 掘金
前言 很多网上的婚纱摄影公司，或者婚庆公司，或者一些h5制作平台，都可以做一些婚礼邀请函，但是这样的婚礼邀请函千篇一律。没有什么特色，仅仅是图片展示。在某人的强烈要求之下，我制作了一个h5婚礼邀请函（目前源码暂时不公开吧，过段时间再说）。用到了...

JavaScript 高级计时器 - 前端 - 掘金
概念 JavaScript的定时器不是线程，JavaScript是运行于单线程的环境中的，而定时器仅仅只是计划代码在未来的某个时间执行。 实际上，浏览器负责进行排序，指派某段代码在某个时间点运行的优先级。 JavaScript进程线 可以想象Java...

80% 应聘者都不及格的 JS 面试题 - 掘金
共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？他考察...

从入门到成为前端高手（下篇）—— Jonathan - 前端 - 掘金
这篇文章是"前端开发，从草根到英雄系列"的第二部分，在第一部分，你学到了如何使用HTML和CSS创建布局的最佳实践。在第二部分，我们会把JavaScript作为独立的语言来学习，我们将学习如何添加交互式的界面，JavaScript设计以及设计模式，最后我们会学...

从入门到成为前端高手（上篇）—— Jonathan - 前端 - 掘金
By @jonathanzwhite 版权申明：此文章首发于公众号程序员在深圳，搜索 studycode 即可关注本文无需授权即可转载，转载时请务必注明作者 ...

CSS 中一个冒号和两个冒号有什么区别？ - 前端 - 掘金
《小分享》~ FED新手必备…...

【上车】加载和执行 JS 的正确姿势 - 前端 - 掘金
前言 kyrieliuの《高性能JavaScript》读书笔记。 script标签是一个很“霸道”的狠角色，它的每次出现都让页面等待脚本的解析和执行。也就是说，不管当前的javascript代码是内嵌还是包含在外链文件中，页面的下载和渲染都必须停...

CSS3 transform 属性及应用 - 前端 - 掘金
在介绍有关transform相关的知识之前，先来讲一下transform-origin的用法以及关于角度的几种取值单位。另外，在使用时，为了兼容各个浏览器，可加上浏览器的私有前缀［－moz- -webkit -ms-］。 transf...

CSS hack 合集 - 前端 - 掘金
本来已经抛弃IE6|7|8了，可是最近发现要考虑IE兼容性的网站还是有不少的，所以这两天了解了一下CSS HACK，在这里简单地总结一下！ 1、何为HACK？ 简单的说，HACK就是只有特定浏览器才能识别这段hack代码。Hack也可以说是让前端最为头疼...

CSS3 transform 理解与应用 - 前端 - 掘金
在介绍有关transform相关的知识之前，先来讲一下transform-origin的用法以及关于角度的几种取值单位。另外，在使用时，为了兼容各个浏览器，可加上浏览器的私有前缀［－moz- -webkit -ms-］。 ...

30 分钟学会 JS 继承 - 前端 - 掘金
这是一篇关于 JS 继承的文章，基本上常用的继承方式在文章都已列出，如果读者有新的方式，欢迎在评论区留言。想学习前端或编程知识欢迎关注专栏：敲代码，学编程 - 知乎专栏众所周知，在 ES 6 之前没有类的概念，所以不能像 Java 中一个 extends 关键...

前端常见算法的 JS 实现 - 前端 - 掘金
原文链接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

作用域与闭包的一二事 - 前端 - 掘金
闭包是JavaScript语言的一大特点，可以说再开发的过程中，它无处不在，即使有时候我们都没有发现它的存在。接触JavaScript以来，虽然说是一直有对闭包了解，但是实际应用起来或者分析一些代码的时候却有些吃力。现在回过头总结，才又进一步的揭开了闭包的一层...

CSS 绝对定位 absolute 详解 - 前端 - 掘金
之前介绍过CSS浮动float详解，本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动float，对理解绝对定位absolute会大有帮助。 先说absolute和float的相似处：包裹性 和 高度...

javascript 常用 DOM 操作整理 - 前端 - 掘金
1.抽取了DOM操作中常用的部分2.DOM属性和方法的对象归属可能并不完全准确3.某些兼容性和特点做了标识(绝大部分的兼容性是ie8~9上下) 节点类型 节点类型 节点值 标签节点(Element) 1 属性节点(Attr) 2 文本节点...

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

记录一些前端的知识点 (一) - 前端 - 掘金
想学习前端或编程知识欢迎关注专栏：敲代码，学编程 - 知乎专栏一、W3C 标准盒模型和 IE 盒模型区别：1. W3C 标准盒模型：盒子的高宽是由盒子的内容区仅由 width, height 决定的，不包含边框，内外边距。2. IE 盒模型：在 IE 盒模型中...