将博客全站变为黑白色的 CSS 代码(哀悼用)

为了哀悼亲人朋友,或者是重大灾害哀悼同胞,我们就需要将全站变为黑白色。之前用的主题有这个功能,现在用的主题没了这个功能。不用怕,我们只要在 html 标签上加上如下 css 代码即可实现此功能。 [crayon-5becc63b744bf147590693/] 其实就是采用一些不同浏览器的滤镜。就是…

Webpack, VSCode 和 Babel 组件模块导入别名

很多时候我们使用别人的库,都是通过 npm install,再简单的引入,就可以使用了。 [crayon-5becc63b74d41898053238/] 那如果我们自己写的组件库和工具 utils 类怎么办?如果你不熟悉别名的概念,通常会引入相对路径,它会变成这样。 [crayon-5becc63…

关于 Echarts 中 option 的赋值方式的建议

在做项目的时候有使用 Echarts 作为统计数据的图表显示。通常我使用 Echarts 的时候会在文件的最上面创建一个 const option 常量对象,使用中对 option 用 lodash 的 cloneDeep() 函数进行深克隆,然后使用克隆后的常量值。这样做其实是不好的。 在 知乎 …

React Native 项目 debug 模式调试安卓真机白屏

因为 iPhone 和 安卓在界面显示有些不同(比如 overflow 的问题),开发和测试中需要在 iPhone 和安卓上都跑一下。 在我的魅族 MX5 和 红米 Note 3 跑 debug 版的时候发现一直白屏,显示不了内容。按道理说就算是出现了问题,也应该出现的是红的背景下的react na…

React Native <View> 标签不能直接内嵌字符串文本

公司的 React Native 项目当时为了快速开发,使用的是之前的比较老的 React Native 项目做得架子。没有装 Eslint。稍微不忙的时候,我安装配置了 Eslint,打算新的界面文件使用比较标准的规范编写,陆续把以前写的文件也修改规范。 在格式化规范某个文件的代码的时候,基于 A…

HTML 语义化

Web 语义化是指使用恰当语义的 html 标签元素、class 类名、属性、和属性值(包括像Microdata之类的扩展)等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。语义化的 web 页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容…

React/React Native 的 ES5 ES6 写法对照表

很多 React/React Native 的初学者都被 ES6 的问题迷惑:各路大神都建议我们直接学习 ES6 的语法 (class Foo extends React.Component),然而网上搜到的很多教程和例子都是 ES5 版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此…

javascript 取整方法 floor、round、ceil

JavaScript 的除法需要用到除法运算符号 (/) 来处理,除法结果跟 C、C++ 不同,会有小数点。下面说一下 JavaScript 的除法取整数方法。 floor 向下取整: [crayon-5becc63b76200836095902/] round 四舍五入: [crayon-5bec…

JavaScript 中的双重否定

我们在写 js 代码的时候可能会这么写,或者会看到别人有这样的写法: [crayon-5becc63b763cc749974079/] 两个 ! 是为了将其值转换为布尔。首先 ! 否定一次,转换值如下: undefined to true null to true +0 to true -0 to …