前端知识收藏系列

HTML、CSS、JS、移动端开发、缓存、web安全、浏览器工作原理、前端框架、Hybrid技术、设计模式、前端构建工具…前端需要学习的东西很多，如果不知道从哪里开始，我觉着先弄个列表挺好的，然后一个个去消化掉，把别人的知识都转化成自己的，然后再自己去创造内容。这里按分类填上平时看过觉得比较好的文档和文章（混入了一些自己写的文章^_^），还没有列出来的尚在计划之中。

PS: 不管学习哪个点，如果有官方文档、源码或者一本好书，一定要看看，毕竟网络上博客啥的都是别人的总结，而且人家写的还不一定是对的。

展开全文 >>

CORS跨域原理浅析

之前写过两篇关于CORS跨域的工作总结，跨域问题解决方案和IE浏览器跨域访问失败，由于纯粹是工作总结，没有讲明为什么要这么做，就删除了。

最近又经常被问到一些问题，比如写java服务端的同学的来问：我服务端明明正确返回了，测试环境debug能看到，为什么前端就是拿不到数据？ 然后写前端的同学会问：为什么我明明设置了withCredentials=true，服务端同学还是拿不到cookie？

所以决定重新捋一捋使用CORS解决跨域的问题，前后端要怎么做？为什么这么做？

展开全文 >>

移动端适配实践

一般我们在做前端项目之前，都会先拿到视觉稿和交互稿，我们可以根据视觉稿上的尺寸、颜色等信息编写CSS样式，可以根据交互稿来写JS。

每个公司的视觉规范不同，视觉稿也就不同。甚至在一些大公司里，每个部门都有自己的视觉规范。比如页面画布大小是以640为基准还是750。最终给前端开发人员的文件也可能不同，比如psd文件、sketch文件或者图片文件，其中包括页面文件和切图。

展开全文 >>

图片预加载和懒加载

预加载和懒加载是两种加载资源的方式，适用于不同场景。常见的是图片的预加载和懒加载，最近开发组件库，图片组件就用到了预加载和懒加载，记录一下实现方式和相关知识点。

展开全文 >>

标签:

分类:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true