lessfish - 博客园

React 页面崩溃问题

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

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

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 阅读(2230) 评论(1) 推荐(1) 编辑

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

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

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

CodeSandbox

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

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

shell

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

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

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 阅读(13867) 评论(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 阅读(56) 评论(0) 推荐(0) 编辑

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 阅读(66) 评论(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 阅读(1653) 评论(0) 推荐(0) 编辑

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) 编辑

VSCode 常用配置

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

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

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) 编辑

Nuxt 项目性能优化调研

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

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

一个 API 设计上的失误

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

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

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

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

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

微信小程序开发初体验

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

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

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

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

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

分享几个写 demo 的思路

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

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

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 阅读(542) 评论(0) 推荐(0) 编辑

simplify the life