JavaScript - 教程之家

87浏览

0评论

浅谈Vue CLI 3结合Lerna进行UI框架设计

当前大部分UI框架设计的Webpack配置都相对复杂，例如 Element 、 Ant Design Vue 和Muse-UI等Vue组件库。例如Element，为了实现业务层面的两种引入形式（完整引入和按需引入），...

2020-05-27

51浏览

0评论

详解Vue组件之间通信的七种方式

使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。父子组件之间的通信1）props和$emit父组件通过props将数据下发给props,子组件...

2020-05-27

63浏览

0评论

vue自定义指令之面板拖拽的实现

前言
在指令里获取的this并不是vue对象，vnode.context才是vue对象，一般来说，指令最好不要访问vue上的data，以追求解耦，但是可以通过指令传进来的值去访问method或ref之类的。vue...

2020-05-27

59浏览

0评论

vue全局自定义指令-元素拖拽的实现代码

小白我用的是vue-cli的全家桶,在标签中加入v-drap则实现元素拖拽，全局指令我是写在main.js中Vue.directive('drag', { inserted: function (el) { el.onmousedown=functio...

2020-05-27

55浏览

0评论

Vuex的actions属性的具体使用

Vuex 的 action 属性内，可以定义异步操作逻辑，以满足某些业务场景要求。在组件内，是通过 $store.dispatch 来触发 action 定义的函数。
我们使用 action，来为计数器异步增 1。
1...

2020-05-27

48浏览

0评论

vue 父组件给子组件传值子组件给父组件传值的实例代码

父组件如何给子组件传值使用props举个例子：子组件：fromTest.vue，父组件 app.vuefromTest.vue<template><h2>{{title}}</h2> //title必须是父组件传递的</template><script> ex...

2020-05-27

69浏览

0评论

JavaScript使用ul中li标签实现删除效果

本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title></title> <style type="text...

2020-05-27

67浏览

0评论

详解小程序设置缓存并且不覆盖原有数据

最近在写小程序的小项目，因为是刚上手小程序，这途中遇到了许多问题，所幸在自己的坚持不懈下基本都得到了解决，今天就记录一下怎么设置缓存数据并且不覆盖吧，如果有错误的地方麻烦...

2020-05-27

63浏览

0评论

详解vue中router-link标签所必备了解的属性

to表示目标路由的链接。当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。<router-link to="home"...

2020-05-27

47浏览

0评论

详解javascript对数组和json数组的操作

经常使用javascript对数组和json数组进行操作，但是时间久了就忘记咋操作的了，所以这里简单记录一下直接看代码吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27

72浏览

0评论

详解jQuery中的getAll()和cleanData()

前言：看 jQuery 源码的一个痛点就是调用一个函数时，里面会调用 N 个其他函数，然后这 N 个函数里面又会调用 M 个其他其他函数。。本篇文章主要是对detach()/empty()/remove()/u...

2020-05-27

54浏览

0评论

vue 中Virtual Dom被创建的方法

本文将通过解读render函数的源码，来分析vue中的vNode是如何创建的。在vue2.x的版本中，无论是直接书写render函数，还是使用template或el属性，或是使用.vue单文件的形式，最终都需要...

2020-05-27

43浏览

0评论

说说Vuex的getters属性的具体用法

什么是getters在介绍state中我们了解到，在Store仓库里，state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用这个...

2020-05-27

82浏览

0评论

vue-cli项目使用mock数据的方法（借助express）

前言现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方...

2020-05-27

53浏览

0评论

详解vuex持久化插件解决浏览器刷新数据消失问题

众所周知，vuex的一个全局状态管理的插件，但是在浏览器刷新的时候，内存中的state会释放，通常的解决办法就是用本地存储的方式保存数据，然后再vuex初始化的时候再赋值给state，手动存...

2020-05-27

66浏览

0评论

前端面试知识点目录一览

写在前面:
金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习; 详细内容会在之...

2020-05-27

64浏览

0评论

小程序数据通信方法大全(推荐)

序本文论述的是子或孙向父传递数据的情况，自下而上相信大家平时在小程序开发中肯定遇到过页面或者组件之间的数据通信问题，那小程序数据通信都有哪些方式呢？如何选择合适的通信...

2020-05-27

69浏览

0评论

详解如何模拟实现node中的Events模块(通俗易懂版)

Nodejs 的大部分核心 API 都是基于异步事件驱动设计的，事件驱动核心是通过 node 中 Events 对象来实现事件的发送和监听回调绑定，我们常用的 stream 模块也是依赖于 Events 模...

2020-05-27

58浏览

0评论

vue--vuex详解

Vuex什么是Vuex？官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化...

2020-05-27

70浏览

0评论

vue单页面在微信下只能分享落地页的解决方案

实际上关键词叫微信pushState只能分享落地页更贴切一点应用场景： vue + vue-router vue-router使用hash模式（history模式没试过）不使用微信的js-sdk（因为我这个项目是可配...

2020-05-27

68浏览

0评论

详解如何运行vue项目

在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给...

2020-05-27

53浏览

0评论

ES6知识点整理之模块化的应用详解

本文实例讲述了ES6知识点整理之模块化的应用。分享给大家供大家参考，具体如下：目前浏览器还不能完全支持模块化，需要引入很多编译环境，下面在nodejs中来模拟ES6中的模块化nodejs...

2020-05-27

311浏览

0评论

详解从0开始搭建微信小程序(前后端)的全过程

前言有段时间比较闲就尝试着做了一个微信小程序，一是为了锻炼自己独立部署一个前后端全链路系统的能力，二是想做一个自己都想用的小程序出来。方向是让用户可以集中获取优质的...

2020-05-27

81浏览

0评论

一个小时快速搭建微信小程序的方法步骤

「小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小...

2020-05-27

66浏览

0评论

详解JavaScript中的强制类型转换

avaScript 原语JavaScript 建立在一系列基本单元之上。你应该对其中的一些已经很熟悉了，比如字符串和数字：var greet = "Hello";var year = 89;字符串和数字是该语言所谓“原...

2020-05-27

45浏览

0评论

你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)

Vue作为最近最炙手可热的前端框架，其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性，所以他的很多开发方式就和一切基于组件的React不同，如果没有对...

2020-05-27

64浏览

0评论

重学 JS：为啥 await 不能用在 forEach 中详解

这是重学 JS 系列的第三篇文章，写这个系列的初衷也是为了夯实自己的 JS 基础或者了解一些之前不知道的东西。既然是重学，肯定不会从零开始介绍一个知识点，如有遇到不会的内容请...

2020-05-27

74浏览

0评论

js实现弹出框的拖拽效果实例代码详解

具体代码如下所示：
//HTML部分<div class="wrap"></div><div class="popUpBox">　　<div class="layer-head"><div class="layer-head-text">弹出框</div><div class="layer-...

2020-05-27

60浏览

0评论

js实现删除li标签一行内容

利用面向对象思想完成买家信息删除功能，每一条信息包含：姓名（name）
性别（sex）
电话号码（number）
省份（province）实现以下要求：不能借用任何第三方库，需要使用原生代码实现。
结合给...

2020-05-27

276浏览

0评论

ES6知识点整理之Proxy的应用实例详解

本文实例讲述了ES6知识点整理之Proxy的应用。分享给大家供大家参考，具体如下：Proxy 用于修改对象某些操作的默认行为，可以对外界的访问进行过滤和改写，其概念类似于元编程。Prox...

2020-05-27

67浏览

0评论

理理Vue细节（推荐）

1. 动态属性名：可使用表达式来设置动态属性名或方法名：<a :[name]="url"> ... </a><img :[sss]="/img/test.png"/> <!-- 方法chang...

2020-05-27

72浏览

0评论

浏览器事件循环与vue nextTicket的实现

同步：就是在执行栈中（主线程）执行的代码异步：就是在异步队列（macroTask、microTask）中的代码
简单理解区别就是：异步是需要延迟执行的代码线程和进程进程：进程是应用程序的执...

2020-05-27

56浏览

0评论

一些手写JavaScript常用的函数汇总

前言在JavaScript中，几乎每次编写一段代码时，通常都会写入一个函数。我们的大部分代码执行都是函数调用的结果。所以本文主要给大家介绍了一些JavaScript常用的函数，下面话不多...

2020-05-27

94浏览

0评论

详解滑动穿透(锁body)终极探索

场景当页面出现浮层的时候，滑动浮层的内容，正常情况下预期应该是浮层下边的内容不会滚动；然而事实并非如此。如图所示，浮层下边的内容并没有如想象中不受影响。解决先去github上...

2020-05-27

62浏览

0评论

Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题

页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。vuex优势：相比sessionStorage，存储数据...

2020-05-27

50浏览

0评论

JavaScript实现选项卡效果的分析及步骤

慕课网上JavaScript进阶课最后一个编程挑战，自己也是边做边搜，希望通过最后这个自己的总结加深对节点获取方法的了解。
下面话不多说了，来一起看看详细的介绍吧效果分析之HTML...

2020-05-27

50浏览

0评论

在vue中获取微信支付code及code被占用问题的解决方法

这个地方坑比较多，查看网上并没有详细的文档，新手一般写到这里很痛苦。这里我只介绍一下我解决的方案，虽然它不是最好的，但是可行的方案；总体分两步
1）跳到微信支付链接，它会自动拼...

2020-05-27

43浏览

0评论

每周一练之数据结构与算法（Stack）

最近公司内部在开始做前端技术的技术分享，每周一个主题的每周一练，以基础知识为主，感觉挺棒的，跟着团队的大佬们学习和复习一些知识，新人也可以多学习一些知识，也把团队内部学习...

2020-05-27

51浏览

0评论

如何自动化部署项目？折腾服务器之旅~

本篇文章讲的不是如何把一个项目部署上线，而是如何自动化上线。开发了一个需求管理和发布系统。通过这个系统，可以创建需求、创建发布计划、创建分支、部署到测试环境、部署到...

2020-05-27

51浏览

0评论

vue实现局部刷新的实现示例

利用Vue里面的provide+inject组合（走过路过，不要错过）
使用2.2.0 新增的provide / inject控制<router-view>的显示隐藏在App.vue中使用provide//App.vue<template> <div>...

2020-05-27

44浏览

0评论

在vue中使用setInterval的方法示例

昨天在用vue开发项目的时候遇到一个坑，在群友的探讨中，成功的解决了这一问题。
具体情形如下：使用vue开发，在页面中有一个人数统计组件，人数统计是要动态变化数据的，由于目前没有...

2020-05-27

50浏览

0评论

Vue 理解之白话 getter/setter详解

当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineP...

2020-05-27

44浏览

0评论

JS实现根据详细地址获取经纬度功能示例

本文实例讲述了JS实现根据详细地址获取经纬度功能。分享给大家供大家参考，具体如下：这个功能还是比较实用的，记录分享一下：<html xmlns="http://www.w3.org/1999/xhtml"> <head...

2020-05-27

59浏览

0评论

vue+element UI实现树形表格带复选框的示例代码

一：在component文件夹下新建如下treeTable文件夹，里面有2个文件：eval.js:将数据转换成树形数据/** * @Author: jianglei * @Date: 2017-10-12 12:06:49 */"use strict";import...

2020-05-27

47浏览

0评论

JQuery Ajax跨域调用和非跨域调用问题实例分析

本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考，具体如下：现在的互联网技术发展的越来越快，我们在开发过程中遇到的问题也越来越多。比如当我们需...

2020-05-27

32浏览

0评论

JS使用百度地图API自动获取地址和经纬度操作示例

本文实例讲述了JS使用百度地图API自动获取地址和经纬度操作。分享给大家供大家参考，具体如下：在实际工作中我们经常会遇到这样的问题，但是当我们去看百度API的时候往往又达不到...

2020-05-27

44浏览

0评论

详解jquery和vue对比

前言：很多人说jquey和vue没有什么可比的，应该和Angular，React来比吧，我到觉得他们倒没有多大的可比性，都是基于mvvm思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会...

2020-05-27

42浏览

0评论

详解vue-cli 脚手架安装

一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下版本）；2）如果执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：htt...

2020-05-27

51浏览

0评论

vue.js中使用echarts实现数据动态刷新功能

在vue使用echarts时，可能会遇到这样的问题，就是直接刷新浏览器，或者数据变化时，echarts不更新? 这是因为Echarts是数据驱动的，这意味着只要我们重新设置数据，那么图表就会...

2020-05-27

57浏览

0评论

在Vue项目中使用snapshot测试的具体使用

snapshot介绍
snapshot测试又称快照测试，可以直观地反映出组件UI是否发生了未预见到的变化。snapshot如字面上所示，直观描述出组件的样子。通过对比前后的快照，可以很快找出UI...

2020-05-27

热门文章