simplify the life

2023年12月27日 #

React 页面崩溃问题

摘要: 今天遇到一个页面崩溃问题,很神奇的是初始化打开的时候会崩溃,但是切到其他内容,再切回来又好了 因为 React 是 prod 的版本,所以报错其实没卵用,最后定位到这个代码上: 尝试了下,一个组件,return null 或者 return false 都是 work 的,但是 return und 阅读全文

posted @ 2023-12-27 10:17 lessfish 阅读(56) 评论(0) 推荐(0) 编辑

2023年3月24日 #

Node12+ 下 axios 包使用报错引发的对 package.json's exports 等属性以及 esm 的学习

摘要: 最近碰到一个 case,在一个用 ts 写的 node 项目里,使用 axios,本地开发没问题,但是部署上去报错了,然后使用方式改了一下就没问题了 import axios from 'axios' // 部署上去后报错 // 修改后 import axios from 'axios/dist/n 阅读全文

posted @ 2023-03-24 21:52 lessfish 阅读(2200) 评论(1) 推荐(1) 编辑

2023年2月25日 #

这些 JavaScript 笔试题你能答对几道?

摘要: 收藏 javascript-questions 这个仓库很久了,趁着周末来锻炼下自己的 JS 基础水平 因为逐渐也在承担一些面试工作,顺便摘录一些个人觉得比较适合面试的题目和方向 事件流(捕获、冒泡) 源链接 以下代码点击结果是啥? <div onclick="console.log('div')" 阅读全文

posted @ 2023-02-25 20:56 lessfish 阅读(373) 评论(0) 推荐(2) 编辑

2022年12月8日 #

CodeSandbox

摘要: 网站 https://codesandbox.io/ 新建的时候有各种模版可以选择,也可以从 GitHub 导入项目,也可以把自己的项目作为模版方便下次直接 fork 默认会存放在﹝My drafts﹞中,也可以在﹝All sandboxes﹞下新建文件夹存储 特别强大的是,本地的项目可以直接通过 阅读全文

posted @ 2022-12-08 19:22 lessfish 阅读(198) 评论(0) 推荐(0) 编辑

2022年12月7日 #

shell

摘要: 变量 基础 # 定义变量,不需要加 $。变量名和等号之间不能有空格 name='fish' # 变量引用,推荐后者 echo $name echo ${name} # 删除变量,变量被删除后不能再次引用 unset name 字符串 字符串可以用单引号,可以用双引号,甚至可以不用引号 单引号: 单引 阅读全文

posted @ 2022-12-07 14:41 lessfish 阅读(25) 评论(0) 推荐(0) 编辑

2022年11月20日 #

yaml

摘要: YAML 是专门用来写配置文件的语言,非常简洁和强大,远比 JSON 格式方便 所以抛弃对 YAML 的成见吧,基本使用方式可参考 YAML 语言教程 使用缩进表示层级关系,缩进时候不允许使用 tab,只允许使用空格(但是空格数目不重要,只要相同层级元素左侧对齐即可) YAML 支持对象、数组和纯量 阅读全文

posted @ 2022-11-20 20:04 lessfish 阅读(64) 评论(0) 推荐(0) 编辑

pnpm 版本切换

摘要: pnpm 如何做版本管理?有时候一个项目需要用 pnpm6,另一个项目可能要用 pnpm7 方法一 pnpm dlx pnpm@7 install pnpm dlx pnpm@7 run dev:all 即用 pnpm dlx pnpm@7 来指定用 pnpm7 (如果有 npx 的话,感觉用 np 阅读全文

posted @ 2022-11-20 16:24 lessfish 阅读(13510) 评论(0) 推荐(0) 编辑

nvm

摘要: nvm GitHub 用来切换 Node.js 版本 安装方式详见 GitHub,不要通过 homebrew 进行安装 安装完后,会自动在 ~/.zshrc 加上这么一段: export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NV 阅读全文

posted @ 2022-11-20 11:02 lessfish 阅读(55) 评论(0) 推荐(0) 编辑

2022年11月9日 #

Nginx 命令备忘

摘要: 安装:brew install nginx 启动:nginx(默认端口 8080,启动后查看 http://localhost:8080/)(所以启动了 nginx,8080 的端口就被占用了) 停止:nginx -s stop 重启:nginx -s reload 查看配置是否正确:nginx - 阅读全文

posted @ 2022-11-09 09:26 lessfish 阅读(65) 评论(0) 推荐(0) 编辑

用 VSCode 调试 Node.js

摘要: 选择一个文件启动。选择﹝Run Current File﹞会将当前文件作为入口进行启动,本质是 node xx.js 命令行启动。选择﹝JavaScript Debug Terminal﹞,VSCode 中会打开一个终端,在里面启动命令如 node xx.js,自动进行 Debugger attac 阅读全文

posted @ 2022-11-09 09:17 lessfish 阅读(1647) 评论(0) 推荐(0) 编辑

2022年5月30日 #

Git

摘要: git config --global merge.conflictstyle diff3(合并冲突的时候,能显示原内容) 合并多个 commit 命令行快速模拟 git 操作: mkdir test cd test echo "0" >> a git add a git commit -m "Co 阅读全文

posted @ 2022-05-30 09:28 lessfish 阅读(61) 评论(0) 推荐(0) 编辑

2021年3月2日 #

VSCode 常用配置

摘要: theme color 有时候需要修改 VSCode 一些默认的颜色配置(使看起来更明显),在左下角打开 Settings 搜索 workbench.colorCustomizations 进行配置即可 官方文档 修改当前 active tab 的背景色 "tab.activeBackground" 阅读全文

posted @ 2021-03-02 10:05 lessfish 阅读(197) 评论(0) 推荐(0) 编辑

2021年3月1日 #

Linux 常用命令

摘要: 将接口返回结果保存成文件 为了快速方便查看 curl 的请求结果(通常是 json),需要将 curl 的结果保存下来 可以用 -o output.json 或者 >> output.json 实现 curl --location --request GET 'https://randomuser. 阅读全文

posted @ 2021-03-01 19:45 lessfish 阅读(118) 评论(0) 推荐(0) 编辑

2020年3月4日 #

Nuxt 项目性能优化调研

摘要: 性能优化,这是面试中经常会聊到的话题。我觉得性能优化应该因具体场景而异,因不同项目而异,不同的手段不同的方案并不一定适合所有项目,当然这其中不乏一些普适的方案,比如耳熟能详的文件压缩,文件缓存,CDN,DNS 预解析,等等,但是我更希望听到的是因为不同的项目不同的需求,解决不同的问题而采取的不同的优 阅读全文

posted @ 2020-03-04 19:08 lessfish 阅读(7593) 评论(0) 推荐(1) 编辑

2020年2月29日 #

一个 API 设计上的失误

摘要: 意识到自己的设计失误,源于同事的一次开发报错 事情回到工具库设计当初,我需要为内部封装一个浏览器环境判断库,这个库需要的功能非常简单,判断是否在某些宿主环境中打开,比如移动端、微信、微博,以及我们自己的 APP,等等,实现思路也非常简单,拿到 UA 进行分析就行了 但是在 API 设计上,我有了两个 阅读全文

posted @ 2020-02-29 18:51 lessfish 阅读(275) 评论(0) 推荐(0) 编辑

2018年8月2日 #

mpvue 初体验之改写【车标速查】

摘要: "前文" 说到我开发了一个简单的小程序叫做 车标速查(代码以及二维码详见 "这里" ),本文简单讲讲如何将这个小程序转为 mpvue 开发(最终 "成果" ) mpvue 官网的 "文档" 真的是非常简单,不,应该说是简洁,因为依托 Vue,所以很多语法不需要赘述,直接去看 Vue 的文档就好了。m 阅读全文

posted @ 2018-08-02 08:24 lessfish 阅读(982) 评论(0) 推荐(0) 编辑

2018年7月30日 #

微信小程序开发初体验

摘要: 最近因为工作需要入门了一下小程序,边入门也边在思考小程序的应用场景,“用完即走” 四个字一直浮现在脑海。正好最近在学驾照,因为以前一直对车不感冒,所以连奔驰都不认识,正好做个车标速查的小程序,非常符合 “用完即走” 的理念 最终源码点击 "这里" (附小程序码),车标信息数据来自 "车标网" 因为小 阅读全文

posted @ 2018-07-30 21:44 lessfish 阅读(1444) 评论(0) 推荐(1) 编辑

2018年5月21日 #

pointer-events: none 的两个应用场景

摘要: 简介 真是个神奇的属性。 该属性有什么用?借用 "CSS3 pointer events:none 应用举例及扩展" 的总结来说: 顾名思义,就是鼠标事件拜拜的意思。元素应用了该 CSS 属性,链接啊,点击啊什么的都变成了 “浮云牌酱油”。 的作用是让元素实体 “虚化”。例如一个应用 pointer 阅读全文

posted @ 2018-05-21 20:15 lessfish 阅读(20981) 评论(2) 推荐(2) 编辑

2018年1月16日 #

分享几个写 demo 的思路

摘要: 好久没有动笔,最近发现了一个新的写 demo 的思路,非常有意思。仔细一想,自己仿佛积累了不少写 demo 的思路和想法,总结一下,抛砖引玉。 本文所说 demo 主要分以下三种: 本地 demo 外链 demo 文章中带 demo 本地 demo 楼主在工作和学习中是比较喜欢写 demo 的,抛出 阅读全文

posted @ 2018-01-16 21:25 lessfish 阅读(4962) 评论(3) 推荐(0) 编辑

2017年12月18日 #

from Require.js to Webpack(why)

摘要: 写在前面: 本文主要参考 "From Require.js to Webpack Part 1 (the reasons)" ,原文作者将项目从 require.js 转移到了 webpack 并详细说明了原因以及好处。 commonjs (webpack 默认 commonjs,很显然,commo 阅读全文

posted @ 2017-12-18 09:52 lessfish 阅读(541) 评论(0) 推荐(0) 编辑

导航