小橘子o

摘要： 我们通过接口拿到的数据在浏览器的展示方式如下图： 这种数据不方便我们直接观察，为了是数据结构更加的清晰，这里推荐一个谷歌浏览器插件 JSONView 首先点击下载地址下载压缩包 下载地址：https://github.com/wybaccount/JsonView 下载压缩包之后解压，解压之后打开选 阅读全文

摘要： 访问图片出现403解决办法 有时候在引用图片资源的时候会出现403（资源不可用）错误 这里有一种解决的方案 使用 no-referrer 方案，在前端页面头部添加一个 meta 标签 <meta name="referrer" content="no-referrer" /> 而出现403的原因是因 阅读全文

摘要： CSS Sprite叫做CSS雪碧也叫做CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去加载。 好处 （1）可以减少图片的质量，网页的图片加载速度快； （2）减少图片的请求的次数，加快网页的打开；（3）解决网页设计师在图片命名上的困扰，提高了网页制作 阅读全文

摘要： 今天一起来学习HTML5中的语义化标签。 首先要了解为什么要使用语义化标签？ 优点 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构； 比<div>标签有更加丰富的含义，方便开发与维护； 方便搜索引擎能识别页面结构，有利于SEO； 方便其他设备解析（如移动设备、盲人阅读器等）； 有利 阅读全文

摘要： 响应式布局概念 响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 1. 响应式布局的特点 用一套代码，去适配不同的设备。既可以运行在PC端，也可以运行在移动端。 注：比较适合小网站，个人博客，产品介绍页... 2.响应式布 阅读全文

摘要： 在了解float之前，我们需要了解一个概念-标准文档流 文档流是文档中可显示对象在排列时所占用的位置。而标准文档流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。标准流里面的限制非常多，导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高，就要使文档脱离标准流 阅读全文