中文文案排版指北 abandon1a2b Coding 转载 中文文案排版指北 统一中文文案、排版的相关用法，降低团队成员之间的沟通成本，增强网站气质。 其他语言： 英语 繁体中文 简体中文 简体中文 （外部链接） 目录 空格 「有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在 34 岁的时候跟自己不爱的人结婚，而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。 与大家共勉之。」—— ...
powershell & linux bash abandon1a2b Coding pwsh docs 地址 pwsh vs bash my profile other PowerShell 是构建于 .NET 上基于任务的命令行 shell 和脚本语言。 PowerShell 可帮助系统管理员和高级用户快速自动执行用于管理操作系统（Linux、macOS 和 Windows）和流程的任务。 pwsh docs 地址 pwsh docs pwsh vs bash pwsh bas...
how to use wsl abandon1a2b Coding 1. WSL2 linux权限问题 chmod(): Operation not permitted 解决方法 1. WSL2 linux权限问题 chmod(): Operation not permitted 解决方法 最近在 WSL 下碰到PHP chmod(): Operation not permitted 这个问题，看起来是文件权限的问题，不过查看该文件的权限是 777，不知道是 Bu...
ToolList abandon1a2b Coding anyproxy fiddler mitmproxy wsl/powershell+ssh+termial xshell MobaXterm mycli mysqlshell workbench phpmyadmin DataGrip navicat name desc IsGui script false 版本管理 false composer php包管理 true deployer 基于ph...
vscode and php abandon1a2b Coding 最近一直用vscode 没怎么用phpstorm ，vscode 用的是 PHP Intelephense ，但是好多非核心得扩展都没有提示，所以用着并不是很舒服，打开phpstorm点击redis得提示能看到，这些提示是一个jar包里的php文件， https://github.com/JetBrains/phpstorm-stubs 把需要的文件放在项目中即刻获得代码提示。（原理和larave...
simple request / not so simplerequest abandon1a2b Coding 浏览器将CORS请求分成两类：简单请求 simple request 和非简单请求not-so-simple request。 只要同时满足以下两大条件，就属于简单请求。 那么对于非简单请求，浏览器会首先发送一个options嗅探。 这里不做示范。直接上一段php解决非简单请求的方法 直接设置会导致浏览器请求两次，所以还需要一些其他处理，防止重复请求 浏览器规定真。。。
react router/react router dom 二级目录写法 abandon1a2b Coding 注意第一种方法是react-route,二三种方法是react-router-dom，但是第二种方法个人不推荐 目前博客的jsx语法显示有些缺陷 三种写法，第一种根据react-router但是我没有写成功 第二种，b站教学视频，可以运行正确，但是失去层级意义，代码有冗余信息 个人认为这是一种错误写法，为了要起到二级目录的效果，所有的path都要写成二级目录的形式才能生效，导致该写法Switch中...
react 包优化 abandon1a2b Coding 把一个react项目打包发布到了githubpage上，结果加载速度异常的慢，同比hexo生成的博客项目，加载速度尚可，打开network分析，两者差距较大， react项目的js文件将近1m，但是react的首屏出了一个nav和一段文字描述，其实并没有什么东西。而hexo项目本身文字较多，但js文件累加不足100k。导致react项目在带宽较低的情况下体验极差（我的腾讯云也只有1mbps理论上也...
数据可视化工具了解 abandon1a2b Coding 能憋死你不 能憋疯 想找一个js可视化的库，结果感觉有点乱，所以打算从库来源，下载数量等地方统计一下，来决定用哪个，虽然大不了再换，再大不了就去手撸js，不过还是先了解一下当下也是不错。 Three.js 该项目的目的是创建一个易于使用、轻量级的 3D 库，并带有默认 WebGL 渲染器。该库还提供了示例中的 Canvas 2D、SVG 和 CSS3D 渲染器。 在这提一下three.js，虽然该...
React Webpack alias&&vscode use alias abandon1a2b Coding 今天看react的项目目录里view和components是分开的，但是view里面有引用components的组件，然后from'../../xxxx'这种丑陋的引用路径就冒出来了。 之前使用laravel的时候记得里面的js资源（laravel里面的前端资源真是一条龙。全栈工具箱。。。），有用 代替路径，于是进行了查找 react 别名 react alias ，查找的结果是customize...
jsx abandon1a2b Coding 首先看一段原生php代码（不了解php没关系，下面就是一个原生html内嵌了一段php代码，在服务端，php的解释器会将php代码转换成html） 客户端接收源码 虽然现如今的php项目很少有这种代码了，但是过去，还有现在的一些单页面用php写的工具仍然有这种写法，一段html文本中内嵌了php代码，php或php-fpm将其中的 <?php xxx ?> 解析运行然后返回客户端。 接下来我们在看...
React[005]01-如何显示定界符 abandon1a2b Coding 结论如果在jsx中打印 写法是这样的 {'{'}{'}'} ,相当于 {'{'} 加一个 {'}'} jsx的语法是嵌套 ，所以今天我想打印 这时候我按照其他语言默认实现都是加'\\'转义，结果发现不管用，当时试了一下声明变量没问题， 也不存在html转义码，当时有点懵。因为光想这是个特殊字符忘了以字符串的形式展示，具体实现上面已经说过，所以并没有在网上找到什么有用的信息。最后找到一个 html转...
React[005]传值给子组件 abandon1a2b Coding index.js 外部老生畅谈 主要是循环用到了 array.map 组件需要一层层传递 如果需要透传可以使用 {...todo} TodoItemList TodoItem 数据改变
React[004] Component+数据传递 abandon1a2b Coding src/components/Header/index.js src/components/index.js src/App.js src/index.js 数据传递 App.js components/TodoHeader/index.js