vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
[注]:popstate 事件 a.当活动历史记录条目更改时，将触发popstate事件。 b.如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replace...
2020-05-27
微信小程序如何再次获取用户授权的方法
现在在做一个小程序有地图的功能，通过点击按钮打开地图。调用wx.getlocation()这个接口是需要用户的授权。如果他授权了，返回一个success当然最好啦，就什么问题都没有了。如果...
2020-05-27
vue下载excel的实现代码后台用post方法
后台方法的参数必须是@RequestBody修饰的。 前台关键代码:
axios ( { method : 'post', url : api.exportPlayTime , // 请求地址 data : { choos...
2020-05-27
js核心基础之闭包的应用实例分析
本文实例讲述了js闭包的应用。分享给大家供大家参考，具体如下：需求：有一个列表，当点击哪一行，则显示当前是第几行。html代码：<p>第一行</p><p>第二行</p><p>第三行</p>错误js代码...
2020-05-27
js核心基础之构造函数constructor用法实例分析
本文实例讲述了js核心基础之构造函数constructor用法。分享给大家供大家参考，具体如下：在js中，可以利用构造函数来创建特定类型的对象，其中，有一些原生的构造函数，Object、Array、...
2020-05-27
JS实现获取当前所在周的周六、周日示例分析
本文实例讲述了JS实现获取当前所在周的周六、周日。分享给大家供大家参考，具体如下：需求：无论当前是哪一天，获取当天所在周的周末 是哪一天实现步骤：比如，今天周一，则周日距离今天...
2020-05-27
jQuery实现动态生成年月日级联下拉列表示例
本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考，具体如下：html代码：<form name="form1" id="dateForm"> <select name="year"></select>年 <sel...
2020-05-27
微信小程序自定义toast组件的方法详解【含动画】
本文实例讲述了微信小程序自定义toast组件的方法。分享给大家供大家参考，具体如下：怎么创建就不说了，前面一篇有
微信小程序自定义prompt组件
直接上代码wxml<!-- components/t...
2020-05-27
微信小程序封装的HTTP请求示例【附升级版】
本文实例讲述了微信小程序封装的HTTP请求。分享给大家供大家参考，具体如下：微信小程序里自己封装了请求的函数，但几乎每个页面都要用到，所以为什么更方便的调用，再一次进行封装。...
2020-05-27
nodejs搭建本地服务器并访问文件操作示例
本文实例讲述了nodejs搭建本地服务器并访问文件操作。分享给大家供大家参考，具体如下：安装node：https://nodejs.org/en/download/在本地建立目录：f:/nodetest，在该目录下新建inde...
2020-05-27
JS块级作用域和私有变量实例分析
本文实例讲述了JS块级作用域和私有变量。分享给大家供大家参考，具体如下：块级作用域(function(){ //这里是块级作用域})()例如：(function(){ for(var i=0;i<5;i++){ alert...
2020-05-27
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
项目中使用的jquery版本是jquery-3.2.1，在使用layui弹出全屏iframe窗口时，iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏，代码如下：<!DOCTYPE html><html><head...
2020-05-27
vue中axios实现数据交互与跨域问题
1. 通过axios实现数据请求vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的a...
2020-05-27
electron-vue利用webpack打包实现多页面的入口文件问题
项目需要在electron的项目中新打开一个窗口，利用webpack作为静态资源打包器，发现在webpack中可以设置多页面的入口，今天来讲一下我在electron中利用webpack建立多页面入口的踩...
2020-05-27
用js简单提供增删改查接口
本周写实验，需要提供简单的后台接口对数据库进行增删改查，以前写后台只用过php和java,因为比较容易，用js写的也比较快，所以这次想用js实现简单的增删改查接口。初始化 需要工具...
2020-05-27
vue组件中watch props根据v-if动态判断并挂载DOM的问题
问题复现：父组件中通过名为 source 的 prop 向子组件 Chart 传入数据<Chart :source="chartData"></Chart>import Chart from '../components/Chart'export default { name:...
2020-05-27
基于elementUI使用v-model实现经纬度输入的vue组件
绑定一个 [12.34,-45.67] (东经西经，南纬北纬 正负表示) 形式的经纬度数组，能够按度分秒进行编辑，效果如下所示，点击东经，北纬可切换。
经纬度的 度转度分秒
能够获取...
2020-05-27
React优化子组件render的使用
在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如： 父组件并未传递props给子组件 新传递的props渲染结果不变class A ext...
2020-05-27
使vue实现jQuery调用的两种方法
引言如果说vue是前端工程化使用较多的骨架，那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携，无需再过多的考虑DOM的操作。而vue的渐进式开发（逐步引...
2020-05-27
vue轻量级框架无法获取到vue对象解决方法
使用vue框架，jar包都已经导入进去了，可是还是不能运行，提示vue未定义控制台报错：vue is not defined报错原因：如图vue2解决方法：如图vue3.将js文件引入到body中 或者是直接在body...
2020-05-27
babel7.x和webpack4.x配置vue项目的方法步骤
很偶然的今天想开个自己的小项目，记录一下最近项目工程上实现的一个小交互。按照之前运行非常流畅的配置走一遍，打包遇到各种坑。只好根据命令行的报错逐个排查，发现babel升级...
2020-05-27
详解babel升级到7.X采坑总结
最近工作比较忙，有一段时间没有写前端玩了。今天试着搭一个项目，发现各种坑，以前用起来非常好的配置文件各种报错。排查后发现原来babel升级了一个大版本，已经到7.X了，这里我总结...
2020-05-27
vue配置接口域名方法总结
vue如何配置接口域名1.vue本身为运行脚手架项目自家搭载了一个nodejs后台环境，本地可通过proxyTable来处理跨域问题，但是上线（或生产环境）之后改域名真是一件麻烦的事情，所以进行...
2020-05-27
Vue项目服务器部署之子目录部署方法
Vue项目尤其是基于.vue单文件格式的项目部署，在build成js文件后发布到服务器上，一般都是通过nginx反向代理到跟文件目录后直接访问，然而由于很多时候没办法使用更多的子域名（比...
2020-05-27
从0到1搭建element后台框架优化篇(打包优化)
前言
hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程，一个项目的打包优化与否都决定了你这个项目的运行速度以及用户...
2020-05-27
微信小程序缓存过期时间的使用详情
关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大...
2020-05-27
Vue安装浏览器开发工具的步骤详解
开发vue时，浏览器有一个好的开发调试工具能让开发事半功倍，磨刀不误砍柴工。步骤1.下载工具地址： https://github.com/vuejs/vue-devtools 2.安装依赖cmd进入vue-devtools文件...
2020-05-27
浅谈vue.use()方法从源码到使用
关于 vue.use 我们都知道些什么？
在做 vue 开发的时候大家一定经常接触 Vue.use() 方法，官网给出的解释是: 通过全局方法 Vue.use() 使用插件；我觉得把使用理解成注册更合适一...
2020-05-27
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
最近在写RN相关的东西，其中涉及到了redux-saga ，saga的实现原理就是ES6中的Generator函数，而Generator函数又和迭代器有着密不可分的关系。所以本篇博客先学习总结了iterator相...
2020-05-27
详解无限滚动插件vue-infinite-scroll源码解析
最近在项目中遇到一个需求，有一个列表需要滚动加载，类似于微博的无限滚动。当时第一反应时监听滚动事件，在判断滚动到达底部时加载下一页，同时心里也清楚，监听滚动事件需要做好截...
2020-05-27
JS中的函数与对象的创建方式
创建函数的三种方式1.函数声明function calSum1(num1, num2) { return num1 + num2;}console.log(calSum1(10, 10));2.函数表达式var calSum2 = function (num1, num2) {...
2020-05-27
vue 表单之通过v-model绑定单选按钮radio
用v-model绑定单选框能带来很多便捷的开发体验。基础用法<template> <div id="app"> <input type="radio" id="male" value="Male" v-model="gender"> Male <input type="ra...
2020-05-27
JavaScript封闭函数及常用内置对象示例
本文实例讲述了JavaScript封闭函数及常用内置对象。分享给大家供大家参考，具体如下：封闭函数在封闭函数内部定义的函数与外部函数尽管同名也没有关系，同理，定义的变量也可以同名...
2020-05-27
Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue表单绑定（单选按钮，选择框（单选时，多选时）</title> </head> <body> <!-- 单选按钮 --> <div id...
2020-05-27
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
本文实例讲述了jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用。分享给大家供大家参考，具体如下：事件的绑定和解绑<!DOCTYPE html><html lang="en"><head> <meta c...
2020-05-27
Node.js实现一个HTTP服务器的方法示例
项目地址http server题目设计一个模拟HTTP服务端程序自己设计一个WEB的程序，监听80端口。支持多客户端连接，能满足客户的HTTP请求（浏览器访问），包括以下功能：1.基本功能：get、post（...
2020-05-27
使用原生js编写一个简单的框选功能方法
今天我们来聊一下怎么使用原生javascript编写一个简单的框选功能。
需求描述 鼠标左键按下不放，移动鼠标出现矩形选框； 鼠标左键松开，根据上边出现的矩形选框统计选框范围内...
2020-05-27
JQuery事件委托原理与用法实例分析
本文实例讲述了JQuery事件委托原理与用法。分享给大家供大家参考，具体如下：事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。事件委托...
2020-05-27
基于Fixed定位的框选功能的实现代码
最近项目涉及到一个支持批量操作的小需求，交互上需要使用框选来触发。在查阅了一些资料后发现，网上的方案基本都是基于绝对定位布局的，此方案如果是针对全局（在body上）的框选，还是...
2020-05-27
jsonp跨域获取百度联想词的方法分析
本文实例讲述了jsonp跨域获取百度联想词的方法。分享给大家供大家参考，具体如下：jsonp原理：1.Web页面上用<script> 引入 js文件时则不受是否跨域的影响 （不仅如此，我们还发现凡是...
2020-05-27
JavaScript Math对象和调试程序的方法分析
本文实例讲述了JavaScript Math对象和调试程序的方法。分享给大家供大家参考，具体如下：Math对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mat...
2020-05-27
轻松解决JavaScript定时器越走越快的问题
解决JavaScript定时器越走越快的问题之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也...
2020-05-27
详解async/await 异步应用的常用场景
前言
async/await 语法用看起来像写同步代码的方式来优雅地处理异步操作,但是我们也要明白一点,异步操作本来带有复杂性,像写同步代码的方式并不能降低本质上的复杂性,所以...
2020-05-27
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
Vue.js 从诞生至今已经 5 年，尤大在今年 2 月份发布了重大更新，即Vue 2.6。更新包括新增 scoped slot 语法、性能提升、动态指令参数等等。其中我们最关注的是错误处理。异步...
2020-05-27
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
环境：前端 vue ip地址：192.168.1.205后端 springboot2.0 ip地址：192.168.1.217主要开发后端。问题：首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后...
2020-05-27
详解js根据百度地图提供经纬度计算两点距离
正常在使用百度地图时，我们可以通过BMap的实例对象提供的方法计算距离：var map = new BMap.Map('map_canvas');map.getDistance(point1 ,point2);//point1、point2 是Point对...
2020-05-27
教你使用vue-cli快速构建的小说阅读器
项目介绍 主要页面1、首页home.vue分类展示书籍，幻灯片展示热门推荐2、搜索search.vue，上拉加载更多3、书籍详情book.vue加入书架、立即阅读，展示评论，同类书籍推荐4、书籍内容r...
2020-05-27
vue百度地图 + 定位的详解
vue 百度地图 + 定位 前提需要自己有百度的密钥，如没有可以去百度地图申请一、在主目录下的index.html引入js，例如：
二、在webpack.base.conf.js配置文件中配置BMap，在module.e...
2020-05-27
如何利用vue+vue-router+elementUI实现简易通讯录
一个具有基本增删改查功能的通讯录，数据保存在本地的localStorage中。 demo地址: https://junjunhuahua.github.io1. 所用技术js框架: vue2 https://cn.vuejs.org/ui框架: e...
2020-05-27
koa+mongoose实现简单增删改查接口的示例代码
配合上一篇文章的联系人应用(https://www.freexyz.cn/article/161160.htm)，实现配套的基于nodejs的后台增删改查接口1. 所需工具 node.js mongoDB2. 主要node模块koa(https:/...
2020-05-27
