JavaScript - 教程之家

96浏览

0评论

Vue如何获取数据列表展示

这个例子从 Github 的 API 中获取了最新的 Vue.js 提交数据，并且以列表形式将它们展示了出来。你可以轻松地切换 master 和 dev 分支。一、展示二、源码<!DOCTYPE html><html...

2020-05-27

80浏览

0评论

vue el-table实现自定义表头

本文实例为大家分享了vue el-table实现自定义表头的具体代码，供大家参考，具体内容如下el-table可以通过设置 Scoped slot 来实现自定义表头。文档说明如下：代码实现：<template>...

2020-05-27

68浏览

0评论

js实现倒计时秒杀效果

实际项目中，需求一个倒计时秒杀功能，每天下午6点后，计算距离第二天上午10点的小时、分钟、秒数，计时到第二天上午10点后开启抢购功能；代码如下：<!DOCTYPE html><html> <head> <met...

2020-05-27

60浏览

0评论

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法

忙里偷闲，整理了一下关于如何借助 vue-cli3 搭建 ts + 装饰器的脚手架，并如何自定义 webpack 配置，优化。
准备工作 @vue/cli@4.1.1 vue 2.6 node v12.13.0安装 node 安装...

2020-05-27

69浏览

0评论

JS动态显示倒计时效果

1.页面布局<h1 id="show">距离2020年元旦还有：<span></span>天<span></span>小时<span></span>分<span></span>秒</h1>2.js动态显示getTime()获得设定的时期与1970年1月1日时...

2020-05-27

95浏览

0评论

JavaScript Reflect Metadata实现详解

引言
在 ES6 的规范当中，就已经存在 Reflect API 了。简单来说这个 API 的作用就是可以实现对变量操作的函数化，也就是反射。具体的关于这个 API 的内容，可以查看这个教程然而...

2020-05-27

52浏览

0评论

JS实现动态倒计时功能（天数、时、分、秒）

写在前面：实现倒计时功能首先是得到目标时间，然后用当前时间减去目标时间，最后将时间差传化为天数、时、分、秒。由于得到的时间不能直接运算，可以采用object.getTime()方法转化...

2020-05-27

79浏览

0评论

vue-property-decorator用法详解

vue-property-decorator
这个组件完全依赖于vue-class-component.它具备以下几个属性: @Component (完全继承于vue-class-component) @Emit @Inject @Provice @Prop @...

2020-05-27

91浏览

0评论

JS实现商城秒杀倒计时功能(动态设置秒杀时间)

一年一度的双十二如期而至，今天的你买买买了吗，下面小编给大家分享一个动态秒杀倒计时功能。效果图 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...

2020-05-27

183浏览

0评论

深入理解 TypeScript Reflect Metadata

在定义类或者类方法的时候，可以设置一些元数据，我们可以获取到在类与类方法上添加的元数据，用的方法就是 Reflect Metadata。元数据指的是描述东西时用的数据。在 TypeScript...

2020-05-27

330浏览

0评论

vue实现商城秒杀倒计时功能

vue实现商城秒杀倒计时功能，效果图如下所示：template代码<div> <div class="component-wrapper" id="flash-sale"> <div class="sale-header"> <div class="countdown-z...

2020-05-27

181浏览

0评论

微信小程序背景音乐开发详解

wx.getBackgroundAudioManager() 推荐大家使用背景音乐不在使用audioaudio播放音频加载时间长体验需求达不到相关文档
https://developers.weixin.qq.com/miniprogram/dev/...

2020-05-27

112浏览

0评论

vue实现鼠标移过出现下拉二级菜单功能

1.我曾经听一位快十年前端大佬说过一句话,就是能用css实现的动画，就用css不要用js去实现因为在渲染上css肯定比js效果更好我用jquery曾经实现过鼠标点击出现下拉菜单有点...

2020-05-27

117浏览

0评论

JavaScript实现文件下载并重命名代码实例

这篇文章主要介绍了JavaScript实现文件下载并重命名代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下第一种是HT...

2020-05-27

66浏览

0评论

微信小程序scroll-view锚点链接滚动跳转功能

html<view class="list"> <view bindtap='jumpTo' wx:for="{{keys}}" data-item="{{item}}">{{item}}</view></view><scroll-view scroll-into-view="{{toitem}}" scroll-y=...

2020-05-27

215浏览

0评论

微信小程序 scroll-view 实现锚点跳转功能

在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。　　实现锚点跳转主要以下几点：...

2020-05-27

290浏览

0评论

微信小程序实现横向滚动导航栏效果

1.page.wx.css内容如下：<view class='classify_list'> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</vi...

2020-05-27

84浏览

0评论

Servlet返回的数据js解析2种方法

这篇文章主要介绍了Servlet返回的数据js解析2种方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下方式1：Json接收函数：a...

2020-05-27

167浏览

0评论

微信小程序关键字变色实现代码实例

这篇文章主要介绍了微信小程序关键字变色实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.小程序中不支持...

2020-05-27

120浏览

0评论

webpack DllPlugin xxx is not defined解决办法

造成这个错误主要有3个可能的原因： context上下文不一致 library和name 不一致生成的dll文件没加入到html文件中dll.config.js
module.exports = { mode:"production",...

2020-05-27

96浏览

0评论

使用uni-app开发微信小程序的实现

前言9月份，开始开发微信小程序，也曾调研过wepy/mpvue，考虑到后期跨端的需求，最终选择使用了uni-app，本文主要介绍如何使用uni-app搭建小程序项目，以及自己对框架的补充，包括封装req...

2020-05-27

388浏览

0评论

vue中使用elementUI组件手动上传图片功能

Vue框架简介Vue是一套构建用户界面的框架，开发只需要关注视图层，它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel）设计思想。提供MVVM数据...

2020-05-27

205浏览

0评论

微信小程序 SOTER 生物认证DEMO 指纹识别功能

今天项目尝试使用微信小程序指纹认证功能以下为测试demoindex.jsPage({ /** * 页面的初始数据 */ data: { isfingerPrint : false, //可否使用指纹识别默认false isfac...

2020-05-27

147浏览

0评论

微信小程序实现轨迹回放的示例代码

在微信小程序实现轨迹回放的效果1、wxml
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" bindcontroltap="controltap" bindmarkertap="mark...

2020-05-27

92浏览

0评论

微信小程序点击保存图片到本机功能

1.首先我们要把想保存的图片绘制在画布上<view class='container'> <canvas style='width:{{canvasWidth}}px; height:{{canvasHeight}}px' class="canvas" id="canvas" can...

2020-05-27

143浏览

0评论

小程序使用wxs解决wxml保留2位小数问题

1.出现溢出表现从图中可以看到数字超出了很长长度。代码里面是如下这样的。为什么在0.35出现？或者一些相成的计算出现? 而 0.34却不会。
0.41 也会出现，好像是二进制运算...

2020-05-27

59浏览

0评论

小程序登录之支付宝授权的实现示例

众所周知，微信小程序是可以通过微信本身授权后再登录，平台可以拿到微信用的的账号相关信息，然后保存到数据库中，那么同理在支付宝小程序开发过程中，登录功能的设计也可以如此上图...

2020-05-27

113浏览

0评论

vue实现输入一位数字转汉字功能

2020-05-27

351浏览

0评论

微信小程序之左右布局的实现代码

本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，仅供学习分享使用。概述在微信小程序开发中，左右分...

2020-05-27

581浏览

0评论

在微信小程序中使用mqtt服务的方法

因为需求的关系，需要在小程序中使用mqtt来进行tcp的长连接，实时监听设备的返回状态。js中连接mqtt服务器是通过websocket来实现的，我在网上找了2个库，一个是eclipse开发的paho-m...

2020-05-27

173浏览

0评论

如何在微信小程序中存setStorage

这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在js中存入setStora...

2020-05-27

81浏览

0评论

Vue分页效果与购物车功能

分页组件
首先来创建项目：分页组件，做项目不要写动手写代码，要想想业务逻辑，怎么写，如何写才是最好的呈现方式，做项目不急，要先想好整体的框架，从底层一开始最想要的是什么做起。先...

2020-05-27

110浏览

0评论

微信小程序返回上一页传参并刷新过程解析

这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题微信小...

2020-05-27

307浏览

0评论

JS实现移动端双指缩放和旋转方法

js实现移动端双指缩放和旋转，具体代码如下所示：var initHeading = 0; var rotation = 0; var lastTime; function setGesture(el){ var obj={}; var istouch=false;...

2020-05-27

239浏览

0评论

微信小程序swiper使用网络图片不显示问题解决

这篇文章主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml代...

2020-05-27

118浏览

0评论

微信小程序跨页面传递data数据方法解析

这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Q：小程序怎么...

2020-05-27

60浏览

0评论

Vue+ElementUI table实现表格分页

Vue+ElementUI table表格分页，供大家参考，具体内容如下分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次...

2020-05-27

62浏览

0评论

vue+elementUI组件table实现前端分页功能

前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在render table组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSi...

2020-05-27

156浏览

0评论

Angular6项目打包优化的实现方法

可以从以下三个角度优化：输出包体组成分析文件 Rollup 摇树优化导出Webpack配置，通过修改webpack配置优化打包让我们来逐一分析。
输出包体组成分析文件
Webpack 有一个...

2020-05-27

71浏览

0评论

Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

前言公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。
现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，...

2020-05-27

108浏览

0评论

axios如何取消重复无用的请求详解

前言在开发中，经常会遇到接口重复请求导致的各种问题。对于重复的get请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。对于重复的post请求，会导致在服务端生成两次记...

2020-05-27

183浏览

0评论

原生Vue 实现右键菜单组件功能

Vue 原生实现右键菜单组件, 零依赖快速安装npm install vue-contextmenujs使用测试中使用的是 element-ui 图标import Contextmenu from "vue-contextmenujs"Vue.use(Conte...

2020-05-27

101浏览

0评论

js实现计时器秒表功能

本文实例为大家分享了js实现计时器秒表功能的具体代码，供大家参考，具体内容如下HTML<input type="text" id="timetext" value="00:00:00" readonly><button type="button" onc...

2020-05-27

311浏览

0评论

在vue中使用axios实现post方式获取二进制流下载文件(实例代码)

需求点击导出下载表格对应的excel文件在 vue 项目中,使用的 axios ,后台 java 提供的 post 接口 api实现第一步,在 axios 请求中加入参数,表示接收的数据为二进制文件流resp...

2020-05-27

100浏览

0评论

js实现秒表计时器

本文实例为大家分享了js实现秒表计时器的具体代码，供大家参考，具体内容如下秒表计时器的实现：效果图如下：附代码，已调试运行<!DOCTYPE html><html lang="en"><head> <meta charse...

2020-05-27

96浏览

0评论

js实现内置计时器

计时器对于图片轮播和倒计时之类的与时间相关的项目有着很大的联系，它是实现这些的核心语法，如何一次深刻理解js计时器？往下看你就知道，有惊喜哦！js计时器有两种，一种为延时后单次...

2020-05-27

75浏览

0评论

NUXT SSR初级入门笔记(小结)

nuxt 是基于 vue 开发的一个应用框架，最常用的就是拿来做 ssr。那么什么是 ssr 呢，这就要提及一个相对的概念：csr。CSR & SSRweb网页开发从之前的 jsp，php 转向现在的三大框架 a...

2020-05-27

62浏览

0评论

js实现数字滚动特效

本文实例为大家分享了js实现数字滚动展示的具体代码，供大家参考，具体内容如下效果图html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2020-05-27

79浏览

0评论

js中的面向对象之对象常见创建方法详解

本文实例讲述了js中的面向对象之对象常见创建方法。分享给大家供大家参考，具体如下：创建对象的几种常用方式1.使用Object或对象字面量创建对象2.工厂模式创建对象3.构造函数模...

2020-05-27

81浏览

0评论

javascript自定义右键菜单插件

本文实例为大家分享了javascript自定义右键菜单插件的具体代码，供大家参考，具体内容如下1.使用方式js文件引入<script src="RightMenu.js"></script>初始化：let rightMenu = ne...

2020-05-27

热门文章