web原理及基础概念
链接渲染页面：浏览器的工作原理渲染页面：浏览器的工作原理 - Web 性能 | MDN (mozilla.org)
理解回调函数
10张图让你彻底理解回调函数 - 知乎 (zhihu.com)
并发模型与事件循环
并发模型与事件循环 - JavaScript | MDN (mozilla.org)
Promise
Promise - JavaScript | MDN (mozilla.org)
沙箱环境
缓存
回调函数
工程化开发crx
15000字大章带你一步一步使用Vue3开发chrome浏览器插件 | 掘金年度征文
之前写过一篇 chrome 浏览器插件开发的文章 全方面手把手从0到1带你开发谷歌浏览器插件 ，但是不是 vue/react 这种第三方框架的，是原生和 jquery 混合的，但是那种开发前端方式比较麻烦，所以下面是用 vue 来开发插件。
文章有点长，建议先收藏再一步步来进行实操
github地址：https://github.com/18055975947/my-vue3-plugin
码云地址：https://gitee.com/guoqiankun/my-vue3-plugin
一、创建 Vue 项目使用 vue-cli 创建 vue3.x 版本的 vue 项目 vue create my-vue3-plugin 如果在创建项目的时候报错，报错内容如下：
1234567891011error Couldn't find package "postcss-normalize-string@^4.0.2" required by "cssnan ...
crx学习
写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，所以转载务必保留 http://blog.haoji.me/chrome-plugin-develop.html 。本文所有涉及到的大部分代码均在这个demo里面：https://github.com/sxei/chrome-plugin-demo ，大家可以直接下载下来运行。
另外，本文图片较多，请耐心等待加载完毕。
本文目录：
demo部分截图：
仓库说明
full-chrome-plugin-demo：大部分demo代码都在这个仓库；
simple-chrome-plugin-demo：最精简的Chrome仓库模板，当需要快速写一个简单仓库时可以基于这个模板；
page-action-demo：关于page-action部分的demo代码，由于这部分代码和full-chrome-plugin-demo冲突，所以单独拿出来；
前言什么是Chrome插件严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对 ...
crx实操
[toc]
来源：https://juejin.cn/post/7035782439590952968
简单小插件Chrome插件并没有很严格的项目结构要求，比如src、public、components等等，因此我们如果去看很多插件的源码，会发现每个插件的项目结构，甚至项目下的文件名称都大相径庭；
但是在根目录下我们都会找到一个manifest.json文件，这是插件的配置文件，说明了插件的各种信息；它的作用等同于小程序的app.json和前端项目的package.json。
我们在项目中创建一个最简单的manifest.json配置文件：
1234567891011{ // 插件名称 "name": "Hello Extensions", // 插件的描述 "description" : "Base Level Extension", // 插件的版本 "version": "1.0", // 配置插件程序的版本 ...
crx问题记录
记录crx开发中，遇到的问题
unsafe-eval使用的vue开发的页面，用到了eval方法，在插件中不通过
需要在manifest.json中配置安全策略
1,"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
参考：(3条消息) CHROME扩展笔记之拒绝unsafe-eval求值_slongzhang_的博客-CSDN博客
6.001
117:00
competition
what is konwledge?
declaretive kownledge
satement of fact
defination
act
imperative kownledge
It tells you how you might test something,but it doesn’t tell you how to
is a description of how to deduce something
fixed-program computer
program is a recipe
Given a fixed set of primitives ,a good programmer can program anything
with six primitives,i can rule the world
with six primitives, i can program anything
we need to know not only what are the primitives,but how do w ...
其他
2022年3月31日123456有一观点是: 编程的本质, 数据结构 + 算法, 任何算法都包含两部分, Logic + ControlLogic部分就是真正意义上的算法Control部分只是影响解决问题的效率.
架构
前端架构