Mr.Yellow.Wills

产品与需求购物车功能需求我们在忙的时候，有时突然想到要买一个东西，但是又放不下手头的事情，于是想有一个地方先记录下要买的东西；有时候我们需要收集日常要买的东西，到时候统一购买，以便享受优惠或包邮；有时候我们需要提前记录要购买的东西，以便在618、双十一等时间统一买； 产品设计这个时候需要一个地方统一记录需要购买的东西，手机和电脑都可以用，随时随地记录。所以要做一个产品，既能手机用，又能电脑用... more

这是一篇掘金小册ssr册子的阅读笔记， 同构：前后端使用同一套代码；这里涉及到一个技术实现细节， 服务端使用babel，客户端使用webpack后端代码通过babel实现，将es转为js；前端代码通过webpack全部打包到一个index.js文件中； 服务端运行依赖node_modules，客户端将node_modules打包到index.js中后端代码通过babel转义js后，babe... more

探究两个问题： rollup能打包没有安装过的依赖。 react组件包，如何不打包react 依赖外部react？ 前情准备 peerDependencies external一文搞懂 peerDependencies + external rollup能打包没有安装过的依赖rollup 编译时，当import某个包时，如果此包存在于node_modules中，则会被打包进去；如果此包不存... more

本文主要是m芯片安装的一些问题分析，其中关于 node，其他系统安装可以借鉴。 node-sass失败可能是 node-sass与node版本不一致导致。 nvm install失败问题M2芯片 安装node 12 版本；node 16版本之前的版本，没有适配 m芯片，可以通过提示：Mac M1 nvm install失败问题12345➜ sales_app git:(carDetail)... more

服务端渲染理解服务端渲染时；输入一个菜单路由路径，在没有ssr时，全部是 react 配合 router 实现的渲染，这应该有一个逻辑，就是，每次跳转到新的页面，跳转时，react router 渲染好想要的内容，渲染完毕调用类似：history.pushState(‘data to be passed’, ‘Title of the page’, ‘/test111999’);来修改浏览器... more

基础知识高低电平计算机的存储和速度都是基于这个来表示的。 计算机容量单位在物理层面，使用高低电平记录信息，1表示高电平，0表示低；如上面的《高低电平》所以计算机理论上只认识0/1两种状态0/1称为bit（比特位）因为bit太小了，因此发展出来更大的单位字节 1byte=8bits 网络速度 cpu的速度2G赫兹，表示cpu每秒钟高低电平的频次。 字符与编码集ASC||码使用7个bits就可以... more

浏览器插件是一个单独进程，拥有很多电脑操作底层的能力，这是渲染进程所不能有的底层操作能力，这是插件的一切魅力源泉！因此浏览器插件能做到很多页面业务js所无法做到的能力。 核心概念popup，options，background，content_scripts background 是后台，相当于进程，没有dom，不具备浏览器特性，所以很多浏览器api用不了，类似于 node 进程；conte... more

浏览器原理谷歌的多进程当前谷歌是多进程，启动谷歌浏览器后，就会启动浏览器主进程、插件进程、渲染进程， 其中每个标签页面会单独对应一个渲染进程，多个页面就会有多个渲染进程。我们的html、js、v8引擎都在这个渲染进程中，这个渲染进程处于一个沙箱内，这样目的是为了不影响其他页面，保证了稳定性。 随着3d动画的出现，后面又出现了 一些其他基础服务进程，比如 GPU进程、网络进程 等等。 开启的进... more

黑知识yarn试验1234567891011121314{ "name": "yarndemo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exi... more

黑知识由install预安装了解npm生命周期命令node-gyp参考 package-json If there is a binding.gyp file in the root of your package and you have not defined an install or preinstall script, npm will default the install c... more