自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

郝峰vip的博客

不折腾的攻城狮跟咸鱼有什么区别

  • 博客(119)
  • 收藏
  • 关注

原创 Vue面试题以及实际项目中经常遇到的知识点(高频使用)

vue3.0 面试题

2019-12-06 14:32:36 4948 2

原创 js将图片转base64格式

javascript 将图片转化为base64格式

2024-04-19 10:47:20 757

原创 vue2.0 监听用户无操作页面停留时长然后弹窗提示

vue2.0监听用户长时间无操作页面停留时长

2023-10-11 11:32:07 1495

原创 移动端1px 像素边框

移动端1px 像素边框

2023-09-21 08:54:53 176

原创 css3 文本超出容器后显示...以及超出几行后显示...

css3 文本超出容器后显示... css3 文本超出几行后显示...

2023-09-20 08:48:28 1029

原创 node包管理器nvm的安装与使用,以及安装遇到的问题和解决方案

node.js的包管理器nvm的安装和使用,以及安装过程中遇到的问题和解决方案

2023-07-06 18:04:41 1746

原创 vue3.0 新增和更改的一些新的api和功能

vue3.0新增的和更改的api,以及与vue2.0的区别

2023-04-21 17:22:14 988 1

原创 vue3.0 + Ts v-model在自定义组件上的使用教程

vue3.0 + TS 自定义组件上使用v-model的教程

2023-04-12 16:41:50 1978

原创 vue keep-alive结合scrollTop返回上一页时记忆并且回到原来的滚动位置

vue keep-alive结合scrollTop返回上一页时记忆并且回到原来的滚动位置

2023-02-22 16:27:51 1714

原创 css3 根据用户操作系统的主题色改变自己网站的颜色

使用css3新特性`prefers-color-scheme`,根据操作系统主题色改变自己网站的颜色或者其他业务逻辑

2022-11-17 10:48:27 942

原创 vue3.0 依赖注入 provide()和inject()使用教程

vue3.0 依赖注入provide()和inject()的使用教程

2022-09-23 15:10:28 1562

原创 vue3.0 如何自定义指令

vue3.0自定义指令的使用教程vue3.0与2.0自定义指令的异同点

2022-09-19 17:55:47 1544

原创 Sublime Text 常用且比较实用的插件

sublime text 常用插件

2022-08-25 15:30:35 6479

原创 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

原创 uniapp 开发多端项目如何配置环境变量以及区分环境打包

uniapp 开发跨端项目配置多环境变量,以及如何获取地址变量

2022-06-17 18:07:32 8200 16

原创 pm2 部署 nuxt3.js 项目并设置服务器重启时项目自动重启

pm2 部署 vue3 + nuxt3.js项目,以及设置服务器宕机,故障或者重启时自动重启pm2服务

2022-06-17 15:39:52 4005 4

原创 javascript 数组对象根据相同属性值{key:value}合并两个对象

javascript 对象数组根据相同属性值合并两个对象判断两个对象数组内的值是否相等

2022-06-06 16:25:12 3310

原创 vue3.0 开发公共组件库并发布到npm

vue3.0开发组件库上传npm

2022-01-24 15:28:14 4863 1

原创 js ,数组求和,数组去重,es7 新增数组方法reduce()的用法详解

js 数组去重,数组求和,es7 新增数组方法 reduce() 的各种使用技巧

2021-12-31 16:43:41 1395

原创 vue 项目首页加载速度优化以及解决首页白屏问题

Vue项目优化首页加载速度达到秒开以及解决首页白屏问题

2021-12-14 18:02:13 13664 4

原创 vue2.0 v-model 在自定义组件上的使用教程

Vue 2.0 自定义组件上使用v-model

2021-12-09 15:32:08 4593

原创 vue v-model 的实现原理

v-model 实现原理详解

2021-12-08 16:33:05 997

原创 nuxt.js做站点地图(sitemap.xml)详解

nuxt.js 做站点地图详细教程

2021-07-23 16:34:46 4152 3

原创 nuxt+vue+vant --- SSR- h5 公共底部弹出层组件

本博客是为了记录自己的组件,方便学习和使用,组件是在vant的基础上二次封装,之前还写了一个自己手写的弹出层公共组件,详情移步vue-cli 移动端底部弹出菜单动画效果参数名类型说明is_showpopupboolean是否显示弹层组件isShowLineboolean是否显示头部下划线slot说明“popupHeader”头部左侧文字“popupSlot”主题区域内容事件@fromPop 头部左侧文字点击事件第一步

2021-07-19 11:42:46 729

原创 vue 和 ssr+nuxt.js 配置环境变量以及pm2进行服务部署

vue+ssr+nuxt.js 配置环境变量

2021-07-19 11:35:14 1122

原创 vue-nuxt-ssr 做谷歌,百度统计以及google,facebook埋点总结

vue-nuxt-ssr 做google,百度埋点详细教程

2021-07-15 16:59:44 3602 3

原创 前端seo优化详细方案

vue-ssr-nuxt 做seo详细方案教程

2021-06-02 12:10:36 2704

原创 flex 布局水平垂直居中,内部区域高度超出外部区域高度时的bug

前言最近在项目中遇到一个问题就是水平垂直居中我是用的是flex布局,然后在缩小屏幕时里边的内容高度超出了外侧区域的高度(这里是屏幕的高度,这时候虽然出现了滚动条,但是展示不完全,被遮住了,经过测验才发现是因为align-items:center;)的原因,也就是居中的原因,解决办法写在下面。 <div class="coupon_window"> <div class="white_dialog"> </div> </div>.

2021-05-11 10:55:57 1266 2

原创 vue2.0和3.0的响应式原理以及区别

vue 响应式原理

2021-05-08 20:56:47 3488 13

原创 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 5369

原创 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 3355 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

原创 vue-cli4 配置多页应用入坑详解

vue-cli4 配置多页应用详细教程

2020-12-04 13:33:20 1122

原创 vue history模式刷新页面进入404解决方案

vue 路由模式 history模式 刷新页面进入404解决方案

2020-12-02 21:11:06 9571 6

原创 vue-pc 微信网页授权-扫码登录授权

vue-pc 微信网页授权-扫码登录授权

2020-12-02 20:44:46 6664 7

原创 前端使用 vue-qr 生成二维码

Vue前端自己生成二维码教程

2020-11-24 10:45:10 597

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除