JS实现商城秒杀倒计时功能(动态设置秒杀时间)
一年一度的双十二如期而至，今天的你买买买了吗，下面小编给大家分享一个动态秒杀倒计时功能。效果图 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...
2020-05-27
深入理解 TypeScript Reflect Metadata
在定义类或者类方法的时候，可以设置一些元数据，我们可以获取到在类与类方法上添加的元数据，用的方法就是 Reflect Metadata。元数据指的是描述东西时用的数据。在 TypeScript...
2020-05-27
vue实现商城秒杀倒计时功能
vue实现商城秒杀倒计时功能，效果图如下所示：template代码<div> <div class="component-wrapper" id="flash-sale"> <div class="sale-header"> <div class="countdown-z...
2020-05-27
微信小程序背景音乐开发详解
wx.getBackgroundAudioManager() 推荐大家使用背景音乐不在使用audioaudio播放音频加载时间长 体验需求达不到相关文档
https://developers.weixin.qq.com/miniprogram/dev/...
2020-05-27
vue实现鼠标移过出现下拉二级菜单功能
1.我曾经听一位快十年前端大佬说过一句话,就是能用css实现的动画，就用css不要用js去实现 因为在渲染上css肯定比js效果更好 我用jquery曾经实现过鼠标点击 出现下拉菜单 有点...
2020-05-27
JavaScript实现文件下载并重命名代码实例
这篇文章主要介绍了JavaScript实现文件下载并重命名代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下第一种是HT...
2020-05-27
微信小程序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
微信小程序 scroll-view 实现锚点跳转功能
在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点：...
2020-05-27
微信小程序实现横向滚动导航栏效果
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
Servlet返回的数据js解析2种方法
这篇文章主要介绍了Servlet返回的数据js解析2种方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下方式1：Json接收函数：a...
2020-05-27
微信小程序关键字变色实现代码实例
这篇文章主要介绍了微信小程序关键字变色实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.小程序中不支持...
2020-05-27
webpack DllPlugin xxx is not defined解决办法
造成这个错误主要有3个可能的原因： context上下文不一致 library和name 不一致 生成的dll文件没加入到html文件中dll.config.js
module.exports = { mode:"production",...
2020-05-27
使用uni-app开发微信小程序的实现
前言9月份，开始开发微信小程序，也曾调研过wepy/mpvue，考虑到后期跨端的需求，最终选择使用了uni-app，本文主要介绍如何使用uni-app搭建小程序项目，以及自己对框架的补充，包括封装req...
2020-05-27
vue中使用elementUI组件手动上传图片功能
Vue框架简介Vue是一套构建用户界面的框架， 开发只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel）设计思想。提供MVVM数据...
2020-05-27
微信小程序 SOTER 生物认证DEMO 指纹识别功能
今天项目尝试使用微信小程序指纹认证功能以下为测试demoindex.jsPage({ /** * 页面的初始数据 */ data: { isfingerPrint : false, //可否使用指纹识别 默认false isfac...
2020-05-27
微信小程序实现轨迹回放的示例代码
在微信小程序实现轨迹回放的效果1、wxml
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" bindcontroltap="controltap" bindmarkertap="mark...
2020-05-27
微信小程序点击保存图片到本机功能
1.首先我们要把想保存的图片绘制在画布上<view class='container'> <canvas style='width:{{canvasWidth}}px; height:{{canvasHeight}}px' class="canvas" id="canvas" can...
2020-05-27
小程序使用wxs解决wxml保留2位小数问题
1.出现溢出表现从图中可以看到数字超出了很长长度。代码里面是如下这样的。为什么在0.35出现？或者一些相成的计算出现? 而 0.34却不会。
0.41 也会出现，好像是二进制运算...
2020-05-27
小程序登录之支付宝授权的实现示例
众所周知，微信小程序是可以通过微信本身授权后再登录，平台可以拿到微信用的的账号相关信息，然后保存到数据库中，那么同理在支付宝小程序开发过程中，登录功能的设计也可以如此上图...
2020-05-27
vue实现输入一位数字转汉字功能
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap...
2020-05-27
微信小程序之左右布局的实现代码
本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，仅供学习分享使用。概述在微信小程序开发中，左右分...
2020-05-27
在微信小程序中使用mqtt服务的方法
因为需求的关系，需要在小程序中使用mqtt来进行tcp的长连接，实时监听设备的返回状态。js中连接mqtt服务器是通过websocket来实现的，我在网上找了2个库，一个是eclipse开发的paho-m...
2020-05-27
如何在微信小程序中存setStorage
这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在js中存入setStora...
2020-05-27
Vue分页效果与购物车功能
分页组件
首先来创建项目：分页组件，做项目不要写动手写代码，要想想业务逻辑，怎么写，如何写才是最好的呈现方式，做项目不急，要先想好整体的框架，从底层一开始最想要的是什么做起。先...
2020-05-27
微信小程序返回上一页传参并刷新过程解析
这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题微信小...
2020-05-27
JS实现移动端双指缩放和旋转方法
js实现移动端双指缩放和旋转，具体代码如下所示：var initHeading = 0; var rotation = 0; var lastTime; function setGesture(el){ var obj={}; var istouch=false;...
2020-05-27
微信小程序swiper使用网络图片不显示问题解决
这篇文章主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml代...
2020-05-27
微信小程序跨页面传递data数据方法解析
这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Q：小程序怎么...
2020-05-27
Vue+ElementUI table实现表格分页
Vue+ElementUI table表格分页，供大家参考，具体内容如下分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次...
2020-05-27
vue+elementUI组件table实现前端分页功能
前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在render table组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSi...
2020-05-27
Angular6项目打包优化的实现方法
可以从以下三个角度优化： 输出包体组成分析文件 Rollup 摇树优化 导出Webpack配置，通过修改webpack配置优化打包让我们来逐一分析。
输出包体组成分析文件
Webpack 有一个...
2020-05-27
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
前言公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。
现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，...
2020-05-27
axios如何取消重复无用的请求详解
前言在开发中，经常会遇到接口重复请求导致的各种问题。对于重复的get请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。对于重复的post请求，会导致在服务端生成两次记...
2020-05-27
原生Vue 实现右键菜单组件功能
Vue 原生实现右键菜单组件, 零依赖 快速安装npm install vue-contextmenujs使用测试中使用的是 element-ui 图标import Contextmenu from "vue-contextmenujs"Vue.use(Conte...
2020-05-27
js实现计时器秒表功能
本文实例为大家分享了js实现计时器秒表功能的具体代码，供大家参考，具体内容如下HTML<input type="text" id="timetext" value="00:00:00" readonly><button type="button" onc...
2020-05-27
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
需求点击导出下载表格对应的excel文件在 vue 项目中,使用的 axios ,后台 java 提供的 post 接口 api实现第一步,在 axios 请求中加入参数,表示接收的数据为二进制文件流resp...
2020-05-27
js实现秒表计时器
本文实例为大家分享了js实现秒表计时器的具体代码，供大家参考，具体内容如下秒表计时器的实现：效果图如下：附代码，已调试运行<!DOCTYPE html><html lang="en"><head> <meta charse...
2020-05-27
js实现内置计时器
计时器对于图片轮播和倒计时之类的与时间相关的项目有着很大的联系，它是实现这些的核心语法，如何一次深刻理解js计时器？往下看你就知道，有惊喜哦！js计时器有两种，一种为延时后单次...
2020-05-27
NUXT SSR初级入门笔记(小结)
nuxt 是基于 vue 开发的一个应用框架，最常用的就是拿来做 ssr。那么什么是 ssr 呢，这就要提及一个相对的概念：csr。CSR & SSRweb网页开发从之前的 jsp，php 转向现在的三大框架 a...
2020-05-27
js实现数字滚动特效
本文实例为大家分享了js实现数字滚动展示的具体代码，供大家参考，具体内容如下效果图html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...
2020-05-27
js中的面向对象之对象常见创建方法详解
本文实例讲述了js中的面向对象之对象常见创建方法。分享给大家供大家参考，具体如下：创建对象的几种常用方式1.使用Object或对象字面量创建对象2.工厂模式创建对象3.构造函数模...
2020-05-27
javascript自定义右键菜单插件
本文实例为大家分享了javascript自定义右键菜单插件的具体代码，供大家参考，具体内容如下1.使用方式js文件引入<script src="RightMenu.js"></script>初始化：let rightMenu = ne...
2020-05-27
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考，具体如下：什么是BOMBOM：Browser Object Model，浏览器对象模型从上图也可以看出： window对象...
2020-05-27
js中script的上下放置区别，Dom的增删改创建操作实例分析
本文实例讲述了js中script的上下放置区别，Dom的增删改创建操作。分享给大家供大家参考，具体如下：回顾javascript分为三部分：1、ECMAScript5.0 es6(阮一峰) es7 es8 es6中有类...
2020-05-27
js DOM的事件常见操作实例详解
本文实例讲述了js DOM的事件常见操作。分享给大家供大家参考，具体如下：一、JavaScript的组成JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式...
2020-05-27
ant-design-vue 实现表格内部字段验证功能
表格内 column 可输入的需求还是很常见的，尤其有一些业务场景就是表单内部有一个表格，然后表格的某些列是个进行输入的，就像下面这样 下单数量 内容不能为空 下单数量 必须输...
2020-05-27
element-ui tooltip修改背景颜色和箭头颜色的实现
本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现，分享给大家，具体如下：
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="...
2020-05-27
微信小程序缓存支持二次开发封装实现解析
这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下简介微信小...
2020-05-27
js实现打字小游戏
今日闲来无事，想试一试模拟打字游戏，下面是效果图，会记录判断打字，如果在外围添加setInterval函数，可以实现测试打字速度的功能。html<div class="wrapper"> <div id="text">A</...
2020-05-27
JS实现打字游戏
本文实例为大家分享了JS实现打字游戏的具体代码，供大家参考，具体内容如下第一步：页面的排版和布局1.1实现开始游戏的界面1.1.1开始游戏1.1.2游戏说明<!--游戏开始的界面--> <di...
2020-05-27
