详解vue中router-link标签所必备了解的属性
to表示目标路由的链接。 当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home"...
to表示目标路由的链接。 当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home"...
经常使用javascript对数组和json数组进行操作,但是时间久了就忘记咋操作的了,所以这里简单记录一下直接看代码吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
前言:看 jQuery 源码的一个痛点就是调用一个函数时,里面会调用 N 个其他函数,然后这 N 个函数里面又会调用 M 个其他其他函数。。本篇文章主要是对detach()/empty()/remove()/u...
本文将通过解读render函数的源码,来分析vue中的vNode是如何创建的。在vue2.x的版本中,无论是直接书写render函数,还是使用template或el属性,或是使用.vue单文件的形式,最终都需要...
什么是getters在介绍state中我们了解到,在Store仓库里,state就是用来存放数据,若是对数据进行处理输出,比如数据要过滤,一般我们可以写到computed中。但是如果很多组件都使用这个...
前言现如今前后端分离开发越来越普遍,前端人员写好页面后可以自己模拟一些数据进行代码测试,这样就不必等后端接口,提高了我们开发效率。今天就来分析下前端常用的mock数据的方...
众所周知,vuex的一个全局状态管理的插件,但是在浏览器刷新的时候,内存中的state会释放,通常的解决办法就是用本地存储的方式保存数据,然后再vuex初始化的时候再赋值给state,手动存...
写在前面:
金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习; 详细内容会在之...
序本文论述的是子或孙向父传递数据的情况,自下而上相信大家平时在小程序开发中肯定遇到过页面或者组件之间的数据通信问题,那小程序数据通信都有哪些方式呢?如何选择合适的通信...
Nodejs 的大部分核心 API 都是基于异步事件驱动设计的,事件驱动核心是通过 node 中 Events 对象来实现事件的发送和监听回调绑定,我们常用的 stream 模块也是依赖于 Events 模...
Vuex什么是Vuex?官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化...
实际上关键词叫 微信pushState只能分享落地页 更贴切一点应用场景: vue + vue-router vue-router使用hash模式(history模式没试过) 不使用微信的js-sdk(因为我这个项目是可配...
在师兄的推荐下入坑vue.js ,发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给...
本文实例讲述了ES6知识点整理之模块化的应用。分享给大家供大家参考,具体如下:目前浏览器还不能完全支持模块化,需要引入很多编译环境,下面在nodejs中来模拟ES6中的模块化nodejs...
前言有段时间比较闲就尝试着做了一个微信小程序,一是为了锻炼自己独立部署一个前后端全链路系统的能力,二是想做一个自己都想用的小程序出来。方向是让用户可以集中获取优质的...
「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面)。本以为没有 AppID 这个月就与小...
avaScript 原语JavaScript 建立在一系列基本单元之上。你应该对其中的一些已经很熟悉了,比如字符串和数字:var greet = "Hello";var year = 89;字符串和数字是该语言所谓“原...
Vue作为最近最炙手可热的前端框架,其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性,所以他的很多开发方式就和一切基于组件的React不同,如果没有对...
这是重学 JS 系列的第三篇文章,写这个系列的初衷也是为了夯实自己的 JS 基础或者了解一些之前不知道的东西。既然是重学,肯定不会从零开始介绍一个知识点,如有遇到不会的内容请...
具体代码如下所示:
//HTML部分<div class="wrap"></div><div class="popUpBox"> <div class="layer-head"><div class="layer-head-text">弹出框</div><div class="layer-...
利用面向对象思想完成买家信息删除功能,每一条信息包含:姓名(name)
性别(sex)
电话号码(number)
省份(province)实现以下要求:不能借用任何第三方库,需要使用原生代码实现。
结合给...
本文实例讲述了ES6知识点整理之Proxy的应用。分享给大家供大家参考,具体如下:Proxy 用于修改对象某些操作的默认行为,可以对外界的访问进行过滤和改写,其概念类似于元编程。Prox...
1. 动态属性名:可使用表达式来设置动态属性名或方法名:<!-- 属性name --><a :[name]="url"> ... </a><!-- 计算属性sss和s --><img :[sss]="/img/test.png"/> <!-- 方法chang...
同步:就是在执行栈中(主线程)执行的代码 异步:就是在异步队列(macroTask、microTask)中的代码
简单理解区别就是:异步是需要延迟执行的代码线程和进程 进程:进程是应用程序的执...
前言在JavaScript中,几乎每次编写一段代码时,通常都会写入一个函数。我们的大部分代码执行都是函数调用的结果。所以本文主要给大家介绍了一些JavaScript常用的函数,下面话不多...
场景当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动;然而事实并非如此。如图所示,浮层下边的内容并没有如想象中不受影响。解决先去github上...
页面刷新后,想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。vuex优势:相比sessionStorage,存储数据...
慕课网上JavaScript进阶课最后一个编程挑战,自己也是边做边搜,希望通过最后这个自己的总结加深对节点获取方法的了解。
下面话不多说了,来一起看看详细的介绍吧效果分析之HTML...
这个地方坑比较多,查看网上并没有详细的文档,新手一般写到这里很痛苦。这里我只介绍一下我解决的方案,虽然它不是最好的,但是可行的方案;总体分两步
1)跳到微信支付链接,它会自动拼...
最近公司内部在开始做前端技术的技术分享,每周一个主题的 每周一练,以基础知识为主,感觉挺棒的,跟着团队的大佬们学习和复习一些知识,新人也可以多学习一些知识,也把团队内部学习...
本篇文章讲的不是如何把一个项目部署上线,而是如何自动化上线。开发了一个需求管理和发布系统。通过这个系统,可以创建需求、创建发布计划、创建分支、部署到测试环境、部署到...
利用Vue里面的provide+inject组合(走过路过,不要错过)
使用2.2.0 新增的provide / inject控制<router-view>的显示隐藏 在App.vue中使用provide//App.vue<template> <div>...
昨天在用vue开发项目的时候遇到一个坑,在群友的探讨中,成功的解决了这一问题。
具体情形如下:使用vue开发,在页面中有一个人数统计组件,人数统计是要动态变化数据的,由于目前没有...
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineP...
本文实例讲述了JS实现根据详细地址获取经纬度功能。分享给大家供大家参考,具体如下:这个功能还是比较实用的,记录分享一下:<html xmlns="http://www.w3.org/1999/xhtml"> <head...
一:在component文件夹下新建如下treeTable文件夹,里面有2个文件:eval.js:将数据转换成树形数据/** * @Author: jianglei * @Date: 2017-10-12 12:06:49 */"use strict";import...
本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下:现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需...
本文实例讲述了JS使用百度地图API自动获取地址和经纬度操作。分享给大家供大家参考,具体如下:在实际工作中我们经常会遇到这样的问题,但是当我们去看百度API的时候往往又达不到...
前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会...
一、 node安装1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下 版本);2)如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:htt...
在vue使用echarts时,可能会遇到这样的问题,就是直接刷新浏览器,或者数据变化时,echarts不更新? 这是因为Echarts是数据驱动的,这意味着只要我们重新设置数据,那么图表就会...
snapshot介绍
snapshot测试又称快照测试,可以直观地反映出组件UI是否发生了未预见到的变化。snapshot如字面上所示,直观描述出组件的样子。通过对比前后的快照,可以很快找出UI...
首先以分享给朋友为例
1、先看官方文档
wx.onMenuShareAppMessage({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接,该链接域名或路径必须与当前...
让我们先从怎样删除数组中的重复项这个简单问题开始。复杂 - 使用 forEach 删除重复项首先,我们新创建一个空数组,用 forEach() 在数组的每个元素上执行一次提供的函数。最后...
起因微信分享网址时无法分享图片,这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的,但后来微信禁止了。所以只能使用jssdk去解决。
普通网页开发很简单,但是使用vu...
github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目。最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下。https://github.com/...
当vue单页面需要替换参数并刷新页面时,这个时候使用this.$router.push或this.$router.replace会发现路由改变了,但是页面上的数据并没有实时刷新。在网上找到了以下几种方法,亲...
错误是这样发生的://在vue component组件中引入less文件<style lang="less"> @import '@/assets/css/public/layout.less';</style>然后就报错了:Module build failed:@impor...
由于最新版本的vue-cli已经放弃dev-server.js,需在webpack.dev.conf.js配置才行新版本的webpack.dev.conf.js配置如下:const express require('express')const app =express()...
纯js实现web端录音功能,功能并不是特别多,逐步增加中,详细地址:github。getUserMedia在非localhost和127的情况下,需要开启https,由于腾讯云的没备案,demo就不放了,可以自行获取代码...