301浏览

0评论

vue使用混入定义全局变量、函数、筛选器的实例代码

说一种没人发的，利用混入mixins来实现全局变量和函数。mixins里面的方法、变量、筛选器会和组件里面的方法、变量、筛选器合并。这种方法优点是ide会有方法、变量、筛选器提...

• 2020-05-27

114浏览

0评论

微信小程序用户授权弹窗 拒绝时引导用户重新授权实现

前言我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权。...

• 2020-05-27

218浏览

0评论

vue通过video.js解决m3u8视频播放格式的方法

前言今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启...

• 2020-05-27

110浏览

0评论

微信小程序渲染性能调优小结

网页的性能优化是前端开发老生常谈的热门话题，其中微信小程序因其页面双线程架构设计，所以性能优化的手段跟传统的 H5 应用不太一样。今天主要介绍一下微信小程序页面双线程架...

• 2020-05-27

121浏览

0评论

JS实现点击发送验证码 xx秒后重新发送功能

用于一些注册类的场景，点击发送验证码，xx秒后重新发送。利用 setTimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。
<!DOCTYPE html><htm...

• 2020-05-27

160浏览

0评论

js实现的格式化数字和金额功能简单示例

本文实例讲述了js实现的格式化数字和金额功能。分享给大家供大家参考，具体如下：格式化数字，格式化金额：function number_format(number, decimals, dec_point, thousands_sep) {...

• 2020-05-27

155浏览

0评论

Koa从零搭建到Api实现项目的搭建方法

什么是Koa？
Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，K...

• 2020-05-27

113浏览

0评论

vue2.0项目集成Cesium的实现方法

安装cesium
在已有项目中执行,npm i cesium修改配置
build/webpack.base.conf.js
1、定义 Cesium 源码路径
const cesiumSource = '../node_modules/cesium/Source''use str...

• 2020-05-27

100浏览

0评论

原生js添加一个或多个类名的方法分析

本文实例讲述了原生js添加一个或多个类名的方法。分享给大家供大家参考，具体如下：好吧今天写个js，不知道怎么添加类名了<!DOCTYPE html><html lang="en"> <head> <meta cha...

• 2020-05-27

126浏览

0评论

开源一个微信小程序仪表盘组件过程解析

前言最近开发了一个小程序动态仪表盘组件，并以第三方小程序组件的形式发布到npm，任意小程序项目都可以安装这个模块，从而获得仪表盘功能。
组件功能目前还非常简单，先来预览一下...

• 2020-05-27

201浏览

0评论

8个有意思的JavaScript面试题

JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会...

• 2020-05-27

105浏览

0评论

JavaScript跳出循环的三种方法(break, return, continue)

前言:
一位前端界的大神让我去思考的一个问题, 给了Big-man一段代码，如下:
function Seriously(options) { // if called without 'new', make a new object and return tha...

• 2020-05-27

118浏览

0评论

Javascript 对象（object）合并操作实例分析

本文实例讲述了Javascript 对象（object）合并操作。分享给大家供大家参考，具体如下：对象的合并需求：设有对象 o1 ,o2,需要得到对象 o3var o1 = { a:'a' }, o2 = { b:'b' };// 则va...

• 2020-05-27

146浏览

0评论

js定义类的方法示例【ES5与ES6】

本文实例讲述了js定义类的方法。分享给大家供大家参考，具体如下：以下是es5标准里定义类的方法：<script>function Point(x,y){ this.x=x; this.y=y;}Point.prototype.toString...

• 2020-05-27

178浏览

0评论

vue实现中部导航栏布局功能

接下来是中部导航栏。我们看到这里的头像动画，和中部导航栏定位都是跟鼠标滚动有关的。我们先将布局实现一下。这里是要求在页面上部分滚动范围内，导航栏一直在div的上部，随着...

• 2020-05-27

208浏览

0评论

简述vue-cli中chainWebpack的使用方法

前言在项目开发中我们难免碰到需要对webpack配置更改的情况，今天就主要来讲一下在vue.config.js中对一些配置的更改，简单介绍一下loader的使用；用configureWebpack简单的配置；用...

• 2020-05-27

120浏览

0评论

Vue+Koa2 打包后进行线上部署的教程详解

最近使用Vue和Koa2重构了自己的博客，过程中踩了不少坑，查了很多资料，最后总算成功上线。之后我计划围绕这个过程写一系列文章，讲讲如何用Vue+Koa2写一套网站。而现在，先来讲讲最...

• 2020-05-27

127浏览

0评论

ES6中定义类和对象的方法示例

本文实例讲述了ES6中定义类和对象的方法。分享给大家供大家参考，具体如下：类的基本定义和生成实例：// 类的基本定义和生成实例class Parent{ //定义一个类 constructor(name...

• 2020-05-27

139浏览

0评论

JS实现在线ps功能详解

前言本系统是基于fabric.js实现的canvas版图片,文本编辑器,支持对图片的放大,缩小,旋转,镜面翻转,拖动,显示/隐藏图层,删除图层,替换图层等操作,对文本支持修改文本内容,颜...

• 2020-05-27

123浏览

0评论

ES6中异步对象Promise用法详解

本文实例讲述了ES6中异步对象Promise用法。分享给大家供大家参考，具体如下：回忆一下ES5中的怎么使用异步方法// es5中的异步回调 let ajax = function(callback){ console....

• 2020-05-27

123浏览

0评论

express框架下使用session的方法

上一遍文章说了cookie的不足，提到使用session是解决缺点的一个方法。这遍文章说说怎么使用session.作者使用了文件保存session的方法。若用别保存方式（内存、数据库）也行，记得使...

• 2020-05-27

112浏览

0评论

判断“命令按钮”是否被鼠标单击详解

Click 事件： 此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。 对一个 Form 对象来说，该事件是在单击一个空白区或一个无效控件时发生...

• 2020-05-27

102浏览

0评论

Vuex 模块化使用详解

前言 上回我们说了一下 vuex 的简单使用，最后面的时候有说了，由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当...

• 2020-05-27

111浏览

0评论

ES6 Iterator接口和for...of循环用法分析

本文实例讲述了ES6 Iterator接口和for...of循环用法。分享给大家供大家参考，具体如下：<script>// 数组已经帮我们内置这个Iterator接口let arr = ['hello','world'];let map =...

• 2020-05-27

125浏览

0评论

详解Vuex下Store的模块化拆分实践

前言
最近的项目用到了 vue.js + vuex + vue-router 全家桶，版本为 >2.0，在搞Store的时候发现，圈子里大部分关于vuex的文章都是比较基础的Demo搭建方式，很少有涉及到比较复杂的...

• 2020-05-27

112浏览

0评论

JS/jQuery实现超简单的Table表格添加,删除行功能示例

本文实例讲述了JS/jQuery实现超简单的Table表格添加,删除行功能。分享给大家供大家参考，具体如下：最近需要表格添加删除行,添加行简单,删除行就有点儿懵逼了,于是网上找实例,...

• 2020-05-27

108浏览

0评论

JS获取动态添加元素的方法详解

本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考，具体如下：在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时...

• 2020-05-27

167浏览

0评论

微信小程序iBeacon测距及稳定程序的实现解析

前言iBeacon是苹果公司推出的一项低耗能蓝牙技术，由蓝牙设备发射包含指定信息的信号，再由移动设备接收信号，从而实现近场通信。微信小程序2017年开始支持iBeacon，摇一摇附近就是...

• 2020-05-27

103浏览

0评论

js实现一个简易计算器

本文实例为大家分享了JS实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><title>14th_test</title><meta charset="gb2312"></head> <body><h1>...

• 2020-05-27

115浏览

0评论

vue 实现滚动到底部翻页效果(pc端)

pc端vue 滚动到底部翻页 效果，具体内容如下所示：html：<div class="list" ref="scrollTopList"> <div class="listsmall" v-for="(item,index) of list" :key="i...

• 2020-05-27

193浏览

0评论

JavaScript实现的3D旋转魔方动画效果实例代码

JS1K是JavaScript编程竞赛——参加竞赛的规则很简单，脚本必须小于1K，竞赛网站开始也只是为了娱乐，却意外地收到了很多优秀的作品。这是2016年JS1k上传的作品，用几十行代码实现的...

• 2020-05-27

118浏览

0评论

javascript中undefined的本质解析

一、列出7种数据类型（面试可能问）
Undefined Null Boolean String Number Symbol Object二、undefined本质
undefined是window对象的一个属性，其类型是Undefined。下面...

• 2020-05-27

127浏览

0评论

微信小程序下拉框搜索功能的实现方法

最近在做一个项目的时候，需要用到下拉框搜索，网上搜了半天没找到想要的，决心自己动手写一个。首先看下效果图：左边是输入框，可以进行模糊查询，右边图标进行选择。
代码部分，我定义...

• 2020-05-27

100浏览

0评论

原生js代码能实现call和bind吗

js手动实现call和bind都是谎言
网上有很多关于说自己实现call和bind的原理的文章，然而call和bind的原理真如他们所说的那样吗？今天就让我来推翻这些所谓的”原理“，揭开谎言下...

• 2020-05-27

102浏览

0评论

Vue Element UI + OSS实现上传文件功能

Element提供了upload上传组件，可以查看官网upload组件的详细介绍；查看upload组件的上传源码upload/ajax，使用的是XHR对象上传文件。在项目实践中，发现该上传方法上传大文件时会...

• 2020-05-27

135浏览

0评论

vue将后台数据时间戳转换成日期格式

前言在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况
不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用在...

• 2020-05-27

112浏览

0评论

详解mpvue实现对苹果X安全区域的适配

一、业务背景
最近在利用mpvue+ts开发小程序的过程中，由于苹果X等手机会出现底部的按钮，会遮盖掉需要操作的按钮。由于在小程序开发，微信爸爸已经做了对机型的检查，相对与H5的处...

• 2020-05-27

107浏览

0评论

Vue实现回到顶部和底部动画效果

本文实例为大家分享了Vue实现回到顶部和底部动画效果的具体代码，供大家参考，具体内容如下代码：<template> <div> <div class="scroll" :class="{show:isActive}"> <div id="...

• 2020-05-27

99浏览

0评论

vue实现滑动超出指定距离回顶部功能

本文实例为大家分享了vue实现滑动超出指定距离回顶部功能，供大家参考，具体内容如下效果图展示：1、当页面滑动时执行scrollToTop （）函数，判断滑动的距离是否超出指定距离，注意下面获...

• 2020-05-27

123浏览

0评论

vue.js实现回到顶部动画效果

最近使用vue.js做了几个页面，其中有一个回到顶部的动画效果记录下。html如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <META HTTP-EQU...

• 2020-05-27

225浏览

0评论

微信小程序组件传值图示过程详解

A是父组件，B是子组件父传子<!-- 父组件A wxml --><view> <componentB paramAtoB='{{paramAtoB}}'></componentB></view>//父组件Ajson （里面不能有注释）
{ "navigationBarTitle...

• 2020-05-27

113浏览

0评论

详解Vue2.5+迁移至Typescript指南

为什么要迁移至Typescript
Javascript本身是动态弱类型的语言，这样的特点导致了Javascript代码中充斥着很多Uncaught TypeError的报错，给开发调试和线上代码稳定都带来了不小...

• 2020-05-27

109浏览

0评论

在Vue环境下利用worker运行interval计时器的步骤

今天在code review时，发现之前遗留的问题：在一个视频播放页面，有一个40ms的interval一直在阻碍，导致视频延时逐渐增大于是写了一个worker单独把计时器拉出去跑了实现步骤如下由...

• 2020-05-27

103浏览

0评论

深入浅析Vue中mixin和extend的区别和使用场景

Vue中有两个较为高级的静态方法mixin和extend，接下来我们来讨论下关于他们各自的原理和使用场景。Mixin：原理：先来看看官网的介绍：参数：{Object} mixin用法：混入也可以进行全局注...

• 2020-05-27

108浏览

0评论

详解基于Wepy开发小程序插件(推荐)

开发
wepy-plugin-autopages
使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages，autopages 插件会自动监控 pages 目录下文件的变化，自动生成更新对应 app.json...

• 2020-05-27

134浏览

0评论

ES6 新增的创建数组的方法(小结)

在ES6之前，创建数组的方式有2种：
一: 通过数组字面量let array = [1,2,3];console.log(array);//[1,2,3]二: 通过new Array()创建数组let array = new Array(1, 2, 3);console...

• 2020-05-27

184浏览

0评论

详解package.json版本号规则

版本的格式
major.minor.patch主版本号.次版本号.修补版本号patch：修复bug，兼容老版本minor：新增功能，兼容老版本major：新的架构调整，不兼容老版本依赖版本号规则
version必须匹配...

• 2020-05-27

130浏览

0评论

jQuery中DOM操作原则实例分析

本文实例讲述了jQuery中DOM操作原则。分享给大家供大家参考，具体如下：一丶Get and Set in One(读写一体) 原则为了更加易于使用，jQuery提供了简洁的DOM操作API，其方法往往是读写...

• 2020-05-27

119浏览

0评论

vue项目中全局引入1个.scss文件的问题解决

首先先发一下我的项目路径1. 首先要下载 sass-resources-loadernpm install sass-resources-loader --save-dev 2.然后再文件夹build/utils里面的更改
scss: generateLoad...

• 2020-05-27

153浏览

0评论

微信小程序动画组件使用解析，类似vue，且更强大

演示演示1演示2演示3 一、功能描述
1、预设过渡 支持区分enter、leave 支持预设过渡的组合 特别强调:支持元素展开、闭合的过渡。name=='slide'或['slide'[,]]，即可实现，无...

• 2020-05-27