JavaScript - 教程之家

334浏览

0评论

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

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

2020-05-27

261浏览

0评论

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

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

93浏览

0评论

Vue+ElementUI table实现表格分页

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

194浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

141浏览

0评论

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

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

2020-05-27

213浏览

0评论

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

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

2020-05-27

125浏览

0评论

js实现计时器秒表功能

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

2020-05-27

334浏览

0评论

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

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

2020-05-27

128浏览

0评论

js实现秒表计时器

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

2020-05-27

127浏览

0评论

js实现内置计时器

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

88浏览

0评论

js实现数字滚动特效

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

2020-05-27

115浏览

0评论

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

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

2020-05-27

102浏览

0评论

javascript自定义右键菜单插件

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

2020-05-27

109浏览

0评论

JavaScript 浏览器对象模型BOM原理与常见用法实例分析

本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考，具体如下：什么是BOMBOM：Browser Object Model，浏览器对象模型从上图也可以看出： window对象...

2020-05-27

120浏览

0评论

js中script的上下放置区别，Dom的增删改创建操作实例分析

本文实例讲述了js中script的上下放置区别，Dom的增删改创建操作。分享给大家供大家参考，具体如下：回顾javascript分为三部分：1、ECMAScript5.0 es6(阮一峰) es7 es8 es6中有类...

2020-05-27

62浏览

0评论

js DOM的事件常见操作实例详解

本文实例讲述了js DOM的事件常见操作。分享给大家供大家参考，具体如下：一、JavaScript的组成JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式...

2020-05-27

245浏览

0评论

ant-design-vue 实现表格内部字段验证功能

表格内 column 可输入的需求还是很常见的，尤其有一些业务场景就是表单内部有一个表格，然后表格的某些列是个进行输入的，就像下面这样下单数量内容不能为空下单数量必须输...

2020-05-27

516浏览

0评论

element-ui tooltip修改背景颜色和箭头颜色的实现

本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现，分享给大家，具体如下：
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="...

2020-05-27

123浏览

0评论

微信小程序缓存支持二次开发封装实现解析

这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下简介微信小...

2020-05-27

152浏览

0评论

js实现打字小游戏

今日闲来无事，想试一试模拟打字游戏，下面是效果图，会记录判断打字，如果在外围添加setInterval函数，可以实现测试打字速度的功能。html<div class="wrapper"> <div id="text">A</...

2020-05-27

156浏览

0评论

JS实现打字游戏

本文实例为大家分享了JS实现打字游戏的具体代码，供大家参考，具体内容如下第一步：页面的排版和布局1.1实现开始游戏的界面1.1.1开始游戏1.1.2游戏说明 <di...

2020-05-27

167浏览

0评论

JS检索下拉列表框中被选项目的索引号(selectedIndex)

前言在开始本文主题之前，先来看一个 HTML demo，一个非常简单的选择列表(select)：<select> <option>one</option> <option>two</option> <option>three</option></select>请...

2020-05-27

227浏览

0评论

微信小程序 (地址选择1)--选取搜索地点并显示效果

效果：（直接复制代码，可查看效果）可以通过拖动地图，搜索地址，选择地址，并将地址值传给文本框进入以下界面点击确定后。代码如下：wxml: <view class="box2"> <view class="box2_left"...

2020-05-27

73浏览

0评论

TypeScript高级用法的知识点汇总

引言
作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉...

2020-05-27

102浏览

0评论

微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

实现的效果就是：1.点击全选选中所有商品，再点击全选，取消勾选
2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式拼成一个字符串
3.点击删除按钮时删除选中的商品点...

2020-05-27

88浏览

0评论

微信小程序获取复选框全选反选选中的值(实例代码)

wxml文件<view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view> <view class="th">名称</view></view&g...

2020-05-27

94浏览

0评论

15分钟学会vue项目改造成SSR(小白教程)

15分钟学会vue项目改造成SSRPs：网上看了好多服务器渲染的例子，基本都是从0开始的，用Nuxt或者vue官网推荐的ssr方案（vue-server-renderer），但是我们在开发过程中基本上是已经有了现...

2020-05-27

74浏览

0评论

ant design实现圈选功能

Ant Design是一款十分出色的的UI设计组件，Ant Design电脑版界面美观大方，功能强劲实用，软件包含整套开发和设计资源和工具，丰富的React UI组件，能够为前端UI设计提供了新的解决...

2020-05-27

98浏览

0评论

微信小程序利用云函数获取手机号码

小程序获取手机号码方式一、取到加密数据，然后提交到服务器解密,二、获取到 cloudID，用云函数, 优点：直接获取原始数据，节省服务器资源1.xml<button class="gettel" open-type=...

2020-05-27

94浏览

0评论

微信小程序修改数组长度的问题的解决

微信小程序内数组重新修改长度，使用setData竟然存在问题：会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后，再数据需要赋值的地方再用setData进行数据处理即可，...

2020-05-27

79浏览

0评论

微信小程序实用代码段(收藏版)

前言排名不分先后，按自己的习惯来的。总结经验，不喜勿喷哦~一、tab切换<view class=" {{currentTab==0 ? 'select' : ''}}" data-current="0" bindtap="swichNav"> tab1</...

2020-05-27

384浏览

0评论

JS获取当前时间的年月日时分秒及时间的格式化的方法

1.获取当前时间var myDate = new Date();2.获取时间中的年月日时分秒myDate.getYear(); // 获取当前年份(2位)myDate.getFullYear(); // 获取完整的年份(4位,1970-?...

2020-05-27

117浏览

0评论

js实现多图和单图上传显示

项目中经常会大量的使用到图片上传，之前涉及到的时候经常会在网上下载一些素材直接拿过来使用，但是随着项目的增多发现用的是各式各样的，导致非常混乱。所以抽空写了一个DEMO来...

2020-05-27

122浏览

0评论

js实现上传图片并显示图片名称

本文实例为大家分享了js上传图片并显示图片名称的具体代码，供大家参考，具体内容如下今天整理了一下上传图，用jquery的还是方便点，小女子整理的是原生的js！！！<!DOCTYPE html><html><...

2020-05-27

317浏览

0评论

如何使用webpack打包一个库library的方法步骤

日常我们开发了一个库之后，如何打包之后提供给别人使用呢？如果你不清楚，就继续看吧！！！初始化库
mkdir librarycd librarynpm init -y经过以上步骤后会生成一个library文件夹，里面包...

2020-05-27

99浏览

0评论

H5实现手机拍照和选择上传功能

本文实例为大家分享了H5手机拍照和选择上传的具体代码，供大家参考，具体内容如下1. html/ js代码：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont...

2020-05-27

205浏览

0评论

基于ts的动态接口数据配置的详解

需求前景
前端组件是可复用的，那么复用前端组件时从后端读取的数据源同样也需要可复用（后端api也要是配置化的方式进行），前端需要提供配置项给后端进行动态配置生成api。
具体实...

2020-05-27

99浏览

0评论

使用JS来动态操作css的几种方法

JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还...

2020-05-27

189浏览

0评论

vue不操作dom实现图片轮播的示例代码

本文介绍了vue不操作dom实现图片轮播的示例代码，分享给大家，具体如下：效果宽度为1190px且水平居中的轮播盒子；
中间是当前显示的默认尺寸图片；
左右两边是预显示的小尺寸图片；
轮...

2020-05-27

128浏览

0评论

js数据类型转换与流程控制操作实例分析

本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考，具体如下：数据类型转换：//number转换成str// var str=a+'';// console.log(str);// console.log(typeof s...

2020-05-27

180浏览

0评论

小程序简单两栏瀑布流效果的实现

瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局，即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽...

2020-05-27

126浏览

0评论

使用webpack/gulp构建TypeScript项目的方法示例

总体来看，TypeScript项目构建主要分两步：将ts 项目整体转换为js项目按常规套路，对该 js 项目进行打包构建构建过程中，对 ts 文件的转换不再使用命令行方式，所以 tsc 的配置参...

2020-05-27

126浏览

0评论

JS精确判断数据类型代码实例

这篇文章主要介绍了JS精确判断数据类型代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下普通的判断方式有各种不...

2020-05-27

123浏览

0评论

JS数据类型STRING使用实例解析

这篇文章主要介绍了JS数据类型STRING使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下转换为字符串
var num...

2020-05-27

154浏览

0评论

在Vue项目中使用Typescript的实现

3.0迟迟没有发布release版本，现阶段在Vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写Vue...

2020-05-27

107浏览

0评论

利用JS如何获取form表单数据

前言本文主要给大家介绍的是关于利用JS获取form表单数据的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧方法如下：1.有的时候想偷点懒，页面上有大量的...

2020-05-27

热门文章