图片压缩

什么是 WebP

WebP 是图片格式的发展趋势

WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来，以BSD授权条款发布。

more >>

展开全文 >>

用HTML5做一个本地视频播放器

缘起

事情是酱紫的, 我现在笔记本电脑硬盘呢, 是比较小的250G的, 然后呢我大部分看视频都是线上直接看了, 但是就是偶尔会有一些资源需要下载下来慢慢看. 硬盘太小装了几次QQ影音都给卸载了, win10自带的播放器我也给卸载了(虽然不怎么占空间但是功能少, 我最喜欢的倍速播放都没有). 突然想起来我随时使用的网页在线播放器功能也蛮丰富的, 能不能直接做一个网页播放本地视频呢?

Dome预览local-video-player

more >>

展开全文 >>

React学习之UmiJS上手

序

把React官网的教程基本都看过一遍, 感觉自己已经天下无敌正准备大战伸手的时候, 突然发现, React-Router, Redux, TypeScript 这些完全不能做到开箱即用, 感觉React他们的目的是打算做一个最基本的东西, 然后其他什么组件都可以你自己定制, 打造属于自己的一套模块, 这样对一些大神来说非常给力, 他们喜欢这种什么都掌握再自己手里的感觉. 但是对于我这种普通小白来说门槛还是有点高了, 网上找了很多教程, 要么就是几年前的感觉技术过时, 要么根本阐述不清楚, 还好没多久我就找到了由蚂蚁推出的UmiJS.

more >>

展开全文 >>

react学习笔记

慕然回首, 学习Vue框架也已经两年了, 这两年里从学习写的小Dome到公司的项目, 从简单的但单页面到公司官网, H5项目, 在到小程序, 甚至还有它搞过几个简单的混合应用.

经过了这么久的相伴, 我也感觉到了Vue的一些局限, Vue自定义的语法指令很多, 需要查文档(比如Vue的filter, 我都是阅读别人源码的时候发现那种{* | *}写法, 然后去百度找了很久才知道, Vue文档也没咋详细说明), 而且也想着学习一下React换一种思维提升自己.

more >>

展开全文 >>

开始配置nginx

自从上次腾讯云服务器过期之后, 我把服务前从腾讯云迁移到华为云重新搭建的时候就不想再用宝塔来管理我的服务器了. 生命在于折腾嘛, 虽然少了很多自动化的工具, 但是自己从零开始的快感是借助图形化工具不可比拟的

more >>

展开全文 >>

tag:

    缺失模块。
    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

Begin with interest <br> and be loyal to technology <br><br> QiaTia