gulp制作css雪碧图

在Web前端开发的过程中，Web页面加载是性能杀手，解决了Web页面加载的问题，前端工程的性能可以提升80%左右，所以，使用一些比较好的工具，引入一些比较先进的思想是很有必要的。这篇博客就介绍一下使用gulp来制作雪碧图。
more >>

展开全文 >>

js对象入门

  • 一切事物皆对象
  • 对象具有封装和继承特性
  • 对象与对象之间使用消息通信，各自存在信息隐藏

javascript 创建对象简单的来说，无非就是使用内置对象或各种自定义对象，当然还可以使用JSON，但写法有很多，也能混合使用。

more >>

展开全文 >>

css 滤镜妙用

CSS3 filter 滤镜为图片提供了非常强大的效果，只需简单地给图片加上 filter 属性，就可以实现 ps 出来的效果。

filter 提供了多种可视效果，而这些效果又可以互相混合，形成新的效果。接下来就用下面这张原图来体验一下 filter 的各种效果。

more >>

展开全文 >>

css伪元素的作用

伪元素能做什么？我们要他有何用？它能为我们解决什么问题？和其他的方法相比她有什么有点？我们为什么要使用它？

伪元素和伪类一样，添加到选择器，但是不是描述状态，他允许我们为元素某些部分设置样式；利用伪元素，我们可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。之所以叫伪元素，是因为他修饰不在文档树中的部分；不是真实存在的；

more >>

展开全文 >>

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

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

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

如果调试一个程序让你很苦恼<br><br>千万不要放弃<br><br>成功永远在拐角之后，除非你走到拐角<br><br>否则你永远不知道你离他多远<br><br>所以<br><br>请记住<br><br>坚持不懈，直到成功