Fork me on GitHub

ESLint + Prettier规范项目代码

为了项目代码风格统一，但又不会使人难受。自动化检测格式化代码方案

  • Prettier

    一个流行的代码格式化工具的名称,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。

  • Eslint

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。

more >>

展开全文 >>

SVN 密码管理

小海龟svn 没有账号密码管理，每次切换用户baidu告诉我说，清除用户信息🙄，

这也太烦了把。话说上次输入密码还是前一年的事，密码账户都忘了。于是乎想了个感觉还不错的💡

more >>

展开全文 >>

autofit.js 大屏实现方案

三大常用方式

  1. vw/vh方案
    1. 概述：按照设计稿的尺寸，将px按比例计算转为vw和vh
    2. 优点：可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟 ui 稿不一致时，不会出现两边留白情况
    3. 缺点：每个图表都需要单独做字体、间距、位移的适配，比较麻烦
  2. scale方案
    1. 概述：也是目前效果最好的一个方案
    2. 优点：代码量少，适配简单 、一次处理后不需要在各个图表中再去单独适配.
    3. 缺点：留白，有事件热区偏移，下面介绍的autofit.js已经完全解决了此问题
  3. rem + vw vh方案
    1. 概述：这名字一听就麻烦，具体方法为获得 rem 的基准值 ，动态的计算html根元素的font-size ，图表中通过 vw vh 动态计算字体、间距、位移等
    2. 优点：布局的自适应代码量少，适配简单
    3. 缺点：留白，有时图表需要单独适配字体
more >>

展开全文 >>

HTML

html5

属性

  • contentEditable 属性

    指定该属性的元素可以被编辑

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<p contenteditable="true" class="editable"></p>

# 监听可编辑元素变化，通过比较前后两者数据

$('.editable').on('focusin', function() {
    console.log('focus in')
});

$('.editable').on('focusout', function() {
    console.log('focus out')
});

  • designMode 属性

    该属性可以指定页面是否可编辑，只能通过js设置该属性

    document.body.designMode = 'off/on'
IE8出于安全考虑不支持
IE9允许
chrome3和Safari，允许内嵌的iframe可编辑
Firefox和Opera 允许

  • spellcheck 属性

允许 input,textarea,可编辑元素 进行拼写 检验

1
<p contenteditable="true"  spellcheck="true"  style="width:400px;height:150px;"></p>
  • tabindex 属性

通过设置 tabindex的数值，控制每次点击tab键时，页面焦点的切换顺序。通常用于表单

more >>

展开全文 >>

Markdown基础语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

相比WYSIWYG编辑器

优点：
1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点：
1、需要记一些语法（当然，是很简单。五分钟学会）。
2、有些平台不支持Markdown编辑模式。

还好，简书是支持Markdown编辑模式的。

1
2

开启方式：设置->默认编辑器->Markdown编辑器
more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    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

侠客行
作者：李白
赵客缦胡缨，吴钩霜雪明。
银鞍照白马，飒沓如流星。
十步杀一人，千里不留行。
事了拂衣去，深藏身与名。
闲过信陵饮，脱剑膝前横。
将炙啖朱亥，持觞劝侯嬴。
三杯吐然诺，五岳倒为轻。
眼花耳热后，意气素霓生。
救赵挥金槌，邯郸先震惊。
千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。
谁能书阁下，白首太玄经。