JavaScript - 教程之家

107浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

54浏览

0评论

在vue中使用setInterval的方法示例

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

2020-05-27

66浏览

0评论

Vue 理解之白话 getter/setter详解

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

55浏览

0评论

详解jquery和vue对比

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

2020-05-27

65浏览

0评论

详解vue-cli 脚手架安装

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

53浏览

0评论

vue微信分享的实现(在当前页面分享其他页面)

首先以分享给朋友为例
1、先看官方文档
wx.onMenuShareAppMessage({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接，该链接域名或路径必须与当前...

2020-05-27

61浏览

0评论

怎样使你的 JavaScript 代码简单易读（推荐）

让我们先从怎样删除数组中的重复项这个简单问题开始。复杂 - 使用 forEach 删除重复项首先，我们新创建一个空数组，用 forEach() 在数组的每个元素上执行一次提供的函数。最后...

2020-05-27

74浏览

0评论

详解vue开发中调用微信jssdk的问题

起因微信分享网址时无法分享图片，这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的，但后来微信禁止了。所以只能使用jssdk去解决。
普通网页开发很简单，但是使用vu...

2020-05-27

118浏览

0评论

vue cli 3.x 项目部署到 github pages的方法

github pages 是 github 免费为用户提供的服务，写博客，或者部署一些纯静态项目。最近将 vue cli 3.x 初始化项目部署到 github pages，踩了一些坑，记录如下。https://github.com/...

2020-05-27

63浏览

0评论

Vue项目路由刷新的实现代码

当vue单页面需要替换参数并刷新页面时，这个时候使用this.$router.push或this.$router.replace会发现路由改变了，但是页面上的数据并没有实时刷新。在网上找到了以下几种方法，亲...

2020-05-27

60浏览

0评论

vue component 中引入less文件报错 Module build failed

错误是这样发生的：//在vue component组件中引入less文件<style lang="less"> @import '@/assets/css/public/layout.less';</style>然后就报错了:Module build failed:@impor...

2020-05-27

59浏览

0评论

vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法

由于最新版本的vue-cli已经放弃dev-server.js，需在webpack.dev.conf.js配置才行新版本的webpack.dev.conf.js配置如下：const express require('express')const app =express()...

2020-05-27

63浏览

0评论

基于JS实现web端录音与播放功能

纯js实现web端录音功能，功能并不是特别多，逐步增加中，详细地址：github。getUserMedia在非localhost和127的情况下，需要开启https，由于腾讯云的没备案，demo就不放了，可以自行获取代码...

2020-05-27

55浏览

0评论

nodejs检测因特网是否断开的解决方案

背景
最近在用Electron开发一款应用，其中有涉及到检测因特网是否断开的需求。Electron基于Chromium和Node.js，让你可以使用HTML、CSS和JavaScript构建应用。所以Electron提供n...

2020-05-27

480浏览

0评论

抖音上用记事本编写爱心小程序教程

本文实例为大家分享了抖音上用记事本编写爱心小程序的具体代码，供大家参考，具体内容如下先上一波效果图：一颗旋转的小心心七夕的前一天晚上，当我满怀期待的把这颗“爱心”展示给...

抖音

2020-05-27

64浏览

0评论

详解vue-cli+element-ui树形表格(多级表格折腾小计)

前沿
最近在项目开发中需要做一个多级表格，树形表格的功能，看看element-ui上没有，自己开是折腾，话不多说，上思路和代码。
效果图：可点击收缩，展开。一，首先创建一个公共的文件夹tree...

2020-05-27

54浏览

0评论

Vue组件间通信方法总结（父子组件、兄弟组件及祖先后代组件间）

前言除了使用 Vuex 方法外，vue 提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。 💬🌊 父子组件通信
props...

2020-05-27

158浏览

0评论

vue 项目 iOS WKWebView 加载

1、首先让前端的同事打一个包（index.html,static文件包含css、资源文件、js等）导入项目；:warning: 注意：把index.html放入项目根目录下，command+n创建一个资源文件.bundle，资源文...

2020-05-27

313浏览

0评论

微信小程序bindinput与bindsubmit的区别实例分析

本文实例讲述了微信小程序bindinput与bindsubmit的区别。分享给大家供大家参考，具体如下：实际上的话，bindinput还有bindsubmit是没有任何的可比性的，但是两者还是常常被人一起比...

2020-05-27

51浏览

0评论

vue获取时间戳转换为日期格式代码实例

vue获取时间戳转换为日期格式。方法一为转载黄轶老师的format方法：出处（黄轶老师github https://github.com/ustbhuangyi）；// date.jsexport function formatDate (date, fmt...

2020-05-27

180浏览

0评论

微信公众平台客服接口发消息的实现代码(Java接口开发)

微信公众平台技术文档：客服消息一、接口说明当用户和公众号产生特定动作的交互时（具体动作列表请见下方说明），微信将会把消息数据推送给开发者，开发者可以在一段时间内（目前修改为...

2020-05-27

58浏览

0评论

微信公众平台发送模板消息(Java接口开发)

前言：最近一直再弄微信扫码推送图文消息和模板消息发送，感觉学习到了不少东西。今天先总结一下微信公众平台模板消息的发送。因为这个自己弄了很久，开始很多地方不明白，所以今天...

2020-05-27

43浏览

0评论

自定义Vue中的v-module双向绑定的实现

v-module 双向绑定实际上就是通过子组件中的 $emit 方法派发 input 事件，父组件监听 input 事件中传递的 value 值，并存储在父组件 data 中；然后父组件再通过 prop 的形式传递...

2020-05-27

44浏览

0评论

解决vue跨域axios异步通信问题

在项目中，常常需要从后端获取数据内容。特别是在前后端分离的时候，前端进行了工程化部署，跨域请求成了一个前端必备的技能点。好在解决方案很多。在vue中，在开发中，当前使用较多...

2020-05-27

63浏览

0评论

详解js获取video任意时间的画面截图

首先就是要把视频加载出来，然后使用canvas.getContext(‘2d').drawImage(videoElement, 0, 0, canvas.width, canvas.height);获取到当前视频时间的截图，需要不同时间的video...

2020-05-27

40浏览

0评论

记一次Vue.js混入mixin的使用(分权限管理页面)

需求背景：在一个后台的管理系统中，不同的用户角色对应不同的用户权限。现要求，同一个页面对有操作权限的用户来说是可操作的，对无操作权限的用户来说是只读的，即操作按钮均失效。...

2020-05-27

74浏览

0评论

vue指令之表单控件绑定v-model v-model与v-bind结合使用

一、表单控件绑定v-modelv-model 双向数据绑定；一般用于表单元素，会忽略表单元素的value、checked、selected的初始值，且将Vue实例的数据作为数据来源。① 单行文本框 input[ty...

2020-05-27

79浏览

0评论

postman自定义函数实现时间函数的思路详解

Postman说明　　Postman是一种网页调试与发送网页http请求的chrome插件。我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口。Postman背景介绍用户在开发或...

2020-05-27

126浏览

0评论

vue中格式化时间过滤器代码实例

本文实例为大家分享了vue格式化时间过滤器的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><scrip...

2020-05-27

44浏览

0评论

node.js监听文件变化的实现方法

前言
随着前端技术的飞速发展，前端开发也从原始的刀耕火种，向着工程化效率化的方向发展。在各种开发框架之外，打包编译等技术也是层出不穷，开发体验也是越来越好。例如HMR，让我们...

2020-05-27

72浏览

0评论

mpvue性能优化实战技巧(小结)

最近一直在折腾mpvue写的微信小程序的性能优化，分享下实战的过程。先上个优化前后的图：

可以看到打包后的代码量从813KB减少到387KB,Audits体验评分从B到A，效果还是比较明显的...

2020-05-27

42浏览

0评论

ES6知识点整理之函数数组参数的默认值及其解构应用示例

本文实例讲述了ES6知识点整理之函数数组参数的默认值及其解构应用。分享给大家供大家参考，具体如下：在ES6中，函数的参数也可以使用解构赋值和默认值的设置，下面我们来看下在ES6...

2020-05-27

60浏览

0评论

一篇文章，教你学会Vue CLI 插件开发

前言如果你正在使用Vue框架，那么你肯定知道Vue CLI是什么。Vue-cli 3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。除了日常构建打包项目，Vue CLI3 的一个重要部...

2020-05-27

69浏览

0评论

仿vue-cli搭建属于自己的脚手架的方法步骤

脚手架是啥从前我总觉得脚手架是个很高大上的东西，好像得牛叉:ox:一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句:see...

2020-05-27

53浏览

0评论

ES6知识点整理之函数对象参数默认值及其解构应用示例

本文实例讲述了ES6知识点整理之函数对象参数默认值及其解构应用。分享给大家供大家参考，具体如下：同函数数组参数一样，函数的对象参数的默认值和解构过程整理函数对象参数的默...

2020-05-27

39浏览

0评论

ES6知识点整理之对象解构赋值应用示例

本文实例讲述了ES6知识点整理之对象解构赋值应用。分享给大家供大家参考，具体如下：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）, 在对...

2020-05-27

42浏览

0评论

ES6知识点整理之数组解构和字符串解构的应用示例

本文实例讲述了ES6知识点整理之数组解构和字符串解构的应用。分享给大家供大家参考，具体如下：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructu...

2020-05-27

50浏览

0评论

Vue源码探究之虚拟节点的实现

页面初始化的所有状态都准备就绪之后，下一步就是要生成组件相应的虚拟节点—— VNode 。初次进行组件初始化的时候， VNode 也会执行一次初始化并存储这时创建好的虚拟节点对象...

2020-05-27

热门文章