杜建军 发布的文章
在博客页面里直接写react
我想试一下这个博客有多牛逼。。结果竟然支持在里面直接写react
页面的代码是
但是有个缺点:换号的时候会自动给我加 p 标签。我要想一个办法解决。。。
<script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.22.17/babel.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/react/18.2.0/umd/react.development.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/react-dom/18.2.0/umd/react-dom.development.min.js"></script>
<script type="text/babel">
function App(){
let [a,setA] = React.useState(1)
return <>
<div>数字:{a}</div>
<button onClick={()=>{setA(a+1)}}>加一</button>
</>
}
// 使用createRoot来渲染应用
const rootElement = ReactDOM.createRoot(document.getElementById('root'));
rootElement.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
</script>
<div id="root"></div>
下面是运行后的结果:
欢迎使用 Typecho
如果您看到这篇文章,表示您的 blog 已经安装成功.
这是10年前的程序。。。
解决m1的mac 无法安装 canvas 包
m1 芯片不能直接 npm install canvas
,会报错。
Github上的解决方案:
https://github.com/Automattic/node-canvas/issues/1733
Ok, I somehow got it to work but I really don't know what I changed... I assume you ran brew install pkg-config cairo pango libpng jpeg giflib librsvg at some point? The only thing I remember doing was running brew doctor once, then npm uninstall canvas and npm i canvas --save
1. 安装依赖
brew install pkg-config cairo pango libpng jpeg giflib librsvg
2. 删除 node_modules 重新安装
rm -rf node_modules
npm install
从知网复制文本
Chrome 实现了一个获取所有监听者的api(包括匿名函数声明的)。通过这个 api 可以轻松删除事件监听。
将知网所有限制复制的监听者全部删除,实现自由复制文本。
(function copyTextFromCNKI() {
const listenerNames = {
'contextmenu': document,
'keydown': document,
'mouseup': document.querySelector('div.content')
}
for (const[listenerName, ele] of Object.entries(listenerNames)) {
const listeners_arr = window.getEventListeners(ele)[listenerName]
listeners_arr?.forEach((obj) => {
const listener = obj?.listener
listener && (ele.removeEventListener(listenerName, listener) && ele.removeEventListener(listenerName, listener, true))
})
}
})()
此方法同样适用于 百度文库