- 博客(11)
- 收藏
- 关注
RSS订阅
原创 伸手党系列五：vue3.0+cli4.0+elementPlus项目搭建过程
伸手党系列五：vue3.0+cli4.0+elementPlus项目搭建过程1. 使用npm安装 cli 脚手架2. 使用 vue-cli 命令行创建项目3. 根据项目情况自定义选择所需插件1. 使用npm安装 cli 脚手架// npm是node的包管理工具,如果你的电脑还没有安装node请先去node官网下载node安装包，再来执行下面的操作。npm install -g @vue/cli// 如果嫌慢也可以用cnpm install -g @vue/cli 来安装。// cnpm淘宝镜像安
2021-02-02 00:16:52
4488
4
原创 伸手党系列四：vue-cli3.0以上 使用 proxy 进行跨域设置
基础知识跨域：出于浏览器的同源策略限制，当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。process： process 对象是一个全局变量，它提供有关当前 Node.js 进程的信息并对其进行控制。简单说它就是在nodejs中的一个全局变量。pathRewrite 是使用proxy进行代理时，对请求路径进行重定向以匹配到正确的请求地址。vue cli3.0以上和cli2.0变化较大，简化了很多东西，减少了很多配置文件。在vue cli3.0版本以上进行跨域设置时需
2020-10-24 18:21:04
2440
原创 伸手党系列三：使用mpvue+VantUI+flyio进行小程序开发
介绍mpvue （github 地址请参见）是一个使用 Vue.js 开发小程序的前端框架。Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。1. 安装mpvue创建一个基于mpvue-quickstart模板的新项目# 1. 先检查下 Node.js 是否安装成功$ node -v...
2020-04-15 10:11:45
6783
3
原创 伸手党系列二：移动端rem适配方案（flexible.js）
需要了解的基础知识：物理像素：物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。设备独立像素：也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)，然后由相关系统转换为物理像素。设备像素比：简称为dpr，其...
2020-04-06 23:27:08
8127
原创 伸手党系列一：Vue路由守卫及页面登录权限控制的设置方法
Vue路由守卫及页面登录权限控制的设置方法①先在我们的登录页面存储一个登录数据② 添加路由守卫方法一： 直接在路由中添加方法二：当我们使用的是export default 方法时可以在main.js中添加 router.beforeEach((to, from, next) => { }）方法。③ 在路由当中添加自定义字段requireAuth，判断当前路由是否需要登录。④ 在路由守卫中添加...
2020-03-28 14:14:40
15137
10
原创 vue 中监听document.body.scrollTop 值总为0的解决方法
最近在vuex项目中碰到了这个问题，监听页面滚动时 document.body.scrollTop一直都是0，捣鼓了好久最后找到了几个解决方法方法一：浏览器兼容有问题写个兼容方法就行// chrome || firefox || IE： // document.documentElement.scrollTop document.body.scrollTop // safari: window.pageYOffsetlet scrollTop= document.documentEleme
2020-06-11 12:00:49
11452
4
原创 如何在VSCode中设置console.log快捷键
console.log在我们的日常开发中是使用频率特别高的一句代码，那我们怎样在编译器中快速的打出来呢。其实很简单只要两步就行1. 在VScode中打开文件 → 首选项 → 用户代码片段 → 在搜索框中搜索 JavaScript.json2. 然后我们在其中添加这样一段代码就好了 "Print to console": { "prefix": "cl", "body": [...
2020-04-04 00:51:18
8480
3
原创 解决windows系统下 git 里使用 vue cli 创建项目上下箭头无效的三种解决方法
最近在用vue cl3.0或vue cli4.0创建项目的时候碰到一个很坑爹的问题，就是git里上下箭头没有作用，查了一堆资料试了各种方法才弄好，在这里我把我找到的几种比较靠谱的方法推荐给大家，希望能给大家带来一些帮助。方法一：在安装git的目录下找到bash.bashrc文件并打开，然后在文件最后一行添加一句代码就行了 （…不知道为什么别人能成功，我自己试了几次还是不行）①打开文件夹找到位置...
2020-04-03 00:23:55
2919
2
原创 vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法重点：事件写到父元素上才行！！！ 0.0样式代码：其他代码：** 最近在项目中实现在循环出来的图片中当鼠标移入隐藏当前图片显示另一张图片的需求时碰到了一个小问题。就是当使用@mouseenter 和@mouseleave事件来实现这个需求时却发现鼠标移入后图片出现闪烁现象。**重点：事件写到...
2020-04-02 17:54:37
10583
3
原创 百度地图移除指定的marker点（vue）
使用百度提供的api map.removeOverlay（）之前在项目中有用到百度地图，全部清除很简单直接调用map.clearOverlays()方法就行，但是删除特定点就稍微麻烦点，放在这里给大家分享一下！基础数据样式添加唯一标识id通过 map.getOverlays() 获取map中所有marker点，循环它。再利用前面添加的唯一标识id来删除这个点....
2020-03-29 23:57:36
10209
7
原创 其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
因为现在一般都是前后端分离开发的模式， 有时候后台的同事需要查看当前的项目，我们应该怎么办呢。例如我们现在开发的vue项目。其实很简单只要前端在项目中设置一下就行那就是在config文件夹下的index.js文件中 将 host : ‘localhost’,修改为 host: ‘0.0.0.0’ 就可以了。然后别人只需要访问 http:// + 前端电脑的IP地址 + 端口号 就可以直接访...
2020-03-28 14:36:50
2550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人