探讨判断横竖屏的最佳实现 - 前端 - 掘金
在移动端,判断横竖屏的场景并不少见,比如根据横竖屏以不同的样式来适配,抑或是提醒用户切换为竖屏以保持良好的用户体验。 判断横竖屏的实现方法多种多样,本文就此来探讨下目前有哪些实现方法以及其中的优缺点。 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的用法以及关于
CSS hack 合集 - 前端 - 掘金
本来已经抛弃IE6|7|8了,可是最近发现要考虑IE兼容性的网站还是有不少的,所以这两天了解了一下CSS HACK,在这里简单地总结一下! 1、何为HACK? 简单的说,HACK就是只有特定浏览器才能识别这段hack代码。Hack也可以说是让前端最为头疼...
CSS3 transform 理解与应用 - 前端 - 掘金
在介绍有关transform相关的知识之前,先来讲一下transform-origin的用法以及关于
30 分钟学会 JS 继承 - 前端 - 掘金
这是一篇关于 JS 继承的文章,基本上常用的继承方式在文章都已列出,如果读者有新的方式,欢迎在评论区留言。想学习前端或编程知识欢迎关注专栏:敲代码,学编程 - 知乎专栏众所周知,在 ES 6 之前没有类的概念,所以不能像 Java 中一个 extends 关键...
前端常见算法的 JS 实现 - 前端 - 掘金 作用域与闭包的一二事 - 前端 - 掘金 CSS 绝对定位 absolute 详解 - 前端 - 掘金 javascript 常用 DOM 操作整理 - 前端 - 掘金 30 分钟学会 Flex 布局 - 前端 - 掘金 记录一些前端的知识点 (一) - 前端 - 掘金
原文链接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i
闭包是JavaScript语言的一大特点,可以说再开发的过程中,它无处不在,即使有时候我们都没有发现它的存在。接触JavaScript以来,虽然说是一直有对闭包了解,但是实际应用起来或者分析一些代码的时候却有些吃力。现在回过头总结,才又进一步的揭开了闭包的一层...
之前介绍过CSS浮动float详解,本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动float,对理解绝对定位absolute会大有帮助。 先说absolute和float的相似处:包裹性 和 高度...
1.抽取了DOM操作中常用的部分2.DOM属性和方法的对象归属可能并不完全准确3.某些兼容性和特点做了标识(绝大部分的兼容性是ie8~9上下) 节点类型 节点类型 节点值 标签节点(Element) 1 属性节点(Attr) 2 文本节点...
为什么我要写这一篇关于 Flex 布局的教程? 因为它十分简单灵活,区区简单几行代码就可以实现各种页面的的布局,以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局,你只要学习几个 ...
想学习前端或编程知识欢迎关注专栏:敲代码,学编程 - 知乎专栏一、W3C 标准盒模型和 IE 盒模型区别:1. W3C 标准盒模型:盒子的高宽是由盒子的内容区仅由 width, height 决定的,不包含边框,内外边距。2. IE 盒模型:在 IE 盒模型中...