前端自习课

一直对盒模型的了解很零碎，学习都来源于各个文章的只言片语，这样学来的既不完善，也不持久。最近通读了w3的官方文档，对其中的内容进行一点归纳吧。 盒子模型指的是浏览器将文档流从视觉上渲染为不同矩形框的组合。 浏览器将文档流中的每个元素都渲染为一个矩形框，其包含内容区域（如文本、图…

本文章记录本人在学习 JavaScript 中看书理解到的一些东西，加深记忆和并且整理记录下来，方便之后的复习。 在js里函数都是对象，这表示它们可以作为参数传递给其他的函数。举例：当函数b()作为参数传递给函数a()，那么在某一时刻函数a()可能会执行或者调用函数b()。这种…

去年，我写了一本关于学习React.js的小书，原来是大约100页。 今年我要挑战自己，把它归纳为一篇文章。 本文不会涵盖什么是React，或者为什么要学习它。 相反，这是面向已经熟悉JavaScript并熟悉DOM API基础知识的人，对React.js的基础知识的介绍。 以…

照片都是自己拍的哦~ 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载的。 我们都…

Native、Web App、Hybrid、React Native（后面以RN简称）、Weex 间的异同点，后期同步 小程序 和 PWA 此处App为应用，application，并非我们通常讲的手机App 常用的几种APP开发模式-脑图 传统的原生App开发模式，有iOS和…

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司199…

在项目中，我们还会大量使用到flexbox的新旧属性，但大多数人一般只会写新属性，旧属性交由autoprefixer处理，但其实完成同样功能的新旧属性表现形式却不尽相同。还有部分人只使用“万能”的flex:number属性为伸缩项目分配空间，但有些特殊情景却无法满足，此文为此梳…

模块化就是把系统分离成独立功能的方法，这样我们需要什么功能，就加载什么功能。 优点： 可维护性：根据定义，每个模块都是独立的，良好设计的模块会尽量与外部的代码撇清关系，以便于独立对其进行改进和维护。 可复用性：可以重复利用，而不用经常复制自己之前写过的代码 1、污染全局变量 /…

点击上方“CSDN”，选择“置顶公众号” 关键时刻，第一时间送达！ 作者丨Rick West 翻译丨安翔 作为一名 PHP 开发者，自从我开始在网站上“露脸”以来，我的博客和社交媒体帐户的访问量就有所增加。虽然只是轻微的增长，但对我来说依然很激动，使我更加充满激情。 对于个人品…

之前不是闹得沸沸扬扬的大漠穷秋文章《为什么只会Vue的都是前端小白？》；甚至大多数回头看了，也就会jQuery和Vue这两个库；也就大部分在运用着这两个库。我这里不是吐槽和开骂什么的；在之前jQuery年代，很多面试官都会问除了用jQuery来实现，能不能改写原生JavaScr…

我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案 话不多说，上代码！ 以下所有demo的源码 链接: http://pan.baidu.com/s/1cHBH3g 密码:obkb 以下居中布局均以不定宽为前提，定宽情况包含其中 tips：此方案兼容性较好，可…

6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就把看过的一些学习资源（主要是博客，博文）推荐分享给大家。从我接触前端的开始，到发稿时间截止的这段时间我看过很多的博…

用vue做项目也有一段时间了，之前也是写过关于vue和webpack构建项目的相关文章，大家有兴趣可以去看下webpack+vue项目实战（一,搭建运行环境和相关配置）（这个系列一共有5篇文章，这是第一篇，其它几篇文章链接就不贴了）。但是关于vue入门基础的文章，我还没有写过，…

用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位正确的理解前端缓存有所帮助。