浏览器缓存控制详解（cookie、session、localStorage、Cache-Control等）
摘要：本文将会详细的介绍浏览器实现缓存控制的相关知识，包括cookie、session、localStorage、Cache-Control、Expires、ETag、Last-Modified等概念。 注：在看本文之前建议可以先看一下网页中的登录注册功能是如何实现的，对前端和后端……
网页中的登录注册功能是如何实现的
摘要：登录注册是一个网站最常用的也是最基本的功能，本文就来详细的介绍一下在网页中，实现这两个最基本的需求从后端到前端需要做些什么。 注：本文所提到的所有代码都已上传至github ，可以直接clone后在终端使用测试。 一、前置知识： 基础知识可见我之前的博客：HTTP入门（请求与响应的……
JS中的面向对象程序设计初识
前言：面向对象程序设计（Object-oriented programming，简称OOP），是一种常见的编程思想。JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。本文从对面向对象编程的介绍开始，和您一起探索 JavaScript 的对象模型，最后描述 JavaScript 当中面向对象编程的……
MVC设计模式在JavaScript中的运用
前言：MVC模式是一种很有名的、应用很广的设计模式，包括在前端领域也是非常有用的代码优化思路，本文就详细介绍总结一下MVC模式以及它JavaScript中的应用。（部分文字摘自维基百科和阮一峰博客） 1、MVC 模式的概念 MVC模式（Model–view–controller）是软件……
用原生JS封装类jQuery的ajax方法
前言：为了深入理解jQuery中的ajax方法，本文通过使用原生JavaScript来封装一个类似的方法，能实现最基本的功能。其中会使用带promise方法。 1、ajax 的 基本功能 首先： request = new XMLHttpRequest() JS 可以设置任意请求 header ： 第一部分 request.open('get', '/xxx') 第二部分 request.setRequestHeader('content-type','x-www-form-urlencoded') 第四部分 request.send('a=1&b=2') JS 可以获取任意响应 header 吗 第一部分 response.status……
JSONP、JSON、AJAX简述
前言：一个网站如果要完整的运行出来，必须要结合前端与后端，而我们作为一名前端，也是需要知道一些最基本的后端接口的知识。本文就简略的介绍一下这几个技术：JSONP、JSON、AJAX。 1、如何发请求 用 form 可以发请求，但是会刷新页面或新开页面 用 a 可以发 get 请求，但是也会刷新页面或新开页面……
初级前端需要知道的基础知识
前言：本文会罗列出十道比较基础的题目，我个人作为刚入门的初级前端，写这篇文章正好可以总结汇总一下近期的知识，看到这篇文章的朋友也可以看看这十道题你是否都能正确的、完整的答出来。我个人会总结出答案放于文后，欢迎讨论。 题目详情： 1、请写出一个符合 W3C 规范的 HTML 文件，要求如下： 页面标题为「……
再识移动端开发（动态REM）
前言：之前写过一篇博客介绍响应式移动端开发，而本文会介绍一种非响应式的移动端开发技术：动态REM。看了这两篇文章，你将会对移动端开发有全面的了解。 1、前置知识 首先来介绍一下在写CSS中常用的长度单位： px：即像素，最最常用 rem：即root em，表示根元素的font-size，根……
关于Deepin突然死机、重启后黑屏无法操作
前言：使用deepin系统也有一段时间了，但因为其不稳定性，着实出现了一些bug ，不过绝大多数都能用重启来解决，直到今天，我的deepin差点崩掉。 出现的问题 这次出现的问题大致如题目所说，下面详细描述一下： 在我因为正常的一系列操作后，首先是出现了鼠标错位的情况，然后我日常Goog……
用原生JavaScript实现类jQuery效果
前言：众所周知，原生JS的DOM API大多都是很难用的，而在十二年前，已经有了一个很实用的库，它封装了很多好用的方法，让JavaScript更有易用性，如今全世界至少70%的网站都在使用，这个库就是jQuery。为了更容易理解jQuery的实现过程，这篇文章将用原生JS实现jQu……