- 博客(119)
- 收藏
- 关注
RSS订阅
原创 node包管理器nvm的安装与使用，以及安装遇到的问题和解决方案
node.js的包管理器nvm的安装和使用，以及安装过程中遇到的问题和解决方案
2023-07-06 18:04:41
1746
原创 vue keep-alive结合scrollTop返回上一页时记忆并且回到原来的滚动位置
vue keep-alive结合scrollTop返回上一页时记忆并且回到原来的滚动位置
2023-02-22 16:27:51
1715
原创 css3 根据用户操作系统的主题色改变自己网站的颜色
使用css3新特性`prefers-color-scheme`，根据操作系统主题色改变自己网站的颜色或者其他业务逻辑
2022-11-17 10:48:27
943
原创 javascript es6 多维数组对象相同属性值{key:value}的求和
js 使用reduce()方法对多维对象数组中相同属性值进行求和以及计算出现次数js 使用flat()方法 将多维数组转换为一维数组
2022-08-25 11:59:07
3315
原创 node.js使用`config-lite`配置环境变量
node.js 服务端项目，使用config-lite,cross-env,pm2配合设置环境变量
2022-08-03 17:25:02
527
原创 pm2 部署 nuxt3.js 项目并设置服务器重启时项目自动重启
pm2 部署 vue3 + nuxt3.js项目，以及设置服务器宕机，故障或者重启时自动重启pm2服务
2022-06-17 15:39:52
4008
4
原创 javascript 数组对象根据相同属性值{key:value}合并两个对象
javascript 对象数组根据相同属性值合并两个对象判断两个对象数组内的值是否相等
2022-06-06 16:25:12
3312
原创 js ,数组求和，数组去重，es7 新增数组方法reduce()的用法详解
js 数组去重，数组求和，es7 新增数组方法 reduce() 的各种使用技巧
2021-12-31 16:43:41
1395
原创 nuxt+vue+vant --- SSR- h5 公共底部弹出层组件
本博客是为了记录自己的组件，方便学习和使用，组件是在vant的基础上二次封装，之前还写了一个自己手写的弹出层公共组件，详情移步vue-cli 移动端底部弹出菜单动画效果参数名类型说明is_showpopupboolean是否显示弹层组件isShowLineboolean是否显示头部下划线slot说明“popupHeader”头部左侧文字“popupSlot”主题区域内容事件@fromPop 头部左侧文字点击事件第一步
2021-07-19 11:42:46
729
原创 vue-nuxt-ssr 做谷歌，百度统计以及google,facebook埋点总结
vue-nuxt-ssr 做google,百度埋点详细教程
2021-07-15 16:59:44
3604
3
原创 flex 布局水平垂直居中，内部区域高度超出外部区域高度时的bug
前言最近在项目中遇到一个问题就是水平垂直居中我是用的是flex布局，然后在缩小屏幕时里边的内容高度超出了外侧区域的高度(这里是屏幕的高度，这时候虽然出现了滚动条，但是展示不完全，被遮住了，经过测验才发现是因为align-items:center;)的原因，也就是居中的原因，解决办法写在下面。 <div class="coupon_window"> <div class="white_dialog"> </div> </div>.
2021-05-11 10:55:57
1266
2
原创 vue-鼠标hover标题展开内容区域效果
前言之所以写这个是因为最近的项目需求中要实现一个pc端大型电商首屏选择商品分类效果，需求就是hover左侧区域展示右侧区域的内容，看到这个需求第一想法就是两者写在一个容器内，用定位把布局写好，后来仔细一想其实也可以不用这样，就自己写了一个。其实这个功能就是两个不在同一父级的容器hover一个容器的内容展示相对应的另一个容器的内容。主要是使用index下标做的内容展示准确项目框架是vue+ssr+nuxt先看一下我完成的效果图这个就是hover标题栏的标题是展示对应的内容，但是两者不在同
2021-05-07 17:52:59
818
1
原创 js 正则表达式禁止输入框输入特殊字符遇到的坑以及解决方案
前言最近在项目中有一个需求是禁止输入特殊字符，一开始我是在网上找的正则表达式直接用的，后来发现这个表达式同时也禁止了v,x,y,z,所以后来就想了一个比较笨的方法，把所有的特殊字符全部罗列出来，然后在匹配一下。最后在输入的时候禁止就好了。项目都是在vue中的，所有方法都是在methods里边的。step 一， 正则表达式解决方案用这种方式替换，会导致v,x,y,z输入不进去，亲测。 <el-input placeholder="I'm shopping f
2021-05-07 11:10:04
5371
原创 vue-cli3-element-ui 开发项目中遇到的坑以及解决方案
前言小编在开发新项目中，pc端用的是vuecli3+element-ui，移动端用的是vue-cli3+vant-ui或者vue-cli3+mint-ui，在这篇文章就把在开发pc端项目中也就是使用vuecli3+element-ui过程中遇到的坑和解决方案记录下来，方便后续自己学习。目前使用的element-ui版本是2.15.1,这里记录版本的原因是，之前用过低版本遇到的坑发现后来随着element-ui版本的更新给优化了，所以这里记录一下版本号。这篇博客会随着开发中不断地踩坑持续更新的。\
2021-04-21 14:56:57
584
1
原创 el-input-number直接在输入框输入内容v-model的值不会跟着改变
前言前提是element-ui版本为2.15.1及以下版本，因为说不定哪天element就会更新，解决这个问题最近在开发项目中，有一个需求是在el-input-number组件中直接输入值，然后离开鼠标直接mouseenter其他的button,这个时候要获取v-model的值，发现v-model的值并不会改变，于是就开始折腾，查elementui的issure发现是因为el-input-number在封装时并没有将直接输入的值赋值给v-model,然后自己细想一下使用@keyup事件把输进去的值
2021-04-21 14:56:14
3358
1
原创 vue-cli3-element-ui select选择器，popover弹出框修改默认样式
前言在项目中遇到的问题，修改selecet选择器，popover弹出框的样式时失效，在这里记录录一下，方便以后使用。第一步：官方文档中的popper-class <el-select v-model="couponIdCopy" placeholder=" " @change="changeCoupon" class="change-coupon-select" popper-class="C
2020-12-25 15:02:28
1316
原创 vue 点击路由跳转（地址重复）报错以及路由跳转滚动条未回滚到顶部问题
前言最近在用vue-cli4 , vue3.0开发项目时，遇到了路由跳转时当点击同一个路由地址时就会报错，另一个问题就是路由跳转后记住了上一次页面的滚动条的位置，未回滚到顶部。step 一，路由跳转时当点击同一个路由地址(也就是路由地址重复)时就会报错,或者刷新报错main.jsimport Router from 'vue-router'const routerPush = Router.prototype.pushRouter.prototype.push = function pu
2020-12-08 10:55:42
614
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人