作者归档：own_admin

Remove.bg – AI智能抠图只需要5秒

好久好久没有关注设计方面相关的知识，转做前端5年了。记录下
当年放大1000，一个像素一个像素做精细抠图，现在一个，5秒搞定。AI带来的便捷
Remove.bg，抠图只需5秒的神器AI产物

官网体验： https://www.remove.bg/

ESlint Rules 规则中文版

Rules
为了让你对规则有个更好的理解，ESLint 对其进行了分门别类。

所有的规则默认都是禁用的。在配置文件中，使用 “extends”: “eslint:recommended” 来启用推荐的规则，报告一些常见的问题，在下文中这些推荐的规则都带有一个标记。

命令行的 –fix 选项用来自动修复规则所报告的问题（目前，大部分是对空白的修复），在下文中会有一个的图标。

Possible Errors
这些规则与 JavaScript 代码中可能的错误或逻辑错误有关：

http://eslint.cn/docs/rules/

React-Router 4 中文文档

React Router V4 正式版发布，该版本相较于前面三个版本有根本性变化，遵循 Just Component 的 API 设计理念。

本次升级的主要变更有：

声明式 Declarative
可组合 Composability
本次升级 React Router V4 吸取了 React 的理念：所有的东西都是 Component。因此 升级之后的 Route、Link、Switch……等都是一个普通的组件。
继续阅读 →

富文本编辑器

1、Markdown 编辑器 Editor.md [推荐] [国产]
Editor.md 是一个可嵌入的开源 Markdown 在线编辑器组件，你可以很方便用在浏览器、NW.js（Node-webkit）等
https://pandao.github.io/editor.md/examples/index.html

继续阅读 →

判断是否为chrome浏览器

早期我给出的判定是基于UA，在UA中它有一个独一无二的Chrome字符串。

代码如下:

var isChrome = window.navigator.userAgent.indexOf(“Chrome”) !== -1

今天发现chrome还是有一些独一无二的东西，基于它们，我们就可以搞出基于特征的判定了。

代码如下:

var isChrome = window.google && window.chrome

这两个东西，前者拥有其本地数据库gears，后者不知什么东东，有两个属性csi与loadTimes。

CSS Lint 检测CSS代码中的诟病

CSS Lint 现有的一些规则

1、修复解析错误（Parsing errors should be fixed）

2、避免使用多类选择符（Don’t use adjoining classes）
IE6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE6下的多类选择符一文。

3、移除空的css规则（Remove empty rules）
这个规则不包含任何属性，类似：
.foo { }
空规则的产生原因一般来说是为了预留样式。去除这些空规则无疑能减少css文档体积。
继续阅读 →

使用yeoman快速搭建React项目

什么是yeoman就不多做赘述，搜索引擎搜索下一把大的介绍，此处省略介绍、直接开始教你如何使用yeomen搭建react、webpack项目

第一步：yeomen运行需要node环境，安装node运行环境，下载安装包下一步下一步安装完成就好。

“““““““““““““““““`

第二步：安装yeoman
npm install -g yo

“““““““““““““““““`

第三步：安装generator-react-webpack
npm install -g generator-react-webpack

“““““““““““““““““`
继续阅读 →

React基础知识归纳

接触学习React差不多一年多的时间了，乘空档中整理下学习的react相关知识，归纳总结下，便于后期更好的学习和提升对React开发的认识。
React核心思想是：封装组件。
React主要大概包含以下这些概念：
·JSX语法糖
·React组件
·Virtual DOM（虚拟DOM）
·Data Flow（数据流）
继续阅读 →