JavaScript - 教程之家

80浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

204浏览

0评论

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

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

2020-05-27

495浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

119浏览

0评论

js实现打字小游戏

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

2020-05-27

128浏览

0评论

JS实现打字游戏

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

204浏览

0评论

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

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

2020-05-27

46浏览

0评论

TypeScript高级用法的知识点汇总

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

67浏览

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

58浏览

0评论

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

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

2020-05-27

38浏览

0评论

ant design实现圈选功能

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

351浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

276浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

175浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

147浏览

0评论

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

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

2020-05-27

108浏览

0评论

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

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

2020-05-27

150浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

136浏览

0评论

在Vue项目中使用Typescript的实现

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

121浏览

0评论

js判断一个对象是数组（函数）的方法实例

1.typeof操作符
示例：// 数值typeof 37 === 'number'; // 字符串typeof '' === 'string'; // 布尔值typeof true === 'boolean'; // Symbolstypeof Symbol() === 'symbol';...

2020-05-27

159浏览

0评论

Echarts实现多条折线可拖拽效果

本文实例为大家分享了Echarts多条折线可拖拽的具体代码，供大家参考，具体内容如下1、步骤： 1)、封装Echarts折线图方法manyLineChart(),提取出公共的部分；
2)、AJax获取后...

2020-05-27

184浏览

0评论

Webpack设置环境变量的一些误区详解

一、前言日常的前端开发工作中，至少会有两套构建环境一套开发时使用，构建结果用于本地开发调试，不进行代码压缩、打印 debug 信息、包含 sourcemap 文件等一套发布...

2020-05-27

126浏览

0评论

Vue中使用Lodop插件实现打印功能的简单方法

介绍
需要进行打印功能,Lodop就是实现需求的插件.就是引入对应的js-sdk,使用js调用对应的打印方法,然后就会调出客户端软件(需要用户安装),然后就可以在软件里面打印内容了....

2020-05-27

114浏览

0评论

echarts实现折线图的拖拽效果

使用echarts实现折线图的拖拽，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="./echarts.js"></script></head><body> <div id="m...

2020-05-27

139浏览

0评论

微信小程序批量上传图片到七牛(推荐)

一、引入七牛SDK具体查看文档https://github.com/gpake/qiniu-wxapp-sdk/blob/master/README.md二、封装上传方法upload.js/** * 上传函数 */const qiniuUploader = require...

2020-05-27

89浏览

0评论

d3.js实现图形缩放平移

本文实例为大家分享了d3.js实现图形缩放平移的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>缩放操作</title><...

2020-05-27

283浏览

0评论

d3.js实现图形拖拽

本文实例为大家分享了d3.js图形拖拽的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽操作</title></head><b...

2020-05-27

91浏览

0评论

5分钟快速看懂ES6中的反射与代理

反射：Reflect
反射到底是个什么东西？
它的本质就是一个对象（JS内置的），里边有一些函数可供调用。
为什要叫做反射？
因为它能做的事情，和其他语言（Java、python等）中的反射很相似。其...

2020-05-27

81浏览

0评论

JS实现水平移动与垂直移动动画

本文实例为大家分享了JS实现水平移动与垂直移动的具体代码，供大家参考，具体内容如下水平移动分析：可看成是一个物体的左边距变化。比如：向右移动是左边距越来越大（数值为正），可调整...

2020-05-27

189浏览

0评论

js通过循环多张图片实现动画效果

本文实例为大家分享了js通过循环多张图片实现动画展示的具体代码，供大家参考，具体内容如下以小鱼摇尾巴和眨眼睛为例动画思路：1.将图片资源放在数组里面2.通过计时器来设定间隔...

2020-05-27

330浏览

0评论

微信小程序跨页面数据传递事件响应实现过程解析

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

2020-05-27

103浏览

0评论

JavaScript实现简单计算器功能

本文实例为大家分享了JavaScript实现简单计算器的具体代码，供大家参考，具体内容如下1.实现基本计算器功能，如图2.逻辑代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"...

2020-05-27

142浏览

0评论

jquery实现商品sku多属性选择功能（商品详情页）

SKU=Stock Keeping Unit（库存量单位）。即库存进出计量的基本单元，可以是以件，盒，托盘等为单位。SKU是用来定价和管理库存的，比如一个产品有很多颜色，很多配置，每个颜色和配置的组合...

2020-05-27

181浏览

0评论

React 实现车牌键盘的示例代码

vehicle-plate-keyboardReact 实现的车牌键盘。https://github.com/LiuuY/vehicle-plate-keyboard💡 Features省份 + 字母/数字 + '港澳学警领'新能源车牌自动判断当...

2020-05-27

124浏览

0评论

Vuex实现数据共享的方法

在用vue作为前端框架进行开发的时候，对于组件间的传值你一定不会陌生，如果只是简单的父子组件传值，我想你肯定不会选择用Vuex来进行状态管理，但是如果你需要构建一个中大型单页...

2020-05-27

743浏览

0评论

微信小程序按顺序同步执行的两种方式

小程序按顺序执行的两种方式1.回调函数执行，后一个方法写到前一个的回调函数中从而实现顺序执行，缺点是嵌套太多，代码混乱2.async-await 同步执行，此方法等待前面方法执行完毕才...

2020-05-27

热门文章