u013040887的博客

KEIL-51单片机实现自定义bootloader，用于程序更新研究

u013040887 — Sat, 18 Jul 2020 12:49:44 +0800

本文原创作者: 少占鱼大神关于8051的bootloader实现方式一，基本硬件需求要实现IAP功能，需要51单片机可以在程序里修改代码空间的Flash，或者至少可以修改用户程序区的Flash，新出的51大部分都能满足这个要求二，空间划分一般bootloader位于单片机代码空间的起始地址，用户程序在后面。这个需要根据实际的需求来决定，bootloader功能简单，就少占用一些，bootloader功能复杂的就多占用一些。除此之外，一般还要根据Flash的页为界线划

axios FormData 传输的正确方式

u013040887 — Tue, 14 Jul 2020 22:48:59 +0800

axios以FormData转输数据时，要以FromData()建设成对应格式数据，并且转输的时候，要qs.stringify格式化。需要用到qs模块 const url = `/server/api/code/`; var formData = new FormData(); // 需要以这种方式建FormData数据格式 formData.append('code', this.props.code); axios.post( ur.

node 调用c++方法解析共用体

u013040887 — Tue, 30 Jun 2020 13:43:30 +0800

// addon.cc #include namespace demo { using v8::Exception; using v8::FunctionCallbackInfo; using v8::Isolate; using v8::Local; using v8::Number; using v8::Object; using v8::String; using v8::Value; union data { float a; unsigned char.

简单上手nodejs调用c++(c++和js的混合编程)

u013040887 — Tue, 30 Jun 2020 09:28:50 +0800

因为项目的原因，最近经常使用node.js搭RESTful接口。性能还是很不错啦，感觉比Spring Boot之类的要快。而且在不错的性能之外，只要程序结构组织好，别让太多的回调把程序结构搞乱，整体开发效率比Java快的就太多了。如果想进一步提高效率，使用c++来优化部分模块是不错的选择。尤其可贵的是nodejs对于同c++的混合编程支持的很好，个人感觉跟写Python的扩展模块处于同样的易用水平。我们从Hello World开始：首先要有一个空白的工作目录，在其中建立一个node包管理文件pa

electron-quick-start-ble 蓝牙

u013040887 — Sat, 27 Jun 2020 17:32:41 +0800

electron-quick-start-ble 蓝牙

js收集页面加载性能数据

u013040887 — Fri, 26 Jun 2020 17:12:31 +0800

window.performance [performance.timing]: navigationStart: 表示从上一个文档卸载结束时的 unix 时间戳，如果没有上一个文档，这个值将和 fetchStart 相等。 unloadEventStart: 表示前一个网页（与当前页面同域）unload 的时间戳，如果无前一个网页 unload 或者前一个网页与当前页面不同域，则值为 0。 unloadEventEnd: 返回前一个页面 unload 时间绑定的回掉函数执行完毕的时间戳。 redir

React轻提示组件

u013040887 — Tue, 23 Jun 2020 14:58:06 +0800

https://github.com/jossmac/react-toast-notifications

快速上手RaphaelJS

u013040887 — Wed, 17 Jun 2020 17:57:35 +0800

Raphael Javascript是一个 Javascript的矢量库。它可以处理SVG、VML格式的矢量图，它使用SVG W3C推荐标准和VML作为创建图形的基础，你可以用Javascript 操作Dom 很容易的创建出复杂的柱状图、走势图、曲线图等各种图表，可以画图，可以画出任意复杂度的图像，以及图表或图像裁剪和旋转等复杂操作。什么是RaphaelJS? RaphaelJS是一个矢量绘图包，用来在浏览器中绘制图形。在这部分，我们将了解到RaphaelJS是什么、它与其它同类的绘图包.

block动画仿真方案

u013040887 — Thu, 11 Jun 2020 16:24:07 +0800

我在做什么我正在使用Blockly构建一个海龟图形应用程序。用户可以从块构建代码，然后Blockly引擎生成JS代码，该代码将绘制到画布上我的问题是什么 Blockly引擎生成JS代码，但将其作为字符串返回，我必须eval()绘制到画布。我可以更改块的代码以生成不同的输出，但保持它尽可能简单非常重要，因为用户可以读取块输入后面的实际代码。所以我不想搞砸它。我想做什么我可以完全控制原子操作（go，turn等），所以我想在函数的开头插入一小段代码，这会延迟执行功能的其余部分。类似的东西： functi

electron 蓝牙通信功能 BLE 带案例代码

u013040887 — Wed, 03 Jun 2020 10:39:46 +0800

依赖安装 noble 在 Linux 和 MacOS 上的安装还是比较简单的，所以可以参考noble/github上的介绍就可以了。以下着重演示以下 Window10 下的依赖安装和驱动替换。首先，我们需要安装的是 node-gyp / github。在 WIndow 下安装，需要先使用管理员权限打开 powershell 或者 CMD命令行工具，这里推荐使用 powershell。打开后，输入以下命令： npm install --global --production windows...

python合并大量ts文件成mp4格式

u013040887 — Mon, 11 May 2020 09:09:39 +0800

import os #exec_str = r'copy /b ts/c9645620628078.ts+ts/c9645620628079.ts ts/1.ts' #os.system(exec_str) f = open('index.m3u8', 'r', encoding='utf-8') text_list = f.readlines() files = [] for i in text_list: if i.find('#EX')==-1: files.appen...

react-native 本地 html并且同时引用css与js文件的方式相互通信

u013040887 — Fri, 29 Nov 2019 16:48:20 +0800

想要借助`webview`动态的渲染`html`代码,但是我html中需要用到的一些`css`或者`js`我该如何加载呢？全部写在html中?这好像也可以,但是他呀的,这样样式这么多，在加上`js`,这代码是不是太多了？下面我们来看下如何在`RN`中加载静态资源吧！我这里的只针对`Android`平台,至于`ios`的我还没有研究过. 1.第一步先打开android/app/s...

react-ace 的使用，代码提示与高亮并且添加自定义补全代码

u013040887 — Fri, 29 Nov 2019 14:42:56 +0800

import AceEditor from 'react-ace'; // 引用实例 import 'brace/mode/twilight'; // 引用自定义主题 import 'brace/mode/c_cpp'; // 定义为c_cpp代码高亮 import'brace/ext/language_tools'; // 增加代码提示 // 增加需要自定义的代码提示 const com...

react Ace 编辑器，快捷键、代码提示

u013040887 — Tue, 26 Nov 2019 19:59:18 +0800

1.安装命令 npm install react-ace 2.导入相关配置 import AceEditor from 'react-ace'; //language_tools语言工具，代码提示工具 import 'brace/ext/language_tools'; //searchbox过滤框，快捷键ctrl+F import 'brace/ext/searchbox'; //一...

electron程序，如何在主进程远程页面中注入js及css？

u013040887 — Tue, 26 Nov 2019 14:56:08 +0800

代码放置于主进程，针对某个渲染进程进行设置，注意：默认情况下，第二个渲染进程窗口是不会被注入这些代码的。所以，请仔细斟酌代码注入的时机。代码注入的时机应该是原版页面加载完毕后。所以，对于渲染进程窗口mainWindow，监控了一个did-finish-load事件。本文的代码中，mainWindow就是被操作的渲染进程窗口对象。这个是本文的代码基础。 //const fs = requir...

Nodejs进阶：如何玩转子进程（child_process）

u013040887 — Fri, 15 Nov 2019 16:43:40 +0800

在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学，可以用它来完成很多有意思的事情，比如文件压缩、增量部署等，感兴趣的同学，看文本文后可以尝试下。举个简单的例子： const spawn = require('child_process').spawn; const ls = spawn('ls', ['-l...

JS uint8Array转String 中文乱码的问题

u013040887 — Thu, 14 Nov 2019 23:28:49 +0800

nodejs中 require 方法的加载规则

u013040887 — Thu, 14 Nov 2019 10:20:36 +0800

require加载的顺序 1.优先从缓存中加载 2.从核心模块中加载（核心模块己编译成二进制文件，所以按名字加载） 3.从路径中加载文件 4.第三方模块一、优先从缓存中加载二、核心模块核心模块的本质也是文件，核心模块文件已经被编译到了二进制文件中了，我们只需要按照名字来加载就可以了。三、路径形式的模块我们说的路径形式的模块，其实...

在 umijs （Ant Design）项目中使用 Monaco Editor 的配置高亮配置

u013040887 — Wed, 13 Nov 2019 22:23:07 +0800

在 umijs 项目中使用 Monaco Editor 的配置安装相关包yarn add monaco-editor、yarn add monaco-editor-webpack-plugin、yarn add react-monaco-editor 添加chainWebpack配置 import MonacoWebpackPlugin from 'monaco-editor-web...

Scratch3.0 动画播放支持SB3.0文件单独运行

u013040887 — Thu, 07 Nov 2019 11:58:31 +0800

git clone https://github.com/LLK/scratch-render.git cd scratch-render npm install # 使用cnpm可能会安装失败 git下载慢的，可以考虑一下：加速下载 http://tool.mkblog.cn/github/ 其实Scratch开发团队已经实现了这个功能，只是我们要找到接口来调用。打开目录下的/test...

u013040887的博客

KEIL-51单片机实现自定义bootloader，用于程序更新 研究

axios FormData 传输的正确方式

node 调用c++方法解析共用体

简单上手nodejs调用c++(c++和js的混合编程)

electron-quick-start-ble 蓝牙

js收集页面加载性能数据

React轻提示组件

快速上手RaphaelJS

block动画仿真方案

electron 蓝牙通信功能 BLE 带案例代码

python合并大量ts文件成mp4格式

react-native 本地 html并且同时 引用css与js文件的方式 相互通信

react-ace 的使用，代码提示与高亮并且添加自定义补全代码

react Ace 编辑器，快捷键、代码提示

electron程序，如何在主进程远程页面中注入js及css？

Nodejs进阶：如何玩转子进程（child_process）

JS uint8Array转String 中文乱码的问题

nodejs中 require 方法的加载规则

在 umijs （Ant Design）项目中使用 Monaco Editor 的配置 高亮配置

Scratch3.0 动画播放支持SB3.0文件单独运行

KEIL-51单片机实现自定义bootloader，用于程序更新研究

react-native 本地 html并且同时引用css与js文件的方式相互通信

在 umijs （Ant Design）项目中使用 Monaco Editor 的配置高亮配置