Erlo
2019-09-13 00:00· vue cli3 调用百度翻译API翻译页面的实现示例

首先说下,本人为在校大三狗一只,缺少实战开发经验,然后用语什么的也不标准,就按我自己的想法写的,有什么不对的地方欢迎指导指导哈 然后直接开始吧 在需要翻译的地方做上标记,这里用的是添加名为...

2019-09-12 00:00· 详解Vue中CSS样式穿透问题

1. 问题由来 在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack...

2019-09-12 00:00· 记录vue做微信自定义分享的一些问题

前言 众所周知,在使用vue做项目的时候,微信自定义分享一直是一个坑,只是ios上坑明显的多。 然后每次遇到问题都要度娘很久。 奇怪的是貌似和很多人遇到的问题一样,但是他们写...

vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019-09-05 00:00· vue实现手机号码的校验实例代码(防抖函数的应用场景)

前言 上一篇博文我们讲到了节流函数的应用场景,我们知道了节流函数可以用在模糊查询、scroller、onresize等场景;今天这篇我们来讲防抖函数的应用场景:: 通过上一篇博文的学习,我...

2019-09-05 00:00· vue使用i18n实现国际化的方法详解

一、前言 在4k广告机中需要实现多语言切换,这时候接触到国际化,前端框架无数,其中几种热门的框架都有相匹配的国际化插件工具。比如: vue + vue-i18n angula...

2019-09-05 00:00· vue draggable resizable gorkys与v-chart使用与总结

实现效果: 实现图表的二次封装以及表格的自由拖动,缩放功能 先贴出两个组件的地址: vue-draggable-resizable-gorkys v-chart 图标的二...

vue draggable resizable gorkys与v-chart使用与总结
2019-09-05 00:00· vue路由守卫及路由守卫无限循环问题详析

先贴一波官方文档的内容 const router = new VueRouter({ ... }) router.beforeEach((to, from, next) =...

2019-09-05 00:00· Vue.js如何使用Socket.IO的示例代码

在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实...

Vue.js如何使用Socket.IO的示例代码
2019-08-15 12:04· 2018 vue前端面试题

文章转载自:http://www.pythonheidong.com/blog/article/1162/ 1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-l...

2019-08-07 11:03· vue 集成jTopo 处理方法

  jTopo 帮助说明网站 http://www.jtopo.com/index.html       使用例子: http://www.jtopo.com/demo/helloworld.html 不建议直接...

2019-08-06 21:03· Vue.js项目实战-多语种网站(租车)

首先来看一下网站效果,想写这个项目的读者可以自行下载哦,地址:https://github.com/Stray-Kite/Car: 在这个项目中,我们主要是为了学习语种切换,也就是右上角的 中文/Eng...

Vue.js项目实战-多语种网站(租车)
2019-08-06 18:04· Vue内置组件[回顾]

1.动态组件  在某些场景,往往需要我们动态切换页面部分区域的视图,这个时候内置组件component就显得尤为重要。  component接收一个名为is的属性,is的值应为父组件中注册过的组件的名称,用法如下: ...

Vue内置组件[回顾]
2019-08-05 12:03· Vue.js 源码分析(三十二) 总结

第一次写博客,坚持了一个多月时间,Vue源码分析基本分析完了,回过头也看也漏了一些地方,比如双向绑定里的观察者模式,也可以说是订阅者模式,也就是Vue里的Dep、Watcher等这些函数的作用,网上搜一下讲解也挺多的,这...

2019-08-05 00:02· 【Vue的路由,SPA概念】

前言 本章是为了以后实现前端页面的搭建而写的, 重点在于如何实现 单页Web应用 因为相对于以前的传统多页面web,有很大的缺陷。 那么就必须了解一下Vue的路由设置。     SPA的概念   总的而言,...

【Vue的路由,SPA概念】
2019-08-03 18:03· vue封装一个简单的div框选时间的组件

记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框...

vue封装一个简单的div框选时间的组件
2019-08-03 12:02· Vue基础语法(样式绑定,事件处理,表单,Vue组件)

  样式绑定 事件处理 表单 Vue组件     样式绑定 DOCTYPE html> html> head> meta char...

Vue基础语法(样式绑定,事件处理,表单,Vue组件)
2019-08-02 17:03· Vue开发——实现吸顶效果

因为项目需求,最近开始转到微信公众号开发,接触到了Vue框架,这个效果的实现虽说是基于Vue框架下实现的,但是同样也可以借鉴到其他地方,原理都是一样的。 进入正题,先看下效果图:   其实js做这个效果还是挺简单的,...

2019-08-02 12:03· Vue.js 源码分析(三十一) 高级应用 keep-alive 组件 详解

当使用is特性切换不同的组件时,每次都会重新生成组件Vue实例并生成对应的VNode进行渲染,这样是比较花费性能的,而且切换重新显示时数据又会初始化,例如: DOCTYPE html> html lang="en...

Vue.js 源码分析(三十一) 高级应用 keep-alive 组件 详解
2019-08-01 16:01· vue bootstrap区别

  在很多人眼里bootstrap和vue都是前端框架,其实他们还是有很多区别的,bootstrap是前端页面框架,用于快速开发响应式页面,而vue是前端js库,把前端开发组件化。BootStrap:  特点是栅格系统,...

vue bootstrap区别
2019-08-01 12:02· 基于Springboot后台,前台 vue.js 跨域 Activiti6 工作流(用到...

工作流模块-------------------------------------------------------------------------------------------------------...

基于Springboot后台,前台 vue.js  跨域 Activiti6 工作流(用到websocket技术) 的项目
2019-08-01 10:03· Vue.js 源码分析(三十) 高级应用 函数式组件 详解

函数式组件比较特殊,也非常的灵活,它可以根据传入该组件的内容动态的渲染成任意想要的节点,在一些比较复杂的高级组件里用到,比如Vue-router里的组件就是一个函数式组件。 因为函数式组件只是函数,所以渲染开销也低很多...

Vue.js 源码分析(三十) 高级应用 函数式组件 详解
2019-07-31 15:03· vue教程二 vue组件(1)

DOCTYPE html> html> head> meta charset="utf-8" /> script src="https://cdn.jsdelivr.n...

2019-07-31 13:03· Vue.js 源码分析(二十九) 高级应用 transition-group组件 详解

对于过度动画如果要同时渲染整个列表时,可以使用transition-group组件。 transition-group组件的props和transition组件类似,不同点是transition-group组件的pro...

Vue.js 源码分析(二十九) 高级应用 transition-group组件 详解
2019-07-31 13:03· vue v-for 使用问题整理

今天使用v-for指令的时候遇到一个错误 [Vue warn]: Error in render: "TypeError: Cannot read property 'children' of undefined" ...

vue v-for 使用问题整理
2019-07-31 12:04· 从无建立一个vue项目

node.js安装   首先安装Node,官网地址 :https://nodejs.org/en/download/ ,进去下载关于符合自己电脑的下载。   具体的Node安装步骤参考地址: https://ww...

从无建立一个vue项目
2019-07-31 12:04· vue项目中兼容ie8以上浏览器的配置

1.首先需要在根目录的index.html文件加入如下代码 2.npm安装依赖 安装babel-polyfill 插件 指令:npm install babel-polyfill --save-dev ...

2019-07-31 11:04· vue history模式下,部署到服务器 出现空白页情况

 问题描述:    vue搭建的项目,路由一直用的hash模式,所以url中都会带有一个“#”号。现在想要去掉“#”,于是使用history模式 { mode: 'history' },代码如下: ...

2019-07-29 19:01· vue如何引入bootstrap

如果你想了解更多关于bootstrap的知识,可以点击:bootstrap教程一、引入jquery步骤:1. 安装jquery$ npm install jquery --save-dev2.在webpack.confi...

vue如何引入bootstrap
2019-07-29 12:04· Vue.js 源码分析(二十八) 高级应用 transition组件 详解

transition组件可以给任何元素和组件添加进入/离开过渡,但只能给单个组件实行过渡效果(多个元素可以用transition-group组件,下一节再讲),调用该内置组件时,可以传入如下特性:     name     ...

Vue.js 源码分析(二十八) 高级应用 transition组件 详解
2019-07-26 10:05· Vue.js 源码分析(二十七) 高级应用 异步组件 详解

当我们的项目足够大,使用的组件就会很多,此时如果一次性加载所有的组件是比较花费时间的。一开始就把所有的组件都加载是没必要的一笔开销,此时可以用异步组件来优化一下。 异步组件简单的说就是只有等到在页面里显示该组件的时候才...

Vue.js 源码分析(二十七) 高级应用 异步组件 详解
2019-07-23 19:03· Vue – 基础学习(4):动态加载和注册组件

// var myComponent =() => import(`./../../components/custom_panel/${t_url}.vue`);// //var myComponent = resolv...

2019-07-20 18:01· vue全家桶有哪些

推荐教程:VUE.JS教程  Vue有著名的全家桶系列,包含了vue-router,vuex, vue-resource。再加上构建工具vue-cli,sass样式,就是一个完整的vue项目的核心构成。概括起来就是:  ...

vue全家桶有哪些
2019-07-20 11:04· Vue中遍历数组的新方法

1、foreach   foreach循环对不能使用return来停止循环 1 search(keyword){ 2 var newList = [] 3 this.urls....

Vue中遍历数组的新方法
2019-07-18 17:04· Vue.js 源码分析(二十六) 高级应用 作用域插槽 详解

普通的插槽里面的数据是在父组件里定义的,而作用域插槽里的数据是在子组件定义的。 有时候作用域插槽很有用,比如使用Element-ui表格自定义模板时就用到了作用域插槽,Element-ui定义了每个单元格数据的显示格式...

Vue.js 源码分析(二十六) 高级应用 作用域插槽 详解
2019-07-18 12:01· bootstrap能和vue一起用吗

BootstrapVue使用 Vue.js 和世界上最流行的前端 CSS 库 — Bootstrap V4 在 Web 上构建响应式,移动优先项目。授权协议:MIT(推荐学习:Bootstrap视频教程)开发语言:Jav...

bootstrap能和vue一起用吗
2019-07-17 19:03· 【微信小程序】mpvue中页面之间传值(全网唯一真正可行的方法,中指推了一下隐形眼镜)

摘要: mpvue中页面之间传值(注意:是页面之间,不是组件之间) 场景:A页面跳转B页面,在B页面选择商品,将商品名带回A页面并显示 使用api: getCurrentPages    step1: A页面js: ...

2019-07-17 13:03· Vue.js 源码分析(二十五) 高级应用 插槽 详解

我们定义一个组件的时候,可以在组件的某个节点内预留一个位置,当父组件调用该组件的时候可以指定该位置具体的内容,这就是插槽的用法,子组件模板可以通过slot标签(插槽)规定对应的内容放置在哪里,比如: DOCTYPE...

Vue.js 源码分析(二十五) 高级应用 插槽 详解
2019-07-16 16:01· vue.js监听键盘事件

Vue监听键盘,直接用@绑定就可以,而且Vue为几个常用的按键提供了别名,不用去查询按键的keyCode全部的按键别名 .enter .tab .delete (捕...

vue.js监听键盘事件
2019-07-15 13:01· bootstrap和vue的区别

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加...

bootstrap和vue的区别
2019-07-15 11:01· vuejs怎么和thinkphp结合

vue在服务端部署时,我们都知道通过npm run build 指令打包好的dist文件,通过http指定是可以直接浏览的,Thinkphp通过域名指向index.php文件才可以浏览。要使前端正常调用后端...

vuejs怎么和thinkphp结合
2019-07-13 18:01· bootstrap与vue区别

BootStrap:特点是栅格系统,使用简单,上手容易。专为响应式页面而生,一套代码就可以自适应平板电脑和PC。缺点在于,缺少一套有力的成体系的组件(当时调查的时候还没有,现在据说有了),我在实际使用时,发...

bootstrap与vue区别
2019-07-13 12:01· vue中怎么引入bootstrap

一、引入jquery步骤:1. 安装jquery$ npm install jquery --save-dev2.在webpack.config.js 添加内容+ const webpack = requi...

vue中怎么引入bootstrap
2019-07-12 10:04· Vue.js 源码分析(二十四) 高级应用 自定义指令详解

除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。 官网介绍的比较抽象,显得很高大上,我个人对自定义指令的理解是:当自定义指令作用在一些DOM元素或组件上时,该元素在初次渲...

Vue.js 源码分析(二十四) 高级应用 自定义指令详解
2019-07-12 09:03· 【vuevue生命周期---精简易懂-----【XUEBIG】

主要的生命周期函数分类:    - 创建期间的生命周期函数:(只会调用一次)       + beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性;       + cre...

【vue】vue生命周期---精简易懂-----【XUEBIG】
2019-07-12 01:04· Vue.js 源码分析(二十三) 高级应用 自定义指令详解

除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。 官网介绍的比较抽象,显得很高大上,我个人对自定义指令的理解是:当自定义指令作用在一些DOM元素或组件上时,该元素在初次渲染...

Vue.js 源码分析(二十三) 高级应用 自定义指令详解
2019-07-11 20:03· VueRouter认识

1、 什么是路由?   路由(vue-router)是负责将进入的浏览器请求映射到特定的 组件 代码中。即决定了由谁(组件)去响应客户端请求。简单说路由就是url地址和对应的资源的映射,通过一个路径的url地址,可以唯...

2019-07-11 17:03· vuejs组件

一、什么是组件?     组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情...

2019-07-11 11:04· Vue.js 源码分析(二十三) 指令篇 v-show指令详解

v-show的作用是将表达式值转换为布尔值,根据该布尔值的真假来显示/隐藏切换元素,它是通过切换元素的display这个css属性值来实现的,例如: Document ...

Vue.js 源码分析(二十三) 指令篇 v-show指令详解
2019-07-11 01:04· vue初级使用

一、Vue是什么?   Vue(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。采用自底向上增量开发的设计。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合...

2019-07-10 01:03· Vue.js 源码分析(二十二) 指令篇 v-model指令详解

Vue.js提供了v-model指令用于双向数据绑定,比如在输入框上使用时,输入的内容会事实映射到绑定的数据上,绑定的数据又可以显示在页面里,数据显示的过程是自动完成的。 v-model本质上不过是语法糖。它负责监听用户...

Vue.js 源码分析(二十二) 指令篇 v-model指令详解
2019-07-09 01:03· Vue.js 源码分析(二十一) 指令篇 v-pre指令详解

该指令会跳过所在元素和它的子元素的编译过程,也就是把这个节点及其子节点当作一个静态节点来处理,例如: Document {{mess...

Vue.js 源码分析(二十一) 指令篇 v-pre指令详解
2019-07-08 18:03· 使用VSCode创建一个Vue项目

vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 安装vue-cli之前,需要先安装了vue和webpack · node -v                   //(版本低引起:bash: npm...

使用VSCode创建一个Vue项目
2019-07-08 11:03· Vue.js 源码分析(二十) 指令篇 v-once指令详解

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值,例如:span>Message: {{ msg }}span>,以后每当msg属性发生了改变,插值处的内容都会自动更新。 可以给DOM节点...

Vue.js 源码分析(二十) 指令篇 v-once指令详解
2019-07-05 15:04· 十二、vue中watch如何监控对象的属性

1、普通的watch 2、对象属性的watch:   对象和数组都是引用类型,引用类型变量存的是地址,地址没有变,所以不会触发watch。这时我们需要进行深度监听,就需要加上一个属性 deep,值为 true ...

十二、vue中watch如何监控对象的属性
2019-07-05 10:04· Vue.js 源码分析(十九) 指令篇 v-html和v-text指令详解

双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令,例如: Document ...

Vue.js 源码分析(十九) 指令篇 v-html和v-text指令详解
2019-07-04 10:06· Vue.js 源码分析(十八) 指令篇 v-for 指令详解

我们可以用 v-for 指令基于一个数组来渲染一个列表,有五种使用方法,如下: DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> ...

Vue.js 源码分析(十八) 指令篇 v-for 指令详解
2019-07-04 10:06· 《微信小程序项目开发实战:用WePY、mpvue、Taro打造高效的小程序》(笔记2)We...

本节将介绍如何使用WePY创建一个最简单的项目,也就是之前已经创建过的HelloWorld。 1.6.1 创建HelloWorld项目 首先需要在使用的代码编辑器中新建一个项目,之后使用CMD命令行工具或者是终端sh...

《微信小程序项目开发实战:用WePY、mpvue、Taro打造高效的小程序》(笔记2)WePY版HelloWorld
2019-07-03 19:03· Vue.js 源码分析(十七) 指令篇 v-if、v-else-if和v-else 指令详...

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 v-else-if,顾名思义,充当 v-if 的“else-if 块”,可以连续使用: 也可以使用 v-else...

Vue.js 源码分析(十七) 指令篇 v-if、v-else-if和v-else 指令详解
2019-07-03 09:03· vue + axios + formdata 上传文件带参数的爬坑之路

submitForm(event) { let formData = new FormData() formData.append('name', this.name) formData.append('...

热门文章

> <

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-09-21 19:13:09Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部