Beace Blog
NodeJS ELK 日志系统搭建入门
18 一月, 2019背景介绍 通常情况下，开发过程中日志会直接在控制台打印方便查看，生产环境下应该保存为文件，以便以后查阅。越来越大的项目规模会导致日志数据累计巨大，想要快速从文件中找到几乎是不可能的。因此，搭建日志系统，通过UI…
有关Electron 在 Windows平台下的自动更新方案
10 一月, 2019背景 使用 electron-builder 打包 Electron 应用程序 使用了 electron-simple-updater 协助自动更新 问题 electron-simple-updater 不支持 NSIS 安装包自动更新。 Windows…
【译文】如何在 React 中渲染模态框
01 一月, 2019翻译自： How to render modals in React 由于 React 构造 DOM 的方式，模态框可能是一个比较棘手的问题。如果你熟悉 React 基础，你就知道整个 App 通常是一个叫做 的组件，这个组件被当做一个叫 的 装载到（append…
2019 前端学习计划清单
01 一月, 2019放弃 docker kubernetes gitlab 腾讯云/阿里云 201…
【译文】理解 JavaScript 中的 for…of 循环
23 十二月, 2018原文链接： Understanding the For…of Loop In JavaScript 在 JavaScript…
圣诞节快到了，你还在网上买圣诞彩灯吗，骚年，WS2812了解一下
21 十二月, 2018圣诞节快到了，来一起做一个炫酷的灯带装饰你的家。 前言 想必大家在初识嵌入式开发的时候，第一节课或者说第一个实验，往往都是点亮一个 LED，当初我也是。但是想想那个 LED…
如何将公司私有项目做得和开源项目一样优秀
16 十二月, 2018…
ES6 在数组方面的扩充
13 十二月, 2018数组可谓是在JavaScript中最常用的数据结构了，下面来盘点一下ES6在数组中新增的功能。 Array.of 背景 在JavaScript中声名一个数组有多种方式，常见的有以下两种 第一种往往用的最多，通常直接实例化一个Array，类似于 new Array…
HOC VS Children VS Render Props
25 十一月, 2018简介 HOC(Higher-Order Components) 是react中通过高阶组件来抽象逻辑的用法。它并不是React提供的API，而是一种通过在JavaScript函数传参的形式来减少代码逻辑。 Children 是 React 通过 props 向下暴露的 API…
从0到1部署一个eggjs应用
16 十一月, 2018环境配置 假设已经了解以下应用和服务的使用场景 准备一个eggjs应用 gitlab github git… Node v8.x.x docker kubernetes egg 配置文件config config/config.default.js 本地开发环境 config…
electron 10 问 10 答
09 十一月, 2018如何利用NodeJS 子进程为 electron render 提供 API server，以及维护子进程的状态 可以通过NodeJS 内置模块 child_process spawn 文件，并且watch文件的状态。 在 main.js 中引入 child…
关于 CI 及测试有关知识工具总结
01 十一月, 2018JavaScript 测试相关工具和库的对比和总结，以及自动化测试以及持续集成的的相关实践。 单元测试 assert 断言 Assert | Node.js v11.0.0 Documentation 是 node.js…
在AntPro 2.0中本地开发开启HTTPS
27 九月, 2018需求 在使用定制化框架Antd-Pro开发前端项目时，在客户端需要与硬件交互的情况下，需要在本地开发开启HTTPS，例如二次验证U2F。 问题描述 antd-pro 本身就是一个隔离的沙盒，虽然脚手架本身的服务基于webpack-dev-server…
gitlab与 gitlab runner 安装问题
27 六月, 2018环境 阿里云 ECS（2核4G） CentOS 7.x Mac 问题 问题1 解决方案 并不是给那些提示的文件描述权限，而是给以下目录权限 参考链接 https://mp.weixin.qq.com/s?__biz=MzI1MTA0OTM0Mw==&mid=265095926…
webpack 处理 css module的一种方式
08 二月, 2018在实际项目开发中，会经常遇到引入第三方库和开发者自己书写的 处理问题。首先我采用了 的语法，借助 的语法可以实现定义变量、全局css、自动添加浏览器内核的前缀等等，除此之外，借助 ，采用css module的实现方式在 中定义 ，并且为了防止重复的 代码，采用了` name…
解析webpack plugin的生命周期，书写自己的第一个plugin
18 一月, 2018引子 想要了解webpack plugin如何编写，首先要了解其应用场景和作用。 可以先浏览这三篇文章 how-to-write-a-plugin compiler API plugins API 除此之外，在这里我和 进行了简单的对比。 plugin & loader…
消失与重现
01 一月, 2018…
关于小程序视频（video）的一些总结
29 十二月, 2017小程序中使用视频 类似视频这种原生组件，位于小程序的最上层，当页面滚动时，很有可能出现一些定位的元素，被视频组件覆盖，如下图 为了避免一些层级最高的元素覆盖掉原始样式，可以先隐藏视频，将一gif格式的图片代替，并辅助一播放图标，表示该位置是视频 在onLoad…
浅谈CSS盒模型（CSS Box Model）
22 十一月, 2017概念 在一个html文档中，每个元素都被表示为一个 矩形的 的盒子。这每一个矩形的盒子被描述为 盒模型(CSS Box Model) 。并且这个模型描述了元素所占空间的内容。 组成 正常情况 一般情况下，一个盒子是由以下部分组成 width = content-width…
Cascader Format
10 十月, 2017功能 将无序的 类型转化为级联选择（Cascader）的数组 数据结构 原理 通过寻找数组的相同点，构造哈希匹配来实现，减少复杂度和寻址效率。这里之所以这样做，是因为数据的灵活性，既可级联，又可作为长列表。 Screenshot
记一次阿里云服务器ECS迁移导致的nginx和node有关问题
23 九月, 2017阿里云的产品提醒还是很友好的，一快到付费节点，那短信提醒简直比移动联通欠话费还来得勤快。 不过重要的消息通知还是很及时。近几天部分服务器迁移，虽迁移顺利，但是由于后台为 Node.js 起的服务，需要手动重启，下面记录下该过程。 以下环境为阿里云ECS, OS: CentOS…
写给弟弟，玄烨
19 九月, 2017…
ECMASCRIPT6 -- 碎片化记忆
24 八月, 2017变量交换 交换 , 值 术语 模板字符串 （template string) 扩展运算符 (…) 定义原生方法 例如： 对象，具有 等方法，如果我们想定义一个全局、或者模块化的方法该如何定义呢？ Math对象新增的方法 Math.trunc…
HTML5 dataset 属性不为人知的地方（命名规则和原理）
18 八月, 2017HTML5 在元素中增加了*data- * *，可以允许用户自定义属性。这种可读写的方式极大的方便了 操作元素时的数据存储、状态保留。经常可以在各大主流网站上面看到它的使用，例如淘宝首页。 下面记录下一些使用细节。 语法 在语法上，我们可以在任何DOM…
React+Atom开发者增加效率的7个快捷键
31 七月, 2017选择一个字符串 快速地选择一个字符串。不仅是atom…
惊梦
27 七月, 2017…
你喜欢怎样的面试官
12 七月, 2017…
JavaScript Arguments
25 三月, 2017上一次 说到了JavaScript中加引号和不加引号的区别，已经认知到了在大体上还是没有区别的。这里我将深入的了解JavaScript函数中的arguments…
如何科学上网-想要翻墙怎么办
22 三月, 2017首先通过hosts文件翻墙。 具体方法见 https://github.com/racaljk/hosts。 这里简述下Mac下的操作。 将 https://raw.githubusercontent.com/racaljk/hosts/master/hosts…
JavaScript Array-like
21 三月, 2017Array-like 所谓的Array-like,即类数组。其实并不是数组，但是可以像数组一样的进行访问，在这里，仅仅是写法上的一致。其实并不是数组。 对象( Object ) 对象不加引号和加引号的区别，可以参考该链接（ http://stackoverflow.com…
JavaScript一些有趣的地方
18 三月, 2017对象( Object ) 对象不加引号和加引号的区别 特殊情况不可以用 点 的属性访问
分享一些CSS画图技巧(4)—插头
18 三月, 2017…
分享一些CSS画图技巧(3)—— 电源插头
18 三月, 2017…
分享一些CSS画图技巧(2)——三角形
10 三月, 2017三角形相对来说比较简单，我们可以通过设置border…
分享一些CSS画图技巧(1)——矩形
10 三月, 2017首先在这里声明，对于 画图来说，大部分的图案的宽度甚至高度都是固定的，就算采用百分比的方式来绘制，也会有最外面的边界限制。尽量在PC端或者响应式要求不太高的场景下进行，当然会有一些比较简单的图案绘制能够适应响应式的方式，可以采用canvas或svg…
ESLint 的使用
27 二月, 2017ESLint 可以作为代码审查的工具，来强制的制定一些代码规则或规范来管理、统一一个团队的代码风格。 你可以将它作为一个代码检查的工具，应用它的规则可以检测出代码中某些潜在的问题或者值得优化的代码，并且，你也可以将它作为一个代码规范的标准来养成你的书写习惯。 历史 ESLint…
EJS在script标签中混合JavaScript代码的问题
23 二月, 2017背景 我在 项目中定义了一个全局变量 ： 在 的时候传入ejs页面中， 传入完成后，在ejs中想要保留在js代码中，结果发现，每次浏览器都报这个错误 解决方案 最终，在 http://stackoverflow.com/questions/11289793/accessing…
JavaScript-Math.random()
22 二月, 2017Math.random…
ECMAScript 2015 Features-c01-arrow-function
21 二月, 2017ECMAScript 2015 Features arrow && function 相同点 都表示一个函数（箭头函数可以看做 的语法糖） 写法上的不同点（其他不同点参考下文） arrow function function arrow && this…
ECMAScript 2015 Features-c03-string-tpl
21 二月, 2017ECMAScript 2015 Features Template Strings 字符串模板是用来构建字符串，并且可以在字符串中添加变量、表达式的语法糖。写法与 中的字符串拼接及其相似。 特点 方便的拼接字符串 提供字符串中添加变量、表达式等 写法 Scala 中的字符串拼接
ECMAScript 2015 Features-c04-destructuring
21 二月, 2017ECMAScript 2015 Features Destructuring…
ECMAScript 2015 Features-c02-class-suger
21 二月, 2017ECMAScript 2015 Features class…
ECMAScript 2015 Features-c06-generators
21 二月, 2017ECMAScript 2015 Features Generators 可以使用 和 关键字实现 。 可以生成迭代的下一个值，并通过 返回。 写法
ECMAScript 2015 Features-c07-modules
21 二月, 2017ECMAScript 2015 Features Modules 遵循着两种比较流行的模块加载器—— ， 模式。在未引用该模块之前，该模块不执行，知道被 。 写法
ECMAScript 2015 Features-c08-set-map
21 二月, 2017ECMAScript 2015 Features Set && Map 高效的数据结构。 写法 Set Map
ECMAScript 2015 Features-c09-proxies
21 二月, 2017ECMAScript 2015 Features Proxies 代理允许创建具有可用于托管对象的全部行为的对象。可用于拦截，对象虚拟化，日志记录/分析等。
ECMAScript 2015 Features-c12-promises
21 二月, 2017ECMAScript 2015 Features Promises 异步编程 写法
ECMAScript 2015 Features-c11-number-string-array-object
21 二月, 2017ECMAScript 2015 Features Number String Array Ojbect
ECMAScript 2015 Features-c10-subclassed
21 二月, 2017ECMAScript 2015 Features Subclassed 在ES6中， , , 元素都可以被继承子类化。
ECMAScript 2015 Features-c13-tail-call
21 二月, 2017ECMAScript 2015 Features Tail Calls(尾递归) 尾递归能够使堆栈不溢出，并且防止内存泄漏。 写法 下面一个例子，为求斐波那契第 项
我为什么离职
19 二月, 2017…
div始终位于底部的问题
16 一月, 2017背景 在阅读 Flexbox Patterns…
Clean Blog by Node && React 5
21 十二月, 2016前言 此篇接上篇 Clean Blog by Node && React…
Clean Blog by Node && React 4
17 十二月, 2016前言 此篇接上篇 Clean Blog by Node && React 3 记录 markdown.md 的使用 记录 文章详情API 以及 提交文章API 的书写 开始实战 markdown…
Clean Blog by Node && React 3
16 十二月, 2016前言 此次记录承接上篇 Clean Blog by Node && React…
Clean Blog by Node && React 2
14 十二月, 2016前言 此记录接上次记录 Clean Blog by Node && React 主要任务为记录静态页面的构造（ ） clean-blog 的应用，在这里放出其地址（ https://startbootstrap.com/template-overviews/clean-blog…
Clean Blog by Node && React
12 十二月, 2016…
最好用的markdown编辑器汇总
15 十一月, 2016收集了一下好用的markdown编辑器，都曾经大量使用，都爱不释手。选择恐惧症。。。 1. stackedit 在线编辑器 支持同步google drive，github等 beta版 2. dillinger 在线编辑器 支持同步google drive，Dropbox…
快学Scala+Playframework之增删改查—— 数据库操作（四）
14 十一月, 2016目标 接上一篇 快学Scala+Playframework之增删改查—— 数据库操作（三） ,完成其他(添加、查询、修改、删除)等API的操作 知识点 数据库操作 列表添加、查询、删除、修改 API…
快学Scala+Playframework之增删改查—— 数据库操作（三）
01 十一月, 2016目标 接上一篇 快学Scala+Playframework…
JavaScript Not defined or Undefined
31 十月, 2016…
JSON-Server and XMLHttpRequest
29 十月, 2016…
快学Scala+Playframework之增删改查——路由与静态页面（二）
28 十月, 2016需求 将项目导入IDE（Intellij） 理解静态页面与服务器请求发生的原理 完成增删改查的静态页面 主要知识点 项目目录的理解 路由配置，请求静态页面的过程 页面传参原理 静态页面代码书写 导入IDE…
快学Scala+Playframework之增删改查——项目搭建（一）
25 十月, 2016需求 为了更好更快更有趣味地学习 这门编程语言，结合 在实际开发场景中的运用，目标建立一个简单的用户列表的 （read，search，add，delete）系统。特别记录此次学习过程。 代码托管 效果 更多效果 前提 必须具有 开发环境 或 IDE…
react中state变化导致的问题
10 十月, 2016…
bundle install command not found
10 十月, 2016…
我作为初级前端开发者对潮流的认知
23 九月, 2016Who am I 虽然我接触前端已经有将近两年半的时间，但是我还是不敢自诩为一名合格的前端开发工程师。于是我找了一个名词来形容我自己的状态—初级前端开发者。之所以写这篇文章，是想抒发一下对如日中天的微信的感慨。 小白入门 Hello World…
在nginx服务器下配置和安装阿里云购买的SSL证书
18 九月, 2016…
阿里云域名解析，Nginx二级域名的配置
12 九月, 2016开发环境 本地环境 OS X ECS CentOS…
Github中passport的应用（github登录接口）
12 九月, 20161、点击头像下拉三角形按钮，进入 2、点击左侧列表按钮中的 3、左侧默认显示的你曾经用 账号登录过的网站，点击 ，作为开发者应用使用。 4、依次按照表单提示填写内容，最终会生成 和 。 5、在项目中安装两个模块 6、在入口文件中（app.js） 引入模块：…
react的缺点（一）：react中多个component的问题记录
12 九月, 2016在使用｀react｀创建多个component的过程中， 该方法创建的 在使用上注意以下几个方面： 方法中加入多个的 会报错。 因此，需要在 中最外层加入一个标签，具体代码如下： //正确书写如下： //错误书写如下： 错误原因： 官方解释 https…
实验室
11 九月, 2016关于react的另一个博客 一些关于react的实践 Sponge SpongeBE expressjs-react-blog-server expressjs-react-blog react-babel-webpack-eslint-boilerplate 一些关于scala…
React IndexRoute always active
10 九月, 2016直接在代码中添加： 这时候 标签会一直高亮显示，即一直处于 状态不回改变，即使切换路由，如下图所示： x 官方给出的原因时这样的： Now navigate around. Notice anything weird? The link to Home is always…
display:inline-block不对齐问题
10 九月, 2016需求描述： 书写一个导航栏，使用 的 属性进行布局。 导航栏内容： 和 构成。 提示：使用最简单的 结构,拒绝一切多余嵌套 。 展现形式，如下图： 实现方式 建立简单的 结构如下代码：(忽略其中的 ，此为 实现的 ). 添加相应的css…
关于
05 九月, 2016个人简介 Beace Lee, 2016年6月毕业于 上海工程技术大学 ，计算机嵌入式方向。 专注 领域开发。如今从事 及 相关技术（栈）开发。 另外两个博客 blog by react github blog 交流 email beaceshimin@gmail.com…
React 动态添加一行数据（包括一行表格或者非表格）
01 九月, 2016React 在 中添加 不可以直接嵌套多个 在 中的 函数添加表格，代码如下： 浏览器会报这样的错误； react不会把DOM解析成thead和tbody…
Play Framework运行阻塞的问题
05 七月, 2016问题描述 在命令行中运行 出现如下信息： 程序会一只卡在红色那句话，正确编译的效果应该为： 解决方案： 在根目录下的 文件中，将： 改为：
React表格处理
01 七月, 2016问题描述 中在 的 中直接输入类似以下的代码： 解决方案： 在渲染的过程当中浏览器不会自动添加 和 这样的标签，因此需要在手动添加，如下： ** 中如果想要合并单元格的功能，需要大写 ,例如： ，示例代码如下：**
React HashHistory url参数问题
27 六月, 2016问题描述 在引用 时，浏览器的 会自动生成一个 ，如同： 这是为了兼容低版本的浏览器不支持 的做法，但是在 中会觉得好像 或 了某个参数。 官方的解释是： The URLs in our app right now are built on a hack: the hash…
我是如何搭建HyBrid App开发环境的
05 十二月, 2015用web开发app简直耗尽机器的性能和人的体力、精力。 不过为了满足我的好奇心，经过一番折腾。我还是去做了。 简单来记录一下这个复杂又简单的过程。 step1 我是借助 来进行打包和模拟的。因此首先安装 ，因为基于 ，必须安装 。版本越高越好，但是一定是稳定版，beta…