- 博客(17)
- 收藏
- 关注
RSS订阅原创 解决运行项目报错问题npm ERR missing script: start&&npm ERR missing script: serve
今天运行一个项目的时候，在项目根目录下执行命令 npm install后，启动项目npm start后报错如上，紧接着输入npm run serve,依旧报错。解决办法如下：打开项目根目录下的package.json文件，查看里面启动项目的指令是什么。如下图：由此可知，npm run dev 是可以正常启动项目的，在终端下输入npm run dev，确实没有报错。注意：要想npm run serve不报错，添加红色框部分语句即可，要想npm start 不报错，同理。附上，如何正确启..
2022-05-18 17:44:53
8541
原创 原生js实现锚点定位，tab跟随内容变化，PC/移动端均适用
最近做到相关的业务，发现关于tab锚点定位的问题很多文章采用的方法略有差异，现在采用最直观的方式实现锚点定位，tab跟随内容变化而变化。 逻辑通了之后，在任何框架和场景下都能使用，不一定要考靠组件来完成。以下是简单实现的HTML代码，结合移动端和PC端平台不同，更改注册时间类型就可以达到一样的效果。锚点定位效果图一、html代码 <div class="test"> <div class="title"> &l...
2022-04-13 17:06:54
1825
1
原创 基于Vue+TS，使用scrollIntoView()实现锚点定位
1、获取需要定位的元素的DOM，可以使用querySelectorAll（根据元素类型或者id获取）或使用ref获取元素DOM，注意：使用ref获取DOM，命名必须是唯一的，就算取相同的名字，最后也只能拿到一个DOM。 //模板内容//需要跳转的元素<span id="buttton">buntton</span><div id="ref_pdf_view" ref="ref_pdf_view">马上就轮到我展示了1</div><div i
2022-04-09 14:50:00
1780
2
原创 JS判断数组是否相同
最近写代码时突然发现，JS是不能使用‘==’或‘===’直接判断两个数组是否相同的。 let arr = [2, 4, 5]; let a1 = [2, 4]; console.log(arr.slice(0, 2)); console.log(a1); console.log(a1 == arr.slice(0, 2));运行结果如下：如果想要判断两个数组是否相等可以将数组转换为字符串进行比较， let arr =
2022-02-28 15:20:52
2508
原创 vue微信小程序执行npm i node-sass sass-loader报错的解决方案
在基于VUE的微信小程序项目中，在使用sass样式的时候需要下载相应的包，但是执行下载命令npm i node-sass sass-loader出现如下报错：解决办法：下载的版本太高，需要降低版本，所以现在先删除之前下载的包,执行以下命令：npm uninstall node-sassnpm uninstall sass-loader重新下载：执行以下命令：npm install node-sass@4.14.1 sass-loader@8.0.2 --sa...
2021-12-15 16:33:59
1433
原创 如何将本地文件上传到gitee中的已有仓库中
将本地文件上传至gitee指定仓库中大致分为10个步骤：如图所示，假设所要上传的本地文件夹为vue_api_server。在电脑上打开该文件夹，在空白处，按住shift键+点击鼠标右键，选择使用powershell窗口打开。1、执行命令：git status注：如果执行命令失败，就执行：git init ,然后再执行git status此时，窗口显示大致如下 ，红色显示为将会上传的文件：2、执行命令：git add .将文件保存到暂存区...
2021-12-02 13:55:42
3635
原创 解决使用WebSocket向前端进行数据推送，但数据变为二进制流[object Blob]的问题
最近在做基于Vue的数据可视化的项目，使用koa2进行后台项目开发，引入webSocket对前后端代码进行改造，保持浏览器和服务端之间的长连接。一、需要解决的问题 在进行前后端数据交互的测试时，发现存在客户端获取的数据与服务端发送的数据不一致的情况。如下：二、解决方案 在反复确认代码正确的情况下，尝试对比之前能正确获取数据的服务器的初始化文件。发现解决这个现象的办法就是更改package.json中webSocket依...
2021-12-01 21:24:00
5727
4
原创 echarts中图表无法自适应浏览器窗口大小的解决办法
一、实现图表随着浏览器窗口大小变化而变化的js代码，主要实现自适应功能的语句如下：//实现自适应效果的两种写法，第一种 window.onresize = function(){ mc.resize(); } //第二种 window.onresize = mc.resize<script> let xData = ['小明', '小红', '小王', 'marry', ...
2021-11-25 18:53:33
3847
原创 首次如何将项目代码上传gitee进行托管的详细步骤
一、注册gitee账户并登录二、初始化git远程仓库1、添加SSH公钥（已有SSH公钥的用户可以忽略这一步）2、测试公钥是否能正常工作二、新建gitee仓库，上传本地代码到码云1、新建gitee仓库2、上传本地项目代码到码云一、注册gitee账户并登录（已注册账号且绑定邮箱，可忽略这一步）按照要求设置密码，如果是用手机号注册的，后续需要在“个人主页”绑定邮箱（邮箱在后续托管代码会用到）...
2021-11-23 17:10:23
4066
4
原创 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
前端vue项目使用echarts报错解决方案。 Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
2021-11-22 21:52:12
9042
10
原创 Vue项目实现路由懒加载
在一个vue项目基本功能完成以后，需要将项目进行打包。在不进行任何处理的情况下，JS的包会变得非常大，影响页面加载。如果将不同路由对应的组件分割成不同的代码块，然后当路由访问的时候才加载对应组件，这样会更加高效。一、安装开发依赖@babel/plugin-syntax-dynamic-import二、在配置文件babel.config.js中声明该插件'@babel/plugin-syntax-dynamic-import'三、将路由改写为按需加载的形式一...
2021-11-22 20:16:21
350
原创 vue项目中使用“深拷贝”解决同一数据源需要不同数据类型存储的冲突
vue项目中使用loadsh中提供的方法实现数据的深拷贝，解决数据需求的冲突
2021-11-22 17:16:57
1152
原创 解决Vue项目中使用element-ui组件中el-upload上传图片失败的问题
使用element-ui组件库中的el-upload上传图片，token报错等的相关处理
2021-11-22 16:26:13
7756
原创 在Vue项目中，将服务器API接口获取的时间数据（时间戳ms）转换为年-月-日的格式
Vue项目中，将时间戳格式的数据转换为日常时间格式(年月日，时分秒)
2021-11-22 15:42:48
2238
原创 在完成一个项目模块之后，将代码通过VSCode终端上传到gitee
在做实际项目的时候，通常会将代码托管到码云，利用这些平台可以很好的控制项目开发的进程，也更有助于团队协作。在完成项目前期初始化工作的前提下，每完成一个模块的内容都要上传到码云。以目前刚完成的一个Vue项目为例，记录如何将完成的模块功能上传到码云。一、在开始一个新的项目功能之前，先在VSCode上新建一个分支（goods_list）并将该分支上传到码云。（1）在VSCode资源管理器中，选中当前项目文件夹—>单击右键—>在集成终端打开，就可以看到当前终端显示文件夹就在项...
2021-11-22 10:43:15
1303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人