update

articles/notes/excel.md

@@ -0,0 +1,10 @@
+# Excel
+> 学习excel的操作，目标是超过老婆的水平，说不定还能给老婆写插件
+
+
+## [前端 Excel Workbook Manager ](https://github.com/exceljs/exceljs)
+> Read, manipulate and write spreadsheet data and styles to XLSX and JSON.
+> Reverse engineered from Excel spreadsheet files as a project.
+
+- [中文内容](https://github.com/exceljs/exceljs/blob/master/README_zh.md)
+

cg/gpu.md

@@ -45,4 +45,5 @@ foreach(tile)
 
 - [GPU Architectures A CPU Perspective](https://courses.cs.washington.edu/courses/cse471/13sp/lectures/GPUsStudents.pdf)
 - [CPU vs. GPU Key Differences & Uses Explained](https://www.run.ai/guides/multi-gpu/cpu-vs-gpu)
-- [关于他的一篇GPU Architecture文章](https://github.com/Kangz)
+- [关于他的一篇GPU Architecture文章](https://github.com/Kangz)
+- [tiny-gpu A minimal GPU implementation in Verilog optimized for learning about how GPUs work from the ground up](https://github.com/adam-maj/tiny-gpu)

cpl/ECMAScript.md

@@ -299,3 +299,9 @@ struct list_head {
 ### cutils.h/cutils.c
 
 一些位操作，与内存，字符编码，排序等有关的函数
+
+# Babel
+babel7舍弃了以前的 babel-*-* 的命名方式，改成了@babel/*-*
+处理流程
+
+![](../images/babel.png)

index.html

@@ -14,6 +14,7 @@
     <section class="side-menu d-flex flex-column">
       <a href="./index/book-info.md">book</a>
       <a href="./dev-note/index.md">dev-note</a>
+      <a href="./web/index.md">dev-web</a>
       <a href="./index/article.md">个人笔记</a>
       <a href="./index/online.md">线上资源</a>
       <a href="./index/standard.md">标准</a>

index/article.md

@@ -5,37 +5,9 @@
 - [Markdown](/articles/markdown.md)
 - [Mathjax](/articles/mathjax.md)
 - [数学概念笔记](/articles/notes/math.md)
+- [数学概念笔记](/articles/notes/excel.md)
 - [软硬件一体的项目](/articles/others/robot.md)
 
-### web
-- [网页开发内容](../web/index.md)
-- [webassembly](../web/webAssembly.md)
-- [http](../web/http.md)
-- [html](../web/html.md)
-- [css](../web/css.md)
-- [canvas](../cg/canvas.md)
-- [小程序开发](../web/mini.md)
-- [字体](../web/font.md)
-- [框架](../web/framework.md)
-- [测试模块](../web/test.md)
-- [图像处理](../web/ImageManipulation.md)
-- [diff算法原理](../web/diff.md)
-- [使用过的库](../web/library.md)
-- [FRP-Functional Reactive Programming](../cpl/frp.md)
-- [web](./web.md)
-- [浏览器](./browser.md)
-- [html](./html.md)
-- [CSS](./css.md)
-- [适配屏幕](./adapt.screen.md)
-- [font](./font.md)    
-- [http](./http.md)
-- [nginx](./nginx.md)
-- [javascript](./JavaScript.md)
-    - [typescript](./typescript.md)
-    - [bable](./babel.md)
-    - [vue](./vue.md)
-
-
 ### 图形学
 - [裁剪](../cg/tools/culling.md)
 - [四元数](../cg/tools/quaternion.md)

index/book-info.md

@@ -10,6 +10,9 @@
 - 毛选，在读
 - 符号学：原理与推演，南京大学出版社，ISBN:9787305160516, 在读
 
+### [图解儿童逆反心理](https://book.douban.com/subject/20373323/)
+> 了解孩子的过程，就像有些道理知道，但是去做就是另一回事儿，阅读至少加深在做这个字眼上的付出
+
 ### [Learn OpenGL](../books/Learn%20OpenGL.md)
 
 模板测试，Object outlining的流程处理给出了一个方案
@@ -30,8 +33,6 @@
 ### [Polygon Mesh Processing](https://book.douban.com/subject/5463738/)
 [官网有资源](http://www.pmp-book.org/)
 
-### [The Software Foundations series is a broad introduction to the mathematical underpinnings of reliable software.](https://softwarefoundations.cis.upenn.edu/)
-> 该系列现在有6本了，属于理论比较高深的
 
 ## readed
 - 计算机图形图像设计，2016，中国传媒大学出版社，已读
@@ -62,6 +63,8 @@
 - [A collection of academic papers, articles, and other resources that I plan to read or have read. ](https://github.com/jeffrey-xiao/papers/tree/master)
 - [Modern Robotics: Mechanics, Planning, and Control现代机器人学：机构、规划与控制](http://hades.mech.northwestern.edu/index.php/Modern_Robotics)
 
+### [The Software Foundations series is a broad introduction to the mathematical underpinnings of reliable software.](https://softwarefoundations.cis.upenn.edu/)
+> 该系列现在有6本了，属于编程语言理论比较高深的, 程序的自动证明甚至程序的自动生成都是未来可能成熟的技术，形式化
 
 
 ## 网上资源

index/computerScience.md

@@ -154,4 +154,5 @@
 
 - [计算机专业学习路线](https://hackway.org/docs/cs/intro)
 - [安全之攻击](../others/attacks.md)
+- [The original sources of MS-DOS 1.25, 2.0, and 4.0 for reference purposes ](https://github.com/microsoft/MS-DOS)
 

web/framework.md

@@ -10,6 +10,9 @@ window.addEventListener('hashchange', initial, false);
 
 Vue3.0新增了一个组件Teleport组件，将其所在组件模板内容内容移动到特定的DOM位置
 
+## 参考
+- [Vue 技术栈 Vue3 + Pinia + Vite5 实现](https://github.com/zyronon/douyin)
+
 # Electron
 
 - [工程创建模板](https://github.com/reZach/secure-electron-template)

web/index.md

@@ -1,5 +1,29 @@
 # Web
 
+- [网页开发内容](/web/index.md)
+- [webassembly](/web/webAssembly.md)
+- [http](/web/http.md)
+- [html](/web/html.md)
+- [css](/web/css.md)
+- [canvas](/cg/canvas.md)
+- [小程序开发](/web/mini.md)
+- [字体](/web/font.md)
+- [框架](/web/framework.md)
+- [测试模块](/web/test.md)
+- [图像处理](/web/ImageManipulation.md)
+- [diff算法原理](/web/diff.md)
+- [使用过的库](/web/library.md)
+- [FRP-Functional Reactive Programming](/cpl/frp.md)
+- [web](/web.md)
+- [浏览器](/web/browser.md)
+- [html](/web/html.md)
+- [CSS](/web/css.md)
+- [适配屏幕](/web/adapt.screen.md)
+- [font](/web/font.md)    
+- [http](/web/http.md)
+- [nginx](/web/nginx.md)
+- [javascript](/cpl/web/ECMAScript.md)
+
 - [Web Check网站分析，分析各种配置，可参考网站的配置](https://web-check.as93.net/)
 - [Draggable objects可拖动的对象网页实现](https://www.redblobgames.com/making-of/draggable/)
 
@@ -124,19 +148,13 @@ jszip.loadAsync(new Blob([buffer])).then(zip=>{
     - [CADit.app](https://cadit.app/)
     - [A jscad UI playground developed here and meant to be later contributed into jscad](https://github.com/hrgdavor/jscadui)
 
-## 参考
-
-# Test 
-
-# Test
+## Test
 
-测试
-
-## TDD
+**TDD**
 
 测试驱动开发， 在开发功能代码之前，先编写单元测试用例代码，确定需要编写的代码逻辑。TDD是XP(Extreme Programming)的核心实践
 
-## BDD
+**BDD**
 
 行为驱动开发， 
 
@@ -147,18 +165,18 @@ BDD(Behavior Driven Development), 提出者 Dan North 强调 BDD 不是关于测
 测试相关的配置
 
 vue创建工程时，有一个[Manually select features](https://lmiller1990.github.io/vue-testing-handbook/zh-CN/setting-up-for-tdd.html#%E5%AE%89%E8%A3%85-vue-cli)中可配置
+- [BDD](https://insights.thoughtworks.cn/when-we-talk-about-bdd/)
 
-## Vue Test Utils
-
-the official unit testing utility library for Vue
-
-组件对应的测试文件<Component Name>.spec.js
+### [Jasmine](https://github.com/jasmine/jasmine)
 
+TDD(Test Driven Development)测试驱动开发的框架，
 
-## Jest 
+[Behavior-Driven JavaScript docs](https://jasmine.github.io/pages/docs_home.html)
+[2.9](https://jasmine.github.io/2.9/introduction)
 
+### Jest 
 
-## Karma
+### Karma
 
 npm install --save-dev karma karma-mocha karma-chrome-launcher karma-mocha-reporter karma-webpack mocha mocha-sinon sinon sinon-chai webpack karma-chai chai
 
@@ -169,29 +187,6 @@ node .\node_modules\karma\bin\karma init
 - [karma.conf.js配置](https://karma-runner.github.io/5.2/config/configuration-file.html)
 - [karma-coverage](https://github.com/karma-runner/karma-coverage)测试覆盖率
 
-## webpack
-
-需要打包vue组件
-webpack karma-webpack 
-
-使用bable处理ES6语法
-babel-core babel-loader babel-preset-es2015
-
-Vue-cli3开始把webpack.config.js隐藏在node_modules/@vue/cli-service/webpack.config.js 直接引用这个就可以了, **这一步很重要，否则webpack的配置很难处理**
-
-## [Jasmine](https://github.com/jasmine/jasmine)
-
-TDD(Test Driven Development)测试驱动开发的框架，
-
-[Behavior-Driven JavaScript docs](https://jasmine.github.io/pages/docs_home.html)
-
-[2.9](https://jasmine.github.io/2.9/introduction)
-
-## [chai](https://github.com/chaijs/chai)
+### [chai](https://github.com/chaijs/chai)
 
 [document](https://www.chaijs.com/)
-
-## 参考
-
-- [BDD](https://insights.thoughtworks.cn/when-we-talk-about-bdd/)
-- [vue unit test](https://vuejs.org/v2/cookbook/unit-testing-vue-components.html)

web/library.md

@@ -75,6 +75,8 @@ new Promise(()=>{
     }
 })
 ```
+
+
 # [node-gyp](https://github.com/nodejs/node-gyp)
 node-gyp is a cross-platform command-line tool written in Node.js for compiling native addon modules for Node.js. It contains a vendored copy of the gyp-next project that was previously used by the Chromium team and extended to support the development of Node.js native addons.
 

web/pkg.md

@@ -86,6 +86,14 @@ yarn add libraryName -W --registry https://registry.npm.taobao.org
 Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
 
 ### [webpack](https://www.webpackjs.com/)
+需要打包vue组件
+webpack karma-webpack 
+
+使用bable处理ES6语法
+babel-core babel-loader babel-preset-es2015
+
+Vue-cli3开始把webpack.config.js隐藏在node_modules/@vue/cli-service/webpack.config.js 直接引用这个就可以了, **这一步很重要，否则webpack的配置很难处理**
+
 
 ### [Parcel](https://parceljs.org/docs/)
 
@@ -94,6 +102,10 @@ Parcel is a zero configuration build tool for the web
 ## 相关库
 
 ### [nrm切缘源的工具](https://github.com/Pana/nrm)
+```js
+nrm ls
+nrm use
+```
 
 ### [nvm-windows](https://github.com/coreybutler/nvm-windows/releases)