- 博客(56)
- 收藏
- 关注
RSS订阅原创 VSCode下载速度特别慢怎么解决？
今天在公司的电脑上重装vscode的时候遇到一个问题，就是下载vscode的时候特别慢。不知道小伙伴们有没有遇到过这种问题。VSCode下载地址：https://code.visualstudio.com/下载速度如图所示：感觉脑瓜子嗡嗡的~这得下到猴年马月去啊，太耽误事儿了。然后百度找了一下解决办法，完美解决下载慢的问题。首先鼠标右键点击上图地址，然后在新窗口打开，将圈起来的地址改为国内镜像地址：vscode.cdn.azure.cn改好之后再试了一下重新下载，速度直接起飞。小
2021-06-29 22:02:35
30049
26
原创 【webpack】输入npm run dev报错： This is probably not a problem with npm. There is likely additional loggin
今天做项目的过程中，发现输入了npm run dev，报错提示。然后尝试去修改这个bug。1、删除node_modulesrm -rf node_modules2、删除package-lock.json文件rm package-lock.jsonnpm cache clear --force // 清除缓存3、npm install尝试下。对我没有什么用处。经过查询资料，发现了作者安蝶写的文章，原来是因为windows不支持NODE_ENV=developme.
2020-09-17 13:49:57
974
原创 【webpack】安装url-loader并配置参数后，webpack打包报错：Module build failed: Error: Cannot find module ‘file-loader‘
https://www.cnblogs.com/jying/p/8280956.html在使用webpack打包的时候，报错：Module build failed: Error: Cannot find module 'file-loader'。打包文件dist中是这样的（我们想要的结果是打包后依旧是张图片，并放在单独的文件夹中）思考问题出在哪里？这是在我webpack打包之前，首先使用命令安装了url-loader，没有报错npm install [email protected].
2020-09-17 10:55:54
1436
1
原创 【移动端】手机端如何让其pdf自适应屏幕显示，无需下载插件
今天在做项目的过程中，遇到一个需求。在手机端需要实现pdf的显示，点击退出按钮的时候，计算他在页面停留的时长并返回给后台。这个需求的难点在于，如何在手机端显示pdf文件。我们都知道在PC端，使用iframe嵌套，src地址为.pdf即可实现。但是手机端直接这样是不行的。在网上查找了很多资料，终于找到了一个方法kkFileView。1、kkFileView文档2、文件预览项目接入和测试界面如有不懂的，可以好好阅读一下官方文档。对于前端开发是特别友好的，不需要下载任何插件，只需要后台开发帮忙配.
2020-09-16 17:09:46
4759
原创 【webpack】使用npm install html-loader安装，webpack打包后报错
npm install html-loader --save-dev
2020-09-15 10:17:47
1039
原创 【webpack】使用webpack下载html-webpack-plugin插件时报错
1、在输入命令行下载html插件时报错提示：npm install html-webpack-plugin --save-dev查看报错信息，猜测应该是版本的问题导致的不会自动去安装依赖，必须自己安装对等依赖项。当前html-webpack-plugin的版本(@4.4.1)与webpack的版本(@1.15.0)不兼容导致的。那就尝试找一下html-webpack-plugin版本历史。2、如何找到html-webpack-plugin的其他版本呢？可以直接去百度搜索：html-we
2020-09-15 09:14:49
1061
原创 【webpack】webpack安装css插件，使用webpack打包报错如何解决？
1、使用webpack安装css插件：npm install css-loader style-loader --save-dev查看package.json，已经发现插件安装成功了。2、在 webpack.config.js中配置cssmodule: { loaders: [ {test: /\.css$/, loader: "style-loader!css-loader"} ] },3、输入命令 webpack 打包报错注：
2020-09-14 20:41:02
495
原创 【webpack】提示报错：TypeError: this.addChunk is not a function 的解决方法
使用webpack提取公共模块，通常会用到CommonsChunkPlugin插件。如何使用，可查看官网CommonsChunkPlugin在项目中，我是这样写的：const path = require('path');var webpack = require('webpack');var config = { entry: { 'index': ['./src/page/index/index.js'], 'login': ['./src/page/login/in
2020-09-14 19:43:56
1372
原创 【nodejs】如何从Windows中完全删除node.js
最近因为做项目需要下载以前更为稳定的nodejs版本，所以需要卸载掉当前的版本。但总不能卸载干净，今天在网上查阅了很多的回答，在此总结一下。1、输入命令：npm cache clean --force2、从程序中卸载&使用卸载程序的特性（如：控制面板中卸载删除）3、重新启动（或者您可以从任务管理器中删除所有与节点相关的进程）4、查找这些文件夹并删除它们（及其内容）（如果还存在）。根据您安装的版本、UAC设置和CPU体系结构，这些设置可能存在，也可能不存在：(1) C:\Pro..
2020-09-14 10:42:41
31380
原创 Vscode | vscode注释插件 korofileheader配置
korofileheader 注释插件 设置里面找到 Custom Made 写入以下配置"fileheader.customMade": { //此为头部注释 "Description": "", "Version": "2.0", "Autor": "lhl", "Date": "Do not edit", "LastEditors": "lhl", "LastEditTime": "Do not edit"},"fileheader.cursorMode": { ...
2020-09-11 14:23:06
1366
原创 【webpack学习】1、webpack打包报错：The ‘mode‘ option has not been set,错误提示如何处理？
今天在做项目使用webpack打包工具的时候，一直报各种错误。https://www.cnblogs.com/wendj/p/10069882.html
2020-09-11 10:30:13
1213
原创 【组件库】【angular1.0】01、AngularJs常用的分页组件
今天在做angular项目的时候，需要实现一个分页的功能。所以就尝试自己去封装一个组件，以便后期可以复用。展示效果如图所示：HTML代码：<ul class="pagination-list"> <li ng-class="{true:'disabled'}[infoDetail.pageNum==1]"><a href="javascript:void(0);" ng-click="p_index()">首页</a></li>
2020-09-10 22:03:17
495
原创 【组件库】【JS】01、JS常用的分页组件
HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <lin
2020-09-08 10:17:59
180
原创 JS | js中拼接字符串点击事件完后，报错：preview is not defined at HTMLLIElement.onclick
今天在做项目的过程中，遇到一个问题。当前的需求是：点击li，跳转页面并传一个参数。我把页面的展示内容是通过html拼接起来的。for (var i = 0; i < list.length; i++) { if(JY.Object.notNull(list[i].photoUrl)){ html+="<li class='item' onclick='preview(\"" + list[i].courseId + "\")'>"; html+="<a target=
2020-09-07 17:54:22
1005
原创 JS如何判断是从哪个页面跳转过来的？
问题：今天在做项目的过程中，有一个需求是这样的：目前有一个公共的页面暂定为A页面，有几个列表页都需要跳转至A页面。然后，A页面也可以返回至上一个页面。思考：1、首先，我想到的是用window.history.back(-1);直接返回上一个页面即可。但是，如果A页面下的二级页面跳回到了A页面，这个时候，我想跳转到上一个列表页面就跳不回去了。又会回到A页面下的子页面。这就陷入了一个循环。所以，这个方法不可行。2、其次，我考虑是否可以把列表页的地址给他存起来，然后在A页面中去取这个地址，点击返回的.
2020-08-29 22:40:13
11370
1
原创 如何实现html遮罩层以及弹出框?
我们在做PC端项目的时候，经常会写弹出框遮罩的提示内容。所以为了方便以后的使用，在这里对此做一个总结。HTML: <!-- 遮罩弹框 --> <div id="fullbg"></div> <div id="dialog"> <p class="close"><a href="#" onclick="closeBg();">X</a></p> <!-- 此处写弹出框中需要添加的内
2020-08-28 15:42:25
1553
原创 JS | 如何实现选项卡切换触发添加和删除类名
今天在做项目的过程中，遇到一个需求。鼠标移动到tab选项卡上，要实现当前选项卡所对应的内容显示隐藏。如图所示：html页面如下：<div class="map-tab clearfix"> <div class="tab-btn"> <ul class="ul clearfix" id="tabBtn"> <li class="item item1 text">一轴</li> <li class="item
2020-08-04 11:35:46
610
原创 小程序 | mpvue如何启动小程序和各个小程序的配置
今天在做项目的过程中，发现使用npm run dev启动mpvue小程序之后，不知道在页面中如何查看页面。所以又开始了新的一波搜索。1. 原来我们需要打开package.json，查看scripts对象，我们可以看到dev也就是启动默认是微信模式。如果想切换其他模式，在dev之后添加：swan,例如：npm run dev 微信小程序(默认)npm run dev:swan 百度小程序npm run dev:tt 头条小程序npm run dev:
2020-08-01 22:39:54
1102
原创 小程序 | mpvue项目初始化后npm run dev报错
今天在使用脚手架初始化mpvue项目的时候，当使用npm install下载包的时候报错了。如图所示：有一个报错信息提示：npm警告已弃用[email protected]：不再维护core js@<3，由于问题的数量，不建议使用。请将依赖项升级到的实际版本核心js@3。1.那我尝试升级这个包试试看，输入指令：npm install --save -g core-js@^32.重新使用npm install下载包，如果感觉速度比较慢，用淘宝镜像源npm install -g c
2020-08-01 11:34:36
452
原创 CSS | 如何实现网页中loading的动效
@media screen and (max-device-width: 1920px) { }@media screen and (max-device-width: 1440px) { }@media screen and (max-device-width: 1366px) { }
2020-07-20 16:40:39
545
原创 Vue 的移动端Vant组件库中本地图片引入循环遍历不显示的解决办法？
最近在使用vant做项目使用van-image的过程中，发现如下几个问题：使用van-image引入图片资源，图片不显示； 使用img标签引入图片资源可以显示，但是若是for循环遍历出来的图片资源，同样不显示。首先说一下项目的场景：1. 项目的原型图是这样的使用如下代码即可实现：<van-grid :column-num="3"> <van-grid-item v-for="(item, index) in qyxcList"
2020-06-18 11:12:50
4910
2
原创 vue中如何使用Swiper实现两个轮播图相互控制？
今天遇到一个问题，如何在vue项目中，实现两个轮播图相互控制。如图所示：今天查看了Swiper的文档，文档链接地址：https://www.swiper.com.cn/demo/index.html。依照此方法，自己动手实现了这个功能。想再次记录一下，代码如下：HTML代码：<!-- Swiper --><div class="bannerBox">...
2019-12-10 15:22:28
5171
10
原创 如何解决vsCode上编写代码，手机上不能实时更新查看效果的问题？
最近在使用vscode的过程中，发现一个问题。后台开发使用idea和eclipse启动的项目，有Tomacat，所以项目的前缀是localhost:端口号的格式，而在vscode中启动的项目是绝对路径。这就导致进入后台管理系统是进不去的，而且如果做的是手机端项目，只能在Chrome上进行调试，不能在手机上进行调试，只能上传到服务器之后才能在手机上查看效果。查阅了一些资料和相关，目前知道可以使用...
2019-12-10 11:59:11
3010
原创 Vue如何实现filter全局过滤器的使用？
最近在做项目的过程中，发现vue的filter过滤器很有用。例如：我们在做时间显示时，如果后台返回给我们的是时间戳，那么我们就需要对时间做一下处理，这个时候使用过滤器是最为行之有效的方法。首先，有几个问题值得我们思考：(1) 在Vue中，我们该如何使用filter来对时间进行时间格式的处理呢？(2) 我们写的过滤器是否可以写成全局的呢，以更高效的便于使用？(3) 如何封装一个方法，...
2019-11-28 19:57:13
463
原创 Vue项目中使用Swiper不能自动轮播且左右按钮点击不生效的问题？
最近在做vue的项目过程中，使用了Swiper插件来实现轮播图轮播的效果，但是发现轮播图并不能自动轮播，并且左右按钮并不生效，不能进行轮播图的切换。代码如下：methods: { // 国际馆轮播图 guojiHallLunbo() { var swiper = new Swiper('.mm-guoji-producetype .swiper-contain...
2019-11-21 16:05:15
4721
原创 vue项目初始化时候，输入命令：npm run dev 报错的解决方法？
当初始化vue项目的时候，报错提示：经过查看相关回答：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好。命令行中输入指令：npm uninstall webpack-dev-servernpm install [email protected] run dev问题解决啦！！！...
2019-11-12 15:35:22
537
原创 html中常见的转义字符有哪些？
在做项目的过程中，我们写html代码，有时候会遇到输入字与字之间的间隔，或者使用>>表示更多。如果我们直接输入空格按键或者在键盘上输入>>的字符，编辑器会自动报错。这个时候，转移字符就有很大的用处了。我们把常用到的转义字符做一个记录，以便后续方便查看。字符: " 转义字符: "字符: & ...
2019-11-02 14:28:16
1052
原创 vue改变子组件从父组件传值时，报错:【 Avoid mutating a prop directly since the value will be overwritten whenever】
今天在写组件中从父组件中通过props传值之后，在methods中对子组件的值进行重新赋值时候报出错误。代码所示：Vue.component("opportunity-list-component",{ props: {//这里是组件可以接受的参数，也就是相当于面向原型写组件时的配置参数，用户可以传递不同参数，自己定义组件 activeTypeIndex: { ...
2019-10-27 11:38:16
763
原创 Vue Router（一）问题之嵌套命名视图的实现
链接地址：https://router.vuejs.org/zh/guide/#html官方代码地址：https://jsfiddle.net/posva/22wgksa3/今天在做路由跳转的过程中，遇到一个问题。因为我的目录是这样的，所以我想的路由需要写一个父路由，然后使用children在写子路由。结构如下：路由配置如下：const routes = [ { ...
2019-10-25 13:17:43
886
原创 vue实现通过prop向组件中传值遇到的问题？
今天在做项目的过程中，遇到了一个问题。就是给组件传值的过程中，报错了。代码如下：//封装的组件Vue.component("nav-menu-component",{ props: {//这里是组件可以接受的参数，也就是相当于面向原型写组件时的配置参数，用户可以传递不同参数，自己定义组件 activeTabIndex: { //默认选中tab type: Str...
2019-10-23 14:28:55
1428
1
原创 git出现误操作之后该如何处理?
今天使用git bash进行分支切换到主分支的过程中，没有第一时间进行git merge 把线上的新增内容合并到devlop分支上，而是误操作直接git pull。发现我本地的两个文件被devlop测试分支上的代码覆盖了。如图所示：解决办法：1.首先可以通过git log 命令查看，历史提交记录，可以发现后台开发提交了这些文件。（可忽略）2. 运行 git reflog命令...
2019-10-21 18:36:09
589
原创 vue中如何引入vue-cookie?
在最近使用vue做项目的过程中，发现vue有自己的一个引入的cookie文件，极大的方便了我们进行cookie数据的存储。在此大概总结一下：一、引入vue-cookies.jsnpm链接：https://www.npmjs.com/package/vue-cookies二、API文档1. 设置默认值，$cookies.config()$cookies. config(e...
2019-10-21 11:11:26
1530
原创 vue.js如何使用vue-router实现页面的跳转？
最近在做vue的项目，因为项目自身的一些原因，不能使用脚手架去搭建项目，所以只能使用vue.js来引入的方式实现。那么，这就涉及到一个问题。用vue.js引入的方式如何用路由实现页面的跳转呢？在网上找了很多的资料，基本上很多都是使用脚手架去配置路由的。最后查看了 Vue Router官方文档，终于找到了实现路由跳转的方式。在此记录一下学习过程，以便自己加深印象。HTML：<...
2019-10-17 09:53:29
1685
1
原创 CSS使用flex布局 滚动条失效的问题？
在使用flex布局中，父元素：parent: { display: flex;}子元素：child: { flex: 1; overflow: auto;}注意：子元素默认占满父元素；子元素内容超过后，没有出现滚动条；所以，子元素应写为：child: { flex: 1; overflow: auto; widt...
2019-10-17 08:15:36
9361
原创 git分支切换时，提示Deletion of directory '*********' failed. Should I try again？
今天在分支切换的过程中，突然给我提示：提示信息为：有文件修改了需要提交，但我并没有对其进行修改。注意：不要去选择 y/n，进行操作。否则会一直报出这样的提示。问题的原因是你工作目录有某些文件正在被程序使用，这个程序多半是Idea,vsCode或者eclipse,当然也可能是其他程序。解决方案不是简单的选择y或者n，而是关闭vsCode，让vsCode把这些文件释放掉。关闭...
2019-10-15 17:27:38
7417
原创 Vue做项目常见问题？
场景一：报错：[Vue warn]: Invalid default value for prop "wmList": Props with type Object/Array must use a factory function to return the default value.查看代码： wlList:{ //物流工具 type:Array, ...
2019-10-12 16:59:42
317
原创 git分支建立的规范化流程？
在我们开发项目的过程中，尤其是在企业中多人开发，不同的开发者负责不同的模块，所以我们要创建个人的分支。但是该如何创建个人的分支呢？分支和主分支应该如何关联呢？这些问题困扰了我很久，目前大概清楚一些规范流程，所以记录一下。一、gitlab如何创建项目？1. 首先在gitlab上创建项目，例如：tradeprome22. 与后台开发人员沟通，前端和后台分别创建两个项目分组。...
2019-10-11 14:43:16
386
原创 [git常见问题] warning: LF will be replaced by CRLF | fatal: CRLF would be replaced by LF
如图所示：注意：遇到这两个错误，是因为Git的换行符检查功能。core.safecrlfGit提供了一个换行符检查功能（core.safecrlf）, 可以在提交时检查文件是否混用了不同风格的换行符，这个功能的选项如下：false - 不做任何检查warn - 在提交时检查并警告true - 在提交时检查，如果发现混用则拒绝提交建议使用最严格的true选项co...
2019-10-10 13:58:57
195
原创 vue中如何安装element-ui?
一、在项目所在目录下，通过npm的方式安装输入命令：npm install element-ui -S二、查看配置文件package.json，是否有element-ui组件的版本号，如图所示：三、安装成功后，在node_modules中可以看到element-ui的文件夹，所有安装的源文件都可以在这里找到，如图所示：四、在项目的入口文件main.js...
2019-10-09 11:09:37
3027
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人