JavaScript - 教程之家

34浏览

0评论

环形加载进度条封装（Vue插件版和原生js版）

本文实例为大家分享了环形加载进度条封装代码，供大家参考，具体内容如下1、效果预览2、用到的知识主要利用SVG的stroke-dasharray和stroke-dashoffset这两个属性。
在看下面文...

2020-05-27

58浏览

0评论

Vue实现图片与文字混输效果

本文转自：https://juejin.im/post/5de26d39e51d455da17be1e3用多了 JQuery ，习惯了使用JQuery的API操作 DOM ，几乎忘记了原生JS对DOM操作，今天在项目中遇到了文字和图片混输的情...

2020-05-27

113浏览

0评论

Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

1. 绑定元素2. mounted生命周期3. 实现思路页面挂载完后，监听全局点击事件获取当前点击的元素，根据需求获取当前元素本身的属性判断当前点击元素与要隐藏的元素是否相同...

2020-05-27

46浏览

0评论

Vue实现base64编码图片间的切换功能

前言昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了...

2020-05-27

51浏览

0评论

JavaScript中如何对多维数组(矩阵)去重的实现

今天碰到了一个问题，需要对一个数组矩阵进行去重处理。
比如如下数组矩阵：[ [1, 2, 3], [2, 3, 4], [2, 1, 3], [5, 6, 7] ]接下来是去重处理的方法。1.适用于纯数字数组矩阵...

2020-05-27

29浏览

0评论

jQuery实现全选、反选和不选功能的方法详解

本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考，具体如下：适用于网页多选后需要进行批量操作的场景（如批量删除等）。如有问题希望大家可以指正。谢...

2020-05-27

38浏览

0评论

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

字幕<div id="lBox" style="background-color: #D7E9F5;" :style="{'height': parentHeight + 'px', 'width': parentWidth + 'px'}"> <drag-resize v-for="(rect,...

2020-05-27

48浏览

0评论

使用vue-cli4.0快速搭建一个项目的方法步骤

前言最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！）所以使用的...

2020-05-27

149浏览

0评论

基于vue-cli3创建libs库的实现方法

前言：当我写这篇博客之前我想过这些问题，是否你也被困扰过呢？1：当你有自己觉得写的好的组件，是不是有一种想存下来，方便下一次使用的情况？2：是不是大多数时候都是使用cv大法？from "a"...

2020-05-27

316浏览

0评论

vue中使用极验验证码的方法（附demo）

前言：vue中使用极验验证码，最好是在页面渲染的时候（mounted)进行验证码的初始化，然后在初始化回调中绑定触发弹出验证码的事件。这样在点击按钮或者进行特定操作时能够快速的弹...

2020-05-27

53浏览

0评论

微信小程序request请求封装，验签代码实例

这篇文章主要介绍了微信小程序request请求封装，验签代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.公共文件u...

2020-05-27

48浏览

0评论

微信小程序日历插件代码实例

这篇文章主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.wxml代码<view class=...

2020-05-27

42浏览

0评论

微信小程序登录时如何获取input框中的内容

这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近写小...

2020-05-27

36浏览

0评论

基于javascript实现贪吃蛇经典小游戏

本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-05-27

50浏览

0评论

Vue组件通信中非父子组件传值知识点总结

前言：如果想要了解非父子关系的组件传值，最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。因为非父子传值是通过定义事件总线来代理实现父传子+...

2020-05-27

35浏览

0评论

Vue快速实现通用表单验证功能

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

2020-05-27

224浏览

0评论

nodejs环境使用Typeorm连接查询Oracle数据

首先是typeorm的官方地址，国内有人翻了中文版，不保证时效性·通过npm安装下列包:
typeorm //typeorm连接数据库 @types/node //类型系统 typescript //ts基础 oracledb /...

2020-05-27

54浏览

0评论

原生JS与CSS实现软件卸载对话框功能

今天给大家分享一个特别有意思的软件卸载对话框，鼠标在整个对话框里移动时，中间的人脸会作出不同的变化，当鼠标悬停到“保留”按钮上时，人脸的表情会变得开心，当鼠标悬停到“卸载...

2020-05-27

76浏览

0评论

Javascript中的this,bind和that使用实例

这篇文章主要介绍了Javascript中的this,bind和that使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Javascript...

2020-05-27

42浏览

0评论

React 父子组件通信的实现方法

通讯是单向的，数据必须是由一方传到另一方。1.父组件与子组件间的通信。在 React 中，父组件可以向子组件通过传 props 的方式，向子组件进行通讯。父组件 App.jsimport React, {...

2020-05-27

627浏览

0评论

微信小程序实现点击按钮后修改颜色

这篇文章主要介绍了微信小程序实现点击按钮后修改颜色,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下需实现的功能：
点...

2020-05-27

73浏览

0评论

微信小程序顶部导航栏可滑动并选中放大

这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下老规矩，先看效...

2020-05-27

186浏览

0评论

微信小程序swiper左右扩展各显示一半代码实例

这篇文章主要介绍了微信小程序swiper左右扩展各显示一半代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实现如...

2020-05-27

235浏览

0评论

Nuxt v-bind绑定img src不显示的解决

问题：
使用v-for循环， :src="item.url"，绑定图片无法显示，只能写成静态结构；原因：
直接写成静态的，会经过webpack进行编译，从而得到打包后正确的图片真实路径。
如果你写成动态的，web...

2020-05-27

76浏览

0评论

微信小程序自定义弹窗实现过程(附代码)

这篇文章主要介绍了微信小程序自定义弹窗实现过程(附代码),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序官网...

2020-05-27

56浏览

0评论

原生JavaScript实现滑动拖动验证的示例代码

本文介绍了原生JavaScript实现滑动拖动验证的示例代码，分享给大家，具体如下：通常，我们为了防止用户恶意提交表单，会让用户在提交前完成滑动拖动验证，有时候这也能起到一丝反爬的作...

2020-05-27

48浏览

0评论

ES6的异步操作之promise用法和async函数的具体使用

promise 基本用法
Promise 对象是一个构造函数，用来生成 Promise 实例。Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 和 reject。resolve 函数的作...

2020-05-27

49浏览

0评论

详解ECMAScript2019/ES10新属性

每年都有一些新的属性进入ECMA262标准，今年发布的ECMAScript2019/ES10同样也有很多新的特性，本文将会挑选一些普通开发者会用到的新属性进行深入的解读。
Array.prototype.fla...

2020-05-27

106浏览

0评论

vue中监听路由参数的变化及方法

在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。mounted: () =>{ this.id = this.$route.query.id; this.getdetail()}getDetail()方...

2020-05-27

202浏览

0评论

微信小程序中限制激励式视频广告位显示次数(实现思路)

微信小程序自从支持激励式视频广告位以后，很多小程序为了变现都加入了此广告位，广告正常观看结束的次数越多就越赚钱，但是观看次数的比率过高也会面临封号的风险，那么如何才能规...

2020-05-27

232浏览

0评论

微信小程序激励式视频广告组件使用详解

微信小程序搜索：短视频去水印解析目前微信小程序针对个人来说广告是最好的变现方式，广告主要分为：1. Banner2. 激励式视频3. 插屏Banner广告很简单，插入代码就可以显示这里介绍...

2020-05-27

243浏览

0评论

微信小程序添加插屏广告并设置显示频率(一天一次)

插屏广告
用户触发小程序中的特定场景时，插屏广告将自动向用户展现，用户可以随时关闭插屏广告。广告触发场景由流量主自定义，广告按曝光计费（CPM）。微信小程序今年新上线了插屏广...

2020-05-27

86浏览

0评论

微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能

实现类似ios端微信的左滑显示置顶、删除按钮的功能，首先需将按钮部分设为绝对定位，并且right设为负值溢出屏幕。利用小程序事件处理的api，分别读取触摸开始，触摸移动时，触摸结束...

2020-05-27

409浏览

0评论

微信小程序实现滑动翻页效果(完整代码)

微信小程序实现滑动翻页效果，效果图如下所示：源码：
<view class="mainFrame"> <swiper class="container" indicator-dots="{{indicatorDots}}" indicator-dots="{{indicatordo...

2020-05-27

60浏览

0评论

微信小程序实现滚动加载更多的代码

1.需要用到的组件和apiscroll-view（可滚动视图区域）wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的2.需要用到的属性 3.scrol-view需要指定一个高度，这个高度可...

2020-05-27

585浏览

0评论

微信小程序中插入激励视频广告并获取收益(实例代码)

最近微信小程序后台发送通知，小程序激励式视频广告组件日前已全量上线，也就是说大家可以在小程序中插入激励视频广告了，之前只允许小游戏可以使用。激励式视频广告用户在小程...

2020-05-27

71浏览

0评论

JavaScript中的函数申明、函数表达式、箭头函数

JavaScript中的函数可以通过几种方式创建，如下。// 函数声明function getName() {　　return 'Michael'}// 函数表达式const getName = function() {　　return 'Michael'}//...

2020-05-27

51浏览

0评论

js实现图片粘贴到网页

本文实例实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片粘贴</title> <s...

2020-05-27

54浏览

0评论

JQuery样式与属性设置方法分析

本文实例讲述了JQuery样式与属性设置方法。分享给大家供大家参考，具体如下：Jquery属性的获取与设置//找到第一个input，通过attr设置属性value的值$("input:first").attr('value...

2020-05-27

42浏览

0评论

JQuery常用简单动画操作方法回顾与总结

本文实例讲述了JQuery常用简单动画操作方法。分享给大家供大家参考，具体如下：jQuery基础动画回顾 .hide() 隐藏动画...

2020-05-27

311浏览

0评论

Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能详解

本文实例讲述了Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能。分享给大家供大家参考，具体如下：1、分页商品列表的分页实现是后台根据前端请求的页面大小、页码位置，...

2020-05-27

59浏览

0评论

Vue学习笔记之计算属性与侦听器用法

本文实例讲述了Vue计算属性与侦听器用法。分享给大家供大家参考，具体如下：vue之所以加载速度非常块，是因为在数据改变时，它并不是将所有组件都刷新，而是在重用代码的基础上对发生...

2020-05-27

70浏览

0评论

vue 实现LED数字时钟效果（开箱即用）

实现思路
每一个数字由七个元素构成，即每一个segment元素。0~9 的数字都有自己的构成方式，用数组表示，即digitSegments数组。例如：
数字0用数组表示就是[1,2,3,4,5,6]，定时器每...

2020-05-27

120浏览

0评论

详解小程序BackgroundAudioManager踩坑之旅

由于贵公司业务发展需要，切图仔开始写起了小程序啦（兴奋地搓小手手）贵公司是知识付费平台，需要音频播放课程，同时希望用户在退出小程序后依然可以听课。在这种情况下，小程序的API...

2020-05-27

118浏览

0评论

vue实现数字动态翻牌的效果（开箱即用）

实现效果图原理
将1~9的数字竖直排版，通过translate移动位置显示不同数字，使用transition控制transform属性有动画效果
技术点css 属性 writing-mode: vertical-lr，使数字竖直...

2020-05-27

88浏览

0评论

微信域名检测接口调用演示步骤（含PHP、Python）

微信域名检测接口是腾讯官方发布的api接口，调用检测接口即可返回域名在微信内的生存状态，如果已被拦截返回结果提示“域名被封”，如果未被拦截则返回结果提示“域名正常”。微...

2020-05-27

84浏览

0评论

详解一些适用于Node.js的命名约定

序言
There are only two hard things in Computer Science: cache invalidation and naming things.
-- Phil Karlton我乔鲁诺·乔巴拿有一个梦想，便是要成为程序员巨星。但...

2020-05-27

51浏览

0评论

JS中的模糊查询功能

在项目中会用到模糊查询，之前在首页是用的element的tree显示的目录，会有用到搜索，但tree里边会有自带的模糊查询，用filter-node-method方法使用但上次的项目中又涉及到不试用插...

2020-05-27

281浏览

0评论

vue vant Area组件使用详解

官网中给的内容太少，引入官网中的Area例子之后，发现弹出来的组件里并没有数据。
1.下载areaList.js并在使用的模板中引用官方网站 areaList.jsimport areaList from '../../a...

2020-05-27

52浏览

0评论

javascript数组元素删除方法delete和splice解析

这篇文章主要介绍了javascaipt数组元素删除方法delete和splice解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、...

2020-05-27

热门文章