大闸蛙-CSDN博客

原创关于 node多版本共存 nvm 换环境无法正常启服务问题解决

本人新手小白，下文可能会有描述不准确/细节太多罗里吧嗦的情况，但是方法亲测可用，目标也是给同样新手小白做个参考，避免大家和我一样浪费时间到处查资料。总接到一些二手项目开发，node版本不一致，还不能升版本，导致启服务经常报错；或者明明项目跑的好好的，换个电脑就起不来了。可能是node版本的问题！一、先尝试卸载当前node1.打开控制面板>程序与功能>node 卸载掉手动删除C:\Program Files\nodejs\node_modules(如果你的文件是在这里的话)

2022-04-19 11:51:29 1246 3

原创 nodejs内存溢出；‘“node --max-old-space-size=10240“‘ 不是内部或外部命令，也不是可运行的程序；解决办法

问题如下图：第一步全局安装 increase-memory-limitnpm install -g increase-memory-limit第二步在项目中执行increase-memory-limit第三步骤启动项目（这里有个问题，之前我在mac上直接启动了，如果如下图报错，看第四步）npm start第五步替换"%_prog%" 为 %_prog% （去掉双引号）1.在node_module下的.bin文件夹中查找...

2022-03-07 18:24:08 11765 7

原创 ElementUI实现tree搜索后可展开

element ui 里面的tree 自带的搜索功能是默认搜索的全部数据，有关键字的显示，没有的不显示。需求：搜索 tree 时，如果非叶子节点里面含有关键字，那么就显示此节点下的所有节点，此节点下的所有节点不参与过滤；html<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree class="filter-tree" :data="data" :p

2021-05-11 16:10:10 2904 5

原创 ElementUI @change更改select 表单验证失效的解决办法

ElementUI @change更改select 表单验证失效的解决办法起因是这样的，表单有一处，两个Select 选择器是上下级的关系，于是我想到了使用Cascader 级联选择器，来避免先选后选的问题。但是这里的选项是分成两个数组的提交时也是两个字段。用v-model肯定是不行了。只好用@change来绑定值。HTML<el-form-item label="申请项目" prop="applyProject"> <el-cascader

2020-11-03 15:07:53 4420

原创 vue多次调用生命周期 mounted 多次重复请求解决方案

今天遇到了一个百思不得其解的bug，vue的页面会多次调用同一个请求，每个页面调用的次数还不一样，有的调用三次，有的五次，甚至有一个调用了十二次，已经严重影响性能了。第一时间肯定是想大概率请求写到循环里了。然而检查了源码发现并没有。然后考虑是不是页面里的组件触发了请求事件。然而这个页面里根本没有引用组件。请求事件只是写在了mounted里，打印了一下，发现mounted也被多次触发。这冲击了我这个萌新小白的认知，不是明明说好mounted只能触发一次的咩！？只好继续查资料看代码，终于发现了问题所在：原来是

2020-07-20 10:56:55 12984 14

原创 Mac完全卸载 PhpStorm 重新安装闪退解决方法

PhpStorm卸载后其实是还有配置文件在本地的，再次安装会导致闪退或者干脆就打不开的问题。可以用以下方法解决：方法一：control + 空格输入Terminal.app 打开终端输入：open /Library找到三个文件 Preferences Application Support Logs把里面你要卸载的PhpStorm版本文件删除就可以了方法二：control + 空格输入Terminal.app 打开终端输入：cd ~/Library/Preferences/进入该

2020-05-21 15:59:56 2130

原创 uniapp 引入外部js网络js 获取ip 更改入口文件

起因是H5调取微信支付，后台非让我获取ip，好死不死我用的偏偏是uniapp，这让本就是小白的我更加雪上加霜，一度怀疑后台要把我逼死了。之后想到似乎之前用uniapp引入过一个其他js插件，经过反复的回忆怀疑困顿迷茫居然还真就好使了。首先新建一个indexl文件<!DOCTYPE html><html lang="zh-CN"> <head> ...

2020-04-16 15:16:22 19307 8

原创 uniapp 跨平台 H5 小程序文件下载

目前写的是一个兼容H5与小程序的项目。大多数内容还是可以比较完美的兼容的。但是到了下载文件这里就出了点问题。uni.downloadFile虽然是可以兼容小程序和H5，但是uni.saveFile是不支持的。这里就把两端分开写了。HTML  <a class="table-btn" href="http...

2019-07-04 09:54:22 8327 6

原创关于uniapp回到顶部-支持小程序与H5

如图所示HTML滚动条<scroll-view class="wrap" scroll-y='true' :scroll-top="scrollTop" @scroll="scroll" scroll-with-animation='true'>...</scroll-view>返回顶部按钮 <view class="to-top" @click="g...

2019-06-04 15:04:35 5667 2

原创手机H5-调用百度地图导航

HTML&lt;div id="allmap"&gt;&lt;/div&gt;JS&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak="&gt;&lt;/sc

2019-02-28 09:52:20 8728

原创微信小程序部分安卓设备4G网络下数据加载缓慢

部分安卓设备4G情况下是优先走IPv6的，关闭服务器IPv6即可解决。

2019-02-28 09:52:09 2264 1

原创 flex+js 实现：自适屏幕宽度，item间隔均匀，最后一排左对齐排列

在这里插入代码片## 问题：导航/按钮换行自适应屏幕宽度，边距不定，flex布局，最后一行会出现问题，如图解决：flex+jsHTML &amp;lt;nav class=&quot;subnav&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li class=&quot;about-us-

2019-02-26 10:36:31 1763

原创多行文本溢出省略号解决方案

1.JS计算高度没啥缺点，就是得引JQ，综合来讲算是最优解<script> $(".research_item_text").each(function (i) { var divH = $(this).height();//外层元素定高度 var $a = $("a", $(this)).eq(0);//内层a自适应高度 while ($a.outerHeight() &...

2019-02-14 16:15:01 245

原创 CSS3变框渐变

横向.border { border-bottom: 5px solid transparent; background-clip: padding-box,border-box; background-image: linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#999,#f1f1f1);}...

2019-02-14 14:08:21 188

原创带搜索栏的百度地图-H5-搜索

先看效果HTML <div class="contact-map-wrapper"> <div id="allmap" class="contact-map"></div> <div id="r-result"&amp

2018-11-30 10:49:56 1878 4

原创微信小程序-wxs实现手机号码中间四位显示为*号

直接加到WXML里<wxs module="phone">var toHide = function(array) { var mphone = array.substring(0, 3) + '****' + array.substring(7); return mphone;}module.exp...

2018-09-30 14:14:44 11963 2

原创解决手机端定时器，setInterval第一次不运行问题

问题PC浏览器运行，完全正常。手机真机测试，第一次点击，js运行正常，但定时器不执行，第二次点击完全可以正常执行定时器。this.handle = setInterval('$.lrc.jump($.lrc.callback());', this.interval*1000);解决办法this.handle = window.setInterval('$.lrc.jump($.lrc.c...

2018-09-30 09:20:36 4537 2

原创微信小程序-带放大效果的轮播图

效果如图WXML &lt;!-- 轮播图 --&gt; &lt;view class='Carousel'&gt; &lt;view class="recommend"&gt; &lt;view class="swiper-container"&gt;

2018-09-19 11:19:27 1351

原创微信小程序-底部元素margin-bottom失效解决办法

解决办法1外层元素加1rpx padding.wrapper{ height: auto; padding-bottom:1rpx;}解决办法2用padding代替margin

2018-09-19 11:00:11 6304 2

转载微信小程序-组件的生命周期

created 组件实例化，但节点树还未导入，因此这时不能用setDataattached 节点树完成，可以用setData渲染节点，但无法操作节点ready(不是onReady) 组件布局完成，这时可以获取节点信息，也可以操作节点moved 组件实例被移动到树的另一个位置detached 组件实例从节点树中移除...

2018-09-19 10:52:55 19019

转载取消navigator点击效果

hover-class=“none”

2018-09-19 10:51:26 5391

转载微信小程序-取消标题栏

app.json里的window增加navigationStyle:custom ,顶部导航栏消失,保留右上角胶囊状的按钮

2018-09-19 10:40:32 5608 2

原创微信小程序-多层饼图/包含关系饼图/自定义饼图关系模式

效果图如下WXML<view class='chart_wrapper'><view class='chart_wrapper'> <view class='chart_mark'> <view class='mark_item'> <view class='mark mark_color1'>...

2018-09-19 10:36:48 5034

原创 flex布局-间隔均匀，最后一排左对齐排列

效果如图WXML&lt;div class="box"&gt; &lt;div class="item"&gt;&lt;/div&gt; &lt;div class="item"&gt;&lt;/div&gt; &

2018-09-19 10:30:56 21232 6

原创微信小程序-自定义弹出层

效果图WXML 这里加入你想加入的内容 ## WXSS .popup { position: absolute; top: 0; left: 0; right: 0; ...

2018-09-19 10:25:00 1957

转载微信小程序-文字跑马灯效果

WXML&amp;lt;scroll-view class=&quot;container&quot;&amp;gt; &amp;lt;view class=&quot;scrolltxt&quot;&amp;gt; &amp;lt;view class=&quot;marquee_box&quot;&am

2018-09-19 10:15:04 1833

转载微信小程序-文字循环滚动效果

WXML&amp;lt;swiper class=&quot;swiper_container&quot; vertical=&quot;true&quot; autoplay=&quot;true&quot; circular=&quot;true&quot; interval=&quot;1000&quot;&

2018-09-19 10:04:38 18650 1

crabfrog的博客