摘要: 简介 在实际的前端开发过程中,可能会经常遇见 node.js 的版本问题,不同的项目需要使用不同的 node.js 版本。 直接安装的话,只能安装和使用 node.js 的一个版本。可以使用 nvm 来安装和管理不同版本的 node.js。 nvm 是 Mac 下的 node.js 管理工具。可以通 阅读全文
posted @ 2022-09-01 16:16 三寸日光 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 最近需要减少项目打包后的文件(bundle)的大小,那么首先需要了解bundle的构成。 目前我已知的方法有两种: 利用webpack-bundle-analyzer插件 利用webpack官方提供的分析功能 1.webpack-bundle-analyzer 安装插件webpack-bundle- 阅读全文
posted @ 2022-08-30 17:07 三寸日光 阅读(1319) 评论(0) 推荐(0) 编辑
摘要: Vue通过prop进行双向数据绑定。子组件数据变化,一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。 Vue2.3版本引入sync,作为一个事件绑定语法糖,当子组件触发事件时,父组件会响应事件并实现数据更新。 .sync 修饰符 this.$emit('upd 阅读全文
posted @ 2022-08-29 15:19 三寸日光 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 当界面需要语音播报时候,浏览器一般自带播报功能,可以使用一下方法 let speechInstance = new window.SpeechSynthesisUtterance('我读的是当前文字');window.speechSynthesis.speak(speechInstance) 阅读全文
posted @ 2022-08-29 11:02 三寸日光 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 常见的错误 报错内容基本都是error: failed to push some refsto‘远程仓库地址’。 导致产生原因 我们想把自己本地的某个项目关联到远程仓库并推送上去 操作 本地项目—>远程仓库—>本地关联远程—>推送最新代码 错误往往发现在最后一个步骤 根本原因 我们在创建仓库的时候, 阅读全文
posted @ 2022-06-16 19:52 三寸日光 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1. 环境准备 (1)初始化Vue项目 vue create my-app (2)运行项目 npm run serve 2. 组件封装 2.1 新建package文件夹 因为我们可能会封装多个组件,所以在src下面新建一个package文件夹用来存放所有需要上传的组件。 这里我们打算封装两个组件:t 阅读全文
posted @ 2022-05-24 09:36 三寸日光 阅读(543) 评论(0) 推荐(0) 编辑
摘要: vue 项目昨天还启动好好了,早上过来发现启动报错,报错内容如下 解决步骤 vue config.js 配置文件有问题,修改以后就可以正常启动了,修改内容如下 阅读全文
posted @ 2022-05-20 10:08 三寸日光 阅读(1509) 评论(0) 推荐(0) 编辑
摘要: 1、解决TS 和JS 冲突解决 tsc --init # 生成配置文件去修改配置文件 2、如何自动编译 tsc --watch 3、发出错误 tsc -noEmitOnError hello.ts 4、降级处理 通过tsconfig.json中去修改配置项 "target": "es2016", / 阅读全文
posted @ 2022-05-10 17:45 三寸日光 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1、安装VSCode https://code.visualstudio.com/Download 2、安装Node.js https://nodejs.org/en/download/ 3、安装TypeScript编译器 npm instrall -g typescript 4、写ts相关的代码, 阅读全文
posted @ 2022-05-10 11:09 三寸日光 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 解意 fullscreen:全屏lock:锁定 实现效果 当加载时全屏幕锁定,不可触发任何事件、即使在有滚动条的情况下滚动事件同样禁止 加载显示在最上面的图层,盖住各个图层 阅读全文
posted @ 2022-04-19 13:57 三寸日光 阅读(480) 评论(0) 推荐(0) 编辑