vue
文章平均质量分 92
OBKoro1
博客、前端算法、开箱即用代码块:http://obkoro1.com/web_accumulate/
展开
-
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
写在前面:本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后,又一篇关于vue-cli脚手架配置相关的文章,因为有些文章步骤不够清晰,当时我引入JQuery、bootstrap的时候颇费了一番功夫,所以本文的步骤会尽量详细一点。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。引入bootstrap1. 下载所需要的bootstrap文件原创 2017-08-10 15:08:52 · 4937 阅读 · 0 评论 -
论如何用Vue实现一个弹窗-一个简单的组件实现
前言最近在使用element-ui框架,用到了Dialog对话框组件,大致实现的效果,跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下,下面本文会带着大家手摸手实现一个弹窗组件。本文主要内容会涉及到弹窗遮罩的实现,slot插槽的使用方式,props、$emit传参,具体组件代码也传上去了。如果喜欢的话可以点波赞/关注,支持一下,希望大家...原创 2018-04-23 09:05:09 · 42479 阅读 · 3 评论 -
前端将数据转化为弹幕效果的实现方式
前言这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 个人博客了解一下:obkoro1.com实现效果:实现原理:实现弹幕的原理,并不算太复杂,耗费一些时间,怼一怼应该都可以做出来。...原创 2018-05-02 09:12:14 · 3480 阅读 · 0 评论 -
关于input的一些问题解决方法分享
前言input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个标签,所以在开发过程中也时候也会遇到一些问题,本文的内容是我在跟input相爱相杀过程中产生的,在此记录分享一下。如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 个人博客了解一下:obkoro1.com本文内容包括:移动端底部input被弹出的键盘遮挡。控制...原创 2018-05-14 09:27:48 · 996 阅读 · 0 评论 -
你或许不知道Vue的这些小技巧
前言用Vue开发一个网页并不难,但是也经常会遇到一些问题,其实大部分的问题都在文档中有所提及,再不然我们通过谷歌也能成功搜索到问题的答案,为了帮助小伙伴们提前踩坑,在遇到问题的时候,心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧,结合查阅资料整理成的一篇文章,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 个人博客了解一下:obko...原创 2018-06-04 08:31:54 · 1113 阅读 · 0 评论 -
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]
前言说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢… 个人博客了解一下:obkoro1.comVue-Router导航守卫:有的时候,我们需要通过路由来进...原创 2018-07-23 11:02:09 · 870 阅读 · 0 评论 -
Vue 实践过程中的几个问题
前言本篇是我在使用vue过程中,遇到的几个小问题和之前不了解的东西,记录下来,希望能够帮助各位踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家。 本文首发于我的个人blog:obkoro1.com本篇记录个人遇到的问题如下:路由变化页面数据不刷新问题setTimeout/setInterval this指向改变,无法用this访问VUe实例setIn原创 2018-01-25 17:44:13 · 2101 阅读 · 0 评论 -
vue 项目如何引入微信sdk,使用微信分享接口
写在前面:做微信的网页基本上都要接入微信的sdk,我在做的时候,也颇费了一番功夫,然后就想记录一下,供自己日后翻阅,以及让有需要的朋友可以做一下参考,如果喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro1.com安装sdk npm install weixin-js-sdk --save开始之前大家可以先读一读微信公众号的 接入文档,vue是原创 2017-12-18 10:40:22 · 30219 阅读 · 1 评论 -
手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]
写在前面:使用 vue-cli 可以快速创建 vue 项目,vue-cli很好用,但是在最初搭建环境安装vue-cli及相关内容的时候,对一些人来说是很头疼的一件事情,本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑,特此写了一篇搭建环境的教程,每一步尽量详细解析。需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望可以帮到大家。vue-cli脚手架的优势:有一套成熟的vu原创 2017-08-05 20:22:52 · 17541 阅读 · 4 评论 -
vue-cli 自定义路径别名 assets和static文件夹的区别 --save-dev和--save的区别
写在前面:这是一篇vue-cli的几个小知识点简单介绍,适用于刚接触vue-cli脚手架以及对此方面并不太了解的同学,大佬们绕道。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。静态资源处理:assets和static文件夹的区别相信有很多人知道vue-cli有两个放置静态资源的地方,分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。原创 2017-09-19 23:19:20 · 1092 阅读 · 0 评论 -
vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
写在前面:npm run build 是vue-cli用来打包项目的命令行,本文是关于vue-cli打包的一些常见的坑,会尽量详细的写每个步骤,大家可以一边看着文章,一边打包试试。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。初始化一个项目:这里初始化一个项目,因为导致打包错误的原因多种多样,避免因为其他设置错误干扰,从头开始打包整体步骤也会更加清晰。命令行:vue原创 2017-10-10 11:03:41 · 4029 阅读 · 0 评论 -
在vue项目中 如何定义全局变量 全局函数
写在前面:如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置不太难,而且有一些共通之处,可能有一些朋友对此不太了解,所以随便写出来分享一波。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro1.com定义原创 2017-10-24 13:10:20 · 5738 阅读 · 1 评论 -
Vue-cli 使用json server在本地模拟请求数据
写在前面:开发的时候,前后端不论是否分离,接口多半是滞后于页面开发的。所以建立一个REST风格的API接口,给前端页面提供虚拟的数据,是非常有必要的。json server 作为模拟工具,因为设置简单,容易上手。本文是做一个简单的上手介绍,有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro1.comjson server 工原创 2017-11-01 13:58:44 · 9008 阅读 · 0 评论 -
vue router 如何使用params query传参,以及有什么区别
写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro1.comVue router如何传参params、query是什么?params:/router1/:id ,/rout原创 2017-11-13 10:29:00 · 46543 阅读 · 4 评论 -
在Vue-cli里基于axios封装复用请求
写在前面:自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍,如何封装请求,并且在项目组件中复用请求。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人b原创 2017-11-05 16:00:25 · 20253 阅读 · 5 评论 -
手摸手教你在vue-cli里面使用vuex,以及vuex简介
写在前面:这篇文章是在vue-cli里面使用vuex的一个极简demo,附带一些vuex的简单介绍。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro1.com引入步骤我创建了一个新的vue-cli里面什么东西都没有,只引用了vuex,这里是码云地址,可以下载下来,然后npm install、npm run dev试试看,里原创 2017-12-11 14:23:40 · 4584 阅读 · 0 评论 -
vue先hash 模式部署项目,然后开启histroy模式 ,引发的几个问题以及histroy模式的开启方式、优点
前言:vue路由有一个HTML5 History 模式,这个模式要在路由里面另外开启的,很多人在刚使用路由的时候之前不知道这个模式,所以并没有启用,然后就把项目部署上去了,因为这个模式还是有挺多优点的,最后还是会开启这个模式。然而因为之前使用hash模式再改为histroy模式还是有些问题的,我已经踩过坑了,然后把这几个问题写出来。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以原创 2017-12-25 12:52:19 · 2923 阅读 · 0 评论 -
一份超级详细的Vue-cli3.0使用教程[赶紧来试试!]
前言在vue-cli 2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来帮助各位踩一下坑。游泳、健身了解一下:博客、前端积累文档、公众号、GitHub主要内容:零配置启动/打包一个.vue文件详细的搭建过程重点推荐:使用图形化界面创建/管理/运行项目安装:卸载旧版本:如果你事先...原创 2018-11-15 10:38:51 · 1226 阅读 · 0 评论