JavaScript - 教程之家

60浏览

0评论

ES6入门教程之let、const的使用方法

一、前提
解决ES5中只有全局作用域和函数作用域，没有块级作用域而带来的不合理的场景。
let基本用法
用法和var 一样，只是let声明的变量只有在let命令所在的代码块有效
{ let...

2020-05-27

73浏览

0评论

JS实现马赛克图片效果完整示例

本文实例讲述了JS实现马赛克图片效果。分享给大家供大家参考，具体如下：整体逻辑：获取oldImg图片的像素信息，以5*5为单位，在5*5单位中取到一个随机像素并赋值给5*5中的所有像素点，...

2020-05-27

62浏览

0评论

JS实现倒序输出的几种常用方法示例

本文实例讲述了JS实现倒序输出的几种常用方法。分享给大家供大家参考，具体如下：1.通过split和数组的逆序输出var num = 123;//输出应该是 3 2 1num = num +""; //方便split函...

2020-05-27

62浏览

0评论

JS+CSS3实现的简易钟表效果示例

本文实例讲述了JS+CSS3实现的简易钟表效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn js+css3简易...

2020-05-27

70浏览

0评论

Vue入门学习笔记【基本概念、对象、过滤器、指令等】

本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考，具体如下：1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3...

2020-05-27

85浏览

0评论

详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上...

2020-05-27

70浏览

0评论

js中async函数结合promise的小案例浅析

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatib...

2020-05-27

70浏览

0评论

Nodejs实现用户注册功能

1创建连接池对象2导出连接池对象/** * 1.引入mysql模块 * 2.创建连接池对象 * 3.导出连接池对象 */const mysql = require('mysql');var pool = mysql.createPool({ host:'...

2020-05-27

90浏览

0评论

vue 实现小程序或商品秒杀倒计时

下面先给大家介绍下vue 设计一个倒计时秒杀的组件，具体内容如下所述：简介：倒计时秒杀组件在电商网站中层出不穷不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核...

2020-05-27

74浏览

0评论

浅谈Vue页面级缓存解决方案feb-alive(上)

feb-alivegithub地址
体验链接使用理由开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated 开发者无需手动缓...

2020-05-27

93浏览

0评论

基于Vue2-Calendar改进的日历组件（含中文使用说明）

一，前言我是刚学Vue的菜鸟，在使用过程中需要用到日历控件，由于项目中原来是用jQuery写的，因此用了bootstarp的日历控件，但是配合Vue实在有点蛋疼，不够优雅……于是网上搜了好久找...

2020-05-27

97浏览

0评论

浅谈Vue页面级缓存解决方案feb-alive (下)

feb-alivegithub地址
体验链接Vue页面级缓存解决方案feb-alive (上)
在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。 keep-alive实现原理 history api...

2020-05-27

47浏览

0评论

说说如何使用Vuex进行状态管理(小结)

1 为什么需要状态管理一个 Vue 组件分为数据（model）与视图（view）。当通过 methods 中的方法更新数据时，视图也会自动更新。message.vue<template> <div> {{message}} <but...

2020-05-27

69浏览

0评论

Vue 使用formData方式向后台发送数据的实现

很多时候在使用form向后台发送数据的时候，并不需要使用到表单组件。例如时间戳、ip等，这个时候除了ajax之外，还可以使用HTML5的一个全新方法FormData；在input[type = file]的文...

2020-05-27

56浏览

0评论

axios+Vue实现上传文件显示进度功能

一,前言最近在用Vue，然后上传文件时需要显示进度，于是网上搜了一下，经过自己实测终于也弄明白了二，效果三，代码HTML代码<div id="app"><h4>上传文件：</h4> <p class="input-zone...

2020-05-27

84浏览

0评论

详解如何理解vue的key属性

如果没有这个属性的时候vue应用 in-place patch（就地复用）策略。列表里的顺序发生改变的时候比如shuffle（列表打乱）的时候，vue为了提升性能，不会移动dom元素，只是更新相应元素的内...

2020-05-27

94浏览

0评论

vue使用axios上传文件(FormData)的方法

在此主要介绍如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传...

2020-05-27

104浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

69浏览

0评论

Vuex的actions属性的具体使用

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

67浏览

0评论

vue 中Virtual Dom被创建的方法

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

87浏览

0评论

前端面试知识点目录一览

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

71浏览

0评论

vue--vuex详解

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

89浏览

0评论

详解如何运行vue项目

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

338浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

75浏览

0评论

详解JavaScript中的强制类型转换

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

82浏览

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

74浏览

0评论

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

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

2020-05-27

300浏览

0评论

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

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

2020-05-27

76浏览

0评论

理理Vue细节（推荐）

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

热门文章