冰当的日记本, 一个前端开发的博客,一个橙子pro|www.bianbingdang.com

冰当的日记本

开源作品

howtools 一个好用的js工具库
howusehowuse 一个好用的vue web开发辅助库
vqiankunvqiankun 基于乾坤的vue2和vue3微应用加载器
wtv-online 在线文本托管工具
wtv 一个爱看电视的项目

vite vue3 项目配置记录2022-11-09

vitevue3项目配置记录参考文档https://cn.vitejs.dev/guide/基础配置JavaScriptexportdefaultdefineConfig({base:"",//配置css、js等资源为相对目录//...配置卸载这里define:{},plugins:[]})define-做一些文本替换的功能，在vue3中常见的是关闭options选项，以便打包之后缩小体积JavaScriptdefine:{__VUE_OPTIONS_API__:false,__VUE_PROD_DEVTOOLS__:false,},plugins-配置一些插件，也是vite最核心的部分**1

网页收藏2022-11-05

语言[dartitying中文](https://www.itying.com/dart/dart02.html)typescript[tsdoc](https://tsdoc.org/)TS注释规范标准，拓展：https://juejin.cn/post/7140337202097029133nodejs[typeorm英文](https://typeorm.io/)最优秀的前端nodeORM框架[typeorm中文](typeorm.bootcss.com)最优秀的前端nodeORM框架golang1.gorm：https://gorm.io/Ai[床长人工智能教程](https://ww

浏览器托拽事件2022-10-26

拖拽组件是HTML常用的操作，尤其在当前高交互的时代，鼠标单击已经不能满足甲方老爹的需求。除了点来点去的，还要拖来拖去。常用属性HTML拖拽选包含的操作属性说明--------------------------------------------------------------draggable值是true，默认为false是开启一个拖拽的关键ondragstart拖拽元素起始会调用ondrag元素发生拖拽，只要拖拽元素离开原本位置会一直调用ondragleave元素完全离开原来的位置开始调用ondragenter元素开始进入目标区域ondragover元素被拖拽到目标区域上方ondro

vue3 常用编码习惯总结2022-10-25

vue3常用编码习惯总结函数式计算属性通常写计算属性的一般写法如下typescriptconstnumberA=ref(0)constnumberB=ref(0)constresult=computed(()=numberA.value+numberB.value)函数式可以这样写。这样写的理由是，add可以封装一次多处复用，而不是像上边那种写法，每次都需要书写一遍typescript//函数传入a、b两个Ref类型的参数，返回计算属性functionadd(a:Ref<number,b:Ref<number){returncomputed(()=a.value+b.value)}//无论修改

docker 笔记2022-10-23

docker笔记容器的运用越来越重要，如果没有容器程序员会有一大堆麻烦问题，比如，部署一个网站在服务器上，需要大半天的时间。或者是服务出错了，很难检查出毛病。**docker是什么来着，它被称为一个容器，你可以认为它是运行在宿主机（物理机或者虚拟机）上的一个虚拟机，当我们一次性部署好所有的服务之后，就可以把容器打包成为一个镜像。下次再部署服务的时候，直接把这个镜像拿来用就可以了。那么就避免了重复部署的麻烦，那么这个镜像就是整个应用，可以理解为安卓手机的安装包，每次只要装一个安装包就可以了，不用关注过多内在软件都有什么**安装centos为例，其余系统可参考https://docs.docker

win11 wsl安装ubuntu报错2022-10-16

win11wsl安装ubuntu报错pleaserestartWSLwiththefollowingcommandandtryagainpleaserestartWSLwiththefollowingcommandandtryagain：wsl--shutdownwsl--unregisterDISTRO_NAME解决方法1.造成该问题的原因是WSL版本由原来的WSL1升级到WSL2后，内核没有升级，前往微软WSL官网下载安装适用于x64计算机的最新WSL2Linux内核更新包即可。-下载地址：https://wslstorestorage.blob.core.windows.net/wslb

vscode nvm 自动切换版本2022-10-10

vscodenvm自动切换版本在项目根目录的.vscode下面找到setting.json文件，没有的话自行创建。放入如下内容json{"terminal.integrated.profiles.windows":{"PowerShell":{"source":"PowerShell","icon":"terminal-powershell"},"CommandPrompt":{"path":["${env:windir}\\Sysnative\\cmd.exe","${env:windir}\\System32\\cmd.exe"],"args":["/cnvmuse14.16.0&&${e

关于我2022-09-29

谈谈javascript “==”以及“===”的缺陷，Object.is()的使用2022-09-29

前序一直相信，一个好的编程语言要符合大众的逻辑，而不是玩文字游戏，让大众去掌握它的缺陷。JavaScript的 == 和 === 设计就是缺陷。 “==” 被定义为比较时候会进行类型转换，然后再做比较，这种方式在多数语言当中是没有的。 “===” 是直接比较，不做类型转换例子 1 == "1" // true 1 ==="1" // false 如上这个例子，正确的比较是第二种，第一种显得有些奇怪。 1 == Number(1) // true 1 === Number(1) //fasle 按照原始的分析,Number(1

nginx下vue生产环境配置要点 2022-02-24

# vue history 模式 history模式比较特殊，在线上直接访问，会造成404，这是因为服务器收到这个路由，在后端没有找到相应的资源，就报错了。在location配置项加如下内容解决 `try_files $uri $uri/ /index.html;` 完整配置 ``` location / { root xxx; index index.php index.html; try_files $uri $uri/ /index.html; } ``` 或者 ``` location / { root xxx; index index.html

1

2

3

4

5

6

7