JavaScript - 教程之家

128浏览

0评论

jquery实现弹窗（系统提示框）效果

本文实例为大家分享了jquery实现系统提示框的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery-1.11...

2020-05-27

112浏览

0评论

这样回答继承可能面试官更满意

9021年底了，突然想在这个最后一个月准备一下，试试机会，能否更进一步。所以开始准备一些基础知识，也随带总结出来给各位想换工作的同学。希望大家能找到自己想要的工作。祝大家好...

2020-05-27

84浏览

0评论

jQuery实现验证用户登录

前言前面的博客对jQuery有所介绍，所以接下来的这几篇博客是对jQuery的介绍，具体介绍方式是用例子呈现给大家。内容显示效果输入之前输入之后点击校验废话少说，先上代码：HTML代码...

2020-05-27

76浏览

0评论

js中Function引用类型常见有用的方法和属性详解

Function类型
函数由于是Function类型的一个实例,所以函数名就是一个指向函数对象的指针,不会与某个函数死死的连接在一起,这也导致了js中没有真正的重载,但好处是,函数对象...

2020-05-27

84浏览

0评论

小程序接口的promise化的实现方法

最近在写微信小程序，为了能用上 async/await 方法，需要把微信提供的异步操作包装成 Promise 对象，为此写了一个简单的 promise(fie) 函数：/** * @function promise - 将 wx 接口...

2020-05-27

75浏览

0评论

Angular封装表单控件及思想总结

前言前端框架的强大无疑给开发者省去了不少烦恼，又因比较完善的UI库支撑，让部分后端开发者能够省去大量样式设计的时间成本，纵然如此，业务的多变性是框架本身无法预料的，很多的控...

2020-05-27

92浏览

0评论

详解如何在JS代码中消灭for循环

Edit: 在我入职第三家公司的第一天，看到代码库里面一堆的 for 循环，内心有些崩溃，于是做了一次技术分享，展示怎样在代码中避免 for 循环。这篇文章是那次分享的总结。本文并不完...

2020-05-27

179浏览

0评论

vue element自定义表单验证请求后端接口验证

做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。template<el-form-item label="账户" prop="userid"> <el-input v-...

2020-05-27

96浏览

0评论

jQuery实现菜单显示效果

前言上一篇博客更新了在页面中可以像Excel表格一样输入的表格，这篇博客介绍一下我们经常可以在各大网站看到的菜单栏显示效果的程序。内容显示效果：照例，先上代码，HTML代码：<!DOC...

2020-05-27

78浏览

0评论

jQuery实现可编辑的表格

前言上一篇博客更新了在页面中如何判断用户名是否已经被输入，这篇博客介绍一下页面中的表格内容如何像Excle表格一样修改。内容
显示效果照例，先上代码HTML代码：
<!DOCTYPE htm...

2020-05-27

70浏览

0评论

基于jQuery实现可编辑的表格

前言我们知道jQuery是一个轻便的JavaScript框架，里面封装了系统和程序常用到的一些方法，利用CSS、HTML可以将这些内容运用起来，做出各式各样好看的界面，下面小编使用jQuery实现...

2020-05-27

449浏览

0评论

详解vue中$nextTick和$forceUpdate的用法

1、$nextTick
vm.$nextTick( [callback] )this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行,在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTic...

2020-05-27

106浏览

0评论

js消除图片小游戏代码

js消除图片小游戏，效果如下所示：做了一个简易的消除图片的小游戏，没有连线的规则。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

2020-05-27

99浏览

0评论

用JS实现一个简单的打砖块游戏

话不多说，先看看效果：HTML架构部分<div class="content"> <div class="game"></div> <div class="container"> <h2>打砖块小游戏</h2> <hr...

2020-05-27

96浏览

0评论

Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

1、前阶段做了这个地址管理页面，实现的过程中遇到了很多的问题，好在最后实现了，在此记录一下：首先是加载页面阶段ajax从数据库中获取数据，然后动态的显示在页面中，随后可以点击单...

2020-05-27

99浏览

0评论

Vue.js实现可编辑的表格

本文实例为大家分享了Vue.js实现可编辑的表格的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" hre...

2020-05-27

132浏览

0评论

vue el-table实现行内编辑功能

最近做一个vue前后端分离的项目，前端框架用element ui，在使用 el-table 的过程中，需要实现行内编辑，效果大概是这样：分为下面几个步骤：（1）自定义 el-table 的表头（即添加 “新增”...

2020-05-27

123浏览

0评论

Vue如何获取数据列表展示

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

2020-05-27

118浏览

0评论

vue el-table实现自定义表头

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

2020-05-27

102浏览

0评论

js实现倒计时秒杀效果

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

102浏览

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

128浏览

0评论

JavaScript Reflect Metadata实现详解

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

127浏览

0评论

vue-property-decorator用法详解

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

211浏览

0评论

深入理解 TypeScript Reflect Metadata

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

2020-05-27

369浏览

0评论

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

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

2020-05-27

211浏览

0评论

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

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

2020-05-27

139浏览

0评论

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

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

2020-05-27

142浏览

0评论

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

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

2020-05-27

100浏览

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

254浏览

0评论

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

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

2020-05-27

322浏览

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

111浏览

0评论

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

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

2020-05-27

187浏览

0评论

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

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

2020-05-27

154浏览

0评论

webpack DllPlugin xxx is not defined解决办法

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

416浏览

0评论

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

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

2020-05-27

234浏览

0评论

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

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

2020-05-27

172浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

182浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

147浏览

0评论

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

2020-05-27

394浏览

0评论

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

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

2020-05-27

626浏览

0评论

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

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

2020-05-27

193浏览

0评论

如何在微信小程序中存setStorage

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

2020-05-27

111浏览

0评论

Vue分页效果与购物车功能

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

热门文章