JavaScript - 教程之家

147浏览

0评论

jQuery三组基本动画与自定义动画操作实例总结

本文实例讲述了jQuery三组基本动画与自定义动画操作。分享给大家供大家参考，具体如下：jQuery提供了三组基本动画，分别是显示与隐藏、淡入与淡出、滑入与画出，这三组基本动画都是...

2020-05-27

130浏览

0评论

JS原形与原型链深入详解

本文实例讲述了JS原形与原型链。分享给大家供大家参考，具体如下：前言在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是...

2020-05-27

217浏览

0评论

Element实现表格嵌套、多个表格共用一个表头的方法

一、分析需求这里先上一张图说明需求：根据后端返回的数据（ res 是一个数组，它的元素是一个对象，对象里面的 ext 属性是一个对象，它又包含了， default 、 free 和 pay 三个属性...

2020-05-27

157浏览

0评论

js根据后缀判断文件文件类型的代码

核心代码<script>function getFileType(fileName) { // 后缀获取 let suffix = ''; // 获取类型结果 let result = ''; try { const flieArr = fileName.split('.');...

2020-05-27

487浏览

0评论

JS 获取文件后缀，判断文件类型(比如是否为图片格式)

1、获取文件后缀有时候我们需要通过文件名或者路径，得到该文件的后缀名（扩展名），可以通过如下方式进行截取：
//文件路径var filePath = "file://upload/jb51.png";//获取最后一个...

2020-05-27

147浏览

0评论

ES6标准 Arrow Function（箭头函数=>）

ES6—箭头函数0.为什么会出现箭头函数？1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function () {},这至少会出现两个问题，ES6...

2020-05-27

166浏览

0评论

JS端基于download.js实现图片、视频时直接下载而不是打开预览

项目中的附件列表，通常情况都需要提供下载、删除的功能，功能本身没有什么要说的，都是基本功能，使用浏览器的的下载功能，也都是用window.open(url)，或者window.location.href=url的...

2020-05-27

155浏览

0评论

js中!和!!的区别与用法

js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都...

2020-05-27

179浏览

0评论

JavaScript 装逼指南(js另类写法)

下面就是具体的写法，建议大家逐个测试一下，加深印象转Boolean类型这个较为常用。!!'a'//true通过两个取反，可以强制转换为Boolean类型。!!是将表达式强制转化为bool值的运算，运...

2020-05-27

277浏览

0评论

javascript数据类型分为哪两类

javascript数据类型分为：值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(...

2020-05-26

185浏览

0评论

快速理解 JavaScript 的垃圾回收

前言JS具有自动垃圾回收机制，换句话说，执行环境会管理代码执行过程中使用的内存。JS垃圾回收的原理执行环境会找出那些不再继续使用的变量，然后释放其占用的内存。JS垃圾回收的...

2020-05-25

210浏览

0评论

Vue实现跑马灯效果

本文实例为大家分享了Vue实现跑马灯效果的具体代码，供大家参考，具体内容如下实现的业务逻辑1、给[嗨起来]按钮，绑定一个点击事件 v-on（@）。
2、在按钮的事件函数处理中，写相关的业...

2020-05-25

172浏览

0评论

Vue实现简单的跑马灯

Vue实现滚动字条/跑马灯，供大家参考，具体内容如下内容不多，直接看代码吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script...

2020-05-25

159浏览

0评论

Js和VUE实现跑马灯效果

本文实例为大家分享了Js和VUE分别实现跑马灯效果的具体代码，供大家参考，具体内容如下一、js实现跑马灯1.效果图视频上传不了，只能看图片了2. 设计思路使用截取字符串的方法，首先...

2020-05-25

152浏览

0评论

vue实现简单跑马灯效果

本文实例为大家分享了vue实现简单跑马灯效果的具体代码，供大家参考，具体内容如下如下图片，会自行向上“滚动”代码：<!DOCTYPE html><html lang="en"><head> <meta ch...

2020-05-25

158浏览

0评论

JavaScript实现移动端弹窗后禁止滚动

代码如下computed:{ popupStatus(){ return this.SendCircle_visible || this.generateInfo_visible || this.isPosterShow; }},methods:{ stopTouch(e){ e.preven...

2020-05-25

128浏览

0评论

如何使用vue slot创建一个模态框的实例代码

【1】遮罩层：承载内容，管理样式布局。【2】内容层：控制遮罩层的显示与否。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。遮罩层不依...

2020-05-24

143浏览

0评论

js中输出的方式有哪些

js中输出的方式有：1、使用 window.alert() 弹出警告框。2、使用 document.write() 方法将内容写到 HTML 文档中。3、使用 innerHTML 写入到 HTML 元素。4、使用 console.log(...

2020-05-24

141浏览

0评论

JavaScript设计模式--简单工厂模式定义与应用案例详解

本文实例讲述了JavaScript设计模式--简单工厂模式定义与应用。分享给大家供大家参考，具体如下：一，介绍工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。工厂模式...

2020-05-23

165浏览

0评论

JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】

本文实例讲述了JavaScript设计模式--简单工厂模式。分享给大家供大家参考，具体如下：第一步，Ajax操作接口（目的是起一个接口检测作用）（1）引入接口文件//定义一个静态方法来实现接口...

2020-05-23

156浏览

0评论

JavaScript设计模式--桥梁模式引入操作实例分析

本文实例讲述了JavaScript设计模式--桥梁模式引入操作。分享给大家供大家参考，具体如下：1.使用情况（1）事件的监控#1，利用页面的button来选择宠物的例子（思路）button.addEvent(eleme...

2020-05-23

161浏览

0评论

JavaScript组合模式---引入案例分析

本文实例讲述了JavaScript组合模式。分享给大家供大家参考，具体如下：首先：使用一个例子来引入组合模式，需求为
（1）有一个学校有2个班(一班,二班)
（2）每个班级分2个小组(一班一组,一...

2020-05-23

147浏览

0评论

JavaScript组合设计模式--改进引入案例分析

本文实例讲述了JavaScript组合设计模式--改进引入案例。分享给大家供大家参考，具体如下：对于组合设计模式：（1）组合模式中把对象分为两种(组合对象,和叶子对象)
（2）组合对象和叶子...

2020-05-23

178浏览

0评论

JS Zepto 移动端的 jQuery

Zeptogithub地址: https://github.com/madrobby/zepto官方地址: http://zeptojs.com/中文版地址: http://www.css88.com/doc/zeptojs_api/Zepto就是jQuery的移动端版本, 可...

2020-05-22

2521浏览

0评论

uni-app微信小程序登录授权的实现

微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点：首先是需要用到一个授权按钮来触发获取用户信息授权：关键在于 open-type 为 getUserInfo , 然后有个@...

微信

2020-05-22

688浏览

0评论

微信小程序点击滚动到指定位置的实现

公司项目要做一个类似微信通讯录导航的效果，点击右侧字母页面滚动到相应位置。因为微信小程序没有dom概念，所以不能使用锚点，也不能直接获取对应字母相对页面的偏移位置。此时...

微信

2020-05-22

166浏览

0评论

js cavans实现静态滚动弹幕

本文实例为大家分享了js实现静态滚动弹幕的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head...

2020-05-21

179浏览

0评论

jQuery实现移动端笔触canvas电子签名

本文实例为大家分享了jQuery实现移动端笔触canvas电子签名的具体代码，供大家参考，具体内容如下本文主要是通过jq实现电子签名，其中ios有一个坑，已修复。基于mui+vue框架实现的，如...

2020-05-21

327浏览

0评论

基于canvas实现手写签名（vue）

最近一直在研究canvas的东西，正好之前对手写签名这块有点兴趣。就自己基于vue写了一个简易的手写签名demo。其中原理比较简单，先生成一个canvas画布，并对canvas进行touchstart...

2020-05-21

305浏览

0评论

vue+canvas实现移动端手写签名

本文实例为大家分享了vue+canvas实现移动端手写签名的具体代码，供大家参考，具体内容如下<template> <div class="sign"> <div class="header"> <i class="el-icon-arrow-l...

2020-05-21

142浏览

0评论

js生成某个范围内的随机数

可以使用random()方法，该方法可返回介于 0 ~ 1 之间的一个随机数。具体代码如下：//生成最小min到最大max的随机数function random(min,max){ if(min > max){...

2020-05-21

173浏览

0评论

JS 移动端的 Touch 事件使用

随着智能手机和平板电脑的普及, 越来越多的人用移动设备浏览网页，我们平时在pc浏览器上用的鼠标事件，比如：click, mouseover等，已经无法满足移动设备触摸屏的特点，触摸时代的到...

2020-05-21

165浏览

0评论

jQuery HTML css()方法与css类实例详解

本文实例讲述了jQuery HTML css()方法与css类。分享给大家供大家参考，具体如下：jQuery css() 方法返回 CSS 属性如需返回指定的 CSS 属性的值，请使用如下语法：css("propertyname...

2020-05-20

116浏览

0评论

jquery html添加元素/删除元素操作实例详解

本文实例讲述了jquery html添加元素/删除元素操作。分享给大家供大家参考，具体如下：添加元素添加新的 HTML 内容将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元...

2020-05-20

166浏览

0评论

jQuery HTML设置内容和属性操作实例分析

本文实例讲述了jQuery HTML设置内容和属性操作。分享给大家供大家参考，具体如下：jQuery - 设置内容和属性设置内容 - text()、html() 以及 val()将使用前一章中的三个相同的方...

2020-05-20

147浏览

0评论

jQuery 动画与停止动画效果实例详解

本文实例讲述了jQuery 动画与停止动画效果。分享给大家供大家参考，具体如下：jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法：$(selector).animat...

2020-05-20

218浏览

0评论

jQuery 选择方法及$(this)用法实例分析

本文实例讲述了jQuery 选择方法及$(this)用法。分享给大家供大家参考，具体如下：选择方法用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象$(function() {/...

2020-05-19

156浏览

0评论

js如何实现下拉控制列表

重要属性介绍：ondblclick="selectOne()"：双击事件select标签的属性：multiple="multiple"：看一下实现效果：具体实现代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...

2020-05-18

275浏览

0评论

微信小程序怎么实现九宫格跳转

微信小程序怎么实现九宫格跳转?效果图：实现效果图红色线包含部分的九宫格效果，并附带item点击时间。具体实现：1、首先添加图片资源文件　在项目根目录新建一个目录，取名为image...

微信

2020-05-18

164浏览

0评论

js实现自定义右键菜单

本文实例为大家分享了js实现右键菜单的具体代码，供大家参考，具体内容如下原理：1.屏蔽默认的右键菜单2.点击右键获取位置，让自定义菜单到点击位置上3.点击左键，自定义菜单消失代码...

2020-05-18

176浏览

0评论

小程序中如何管理session？

在微信小程序开发中，由wx.request()发起的每次请求对于服务端来说都是不同的一次会话，微信小程序不会把session信息带回服务端，即对应服务端不同的session，由于项目中使用sessio...

2020-05-16

157浏览

0评论

js中!与!!的用法介绍

js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，1、!可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都...

2020-05-16

126浏览

0评论

js抽奖转盘实现方法分析

本文实例讲述了js抽奖转盘实现方法。分享给大家供大家参考，具体如下： HTML 这里.left 固定了圆的宽度和高度，还有canvas也设置了固定宽高绘制圆心的坐标也就出来了 (203,203)...

2020-05-16

127浏览

0评论

jquery+css3实现的经典弹出层效果示例

本文实例讲述了jquery+css3实现的弹出层效果。分享给大家供大家参考，具体如下：可能出现的情况1）一列都有，按顺序弹出对应的弹出层2）只有单个一个弹出层3）不按顺序不按规律随机弹出...

2020-05-16

143浏览

0评论

JavaScript 类的封装操作示例详解

本文实例讲述了JavaScript 类的封装操作。分享给大家供大家参考，具体如下：一，首先，为什么要使用封装？这是从信息的角度出发的，信息的隐藏是最终的目的，而封装只不过是实现隐藏的一...

2020-05-16

302浏览

0评论

vue el-tree 默认展开第一个节点的实现代码

vue 的树形控件 el-tree 可以用来方便地实现树形控件，但是官方文档中，关于控件的默认展开只有默认展开全部或者默认全部关闭，如下所示：对于指定节点的展开，需要指定其id，从而通过...

2020-05-16

244浏览

0评论

Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果

Taro 就是可以用 React 语法写小程序的框架，拥有多端转换能力，一套代码可编译为微信小程序、百度小程序、支付宝小程序、H5、RN等摘要：年后入职了一家新公司，与前同事交接完之后...

2020-05-16

181浏览

0评论

JavaScript随机数的组合问题案例分析

本文实例讲述了JavaScript随机数的组合问题。分享给大家供大家参考，具体如下：随机数的组合问题在面试时是经常考的，比如之前我就被问到：“有一个可以生成１－５的随机数函数，怎样...

2020-05-16

200浏览

0评论

关于小程序与公众号跳转

1.公众号跳转小程序在文章里跳转：有图片、链接、小程序卡片共3种形式，可直接使用，无需关联；在公众号会话框跳转：直接跳转关联小程序、通过公众号模板消息跳转小程序、关注公众号...

2020-05-14

162浏览

0评论

小程序如何接入微信支付？（开发教程介绍）

本文主要讲述微信小程序接入微信支付开发过程中遇到的坑，分为两大块，小程序端和后台接口封装。一、后台接口封装本文介绍基于ThinkPHP5进行接口封装，具体步骤如下：1、微信支付官...

微信

2020-05-14

热门文章