JavaScript - 教程之家

72浏览

0评论

浅谈关于vue中scss公用的解决方案

简述
最近由于项目要求查阅了很多关于scss公用的文章，以下只是对那些文章进行简单的总结解决方法
a.当我们要使用scss文件的共用时，首先我们就要想到如何应当如何编辑scss文件...

2020-05-27

64浏览

0评论

Vue.js 无限滚动列表性能优化方案

问题
大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（ref...

2020-05-27

69浏览

0评论

Ant Design Pro 下实现文件下载的实现代码

最近编写在页面内通过 AJAX 请求服务器下载文件遇到一些问题，网上找的资料和介绍大多不健全不系统，最终自己摸索出来的解决方案，先简单写个初稿，后面再详细补充。表一：前端请求后...

2020-05-27

88浏览

0评论

微信小程序实现图片压缩

本文实例为大家分享了微信小程序图片压缩的具体代码，供大家参考，具体内容如下设计思路：选择图片后调用微信压缩图片接口，压缩后接收压缩图片的临时地址，调用微信储存接口保存图片...

2020-05-27

74浏览

0评论

JavaScript实现京东放大镜效果

本文实例为大家分享了JavaScript实现京东放大镜展示的具体代码，供大家参考，具体内容如下实现效果：1.鼠标放到图片上显示放大镜和详细图，鼠标离开时什么都不显示（效果消失）
2.鼠标...

2020-05-27

71浏览

0评论

JavaScript的console命令使用实例

这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.分类输出console...

2020-05-27

82浏览

0评论

angular inputNumber指令输入框只能输入数字的实现

1、建立一个独立模块用于作为公用指令的模块
1）生成模块ng g m directive2）进入指令模块目录cd directive3）生成一个只能输入数字的指令类ng g d numberinput4）指令模块directiv...

2020-05-27

98浏览

0评论

JS实现压缩上传图片base64长度功能

这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下im发送图片，现将图...

2020-05-27

66浏览

0评论

Vue实现验证码功能

本文实例为大家分享了Vue实现验证码的具体代码，供大家参考，具体内容如下1.效果2.代码2.1 创建js组件内容（可直接粘贴过去，需要改宽度和高度，修改_init方法中的宽和高）function GVe...

2020-05-27

75浏览

0评论

js实现时分秒倒计时

本文实例为大家分享了js实现时分秒倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</ti...

2020-05-27

125浏览

0评论

node静态服务器实现静态读取文件或文件夹

现在我们已经大致了解了node 的基本工作原理，现在来实现一个系统的功能读取文件或者文件夹采坑记录中文输出乱码问题res.statusCode = 200res.setHeader('Content-Type', 't...

2020-05-27

61浏览

0评论

vue中实现高德定位功能

一、获取key及在index.htm中引入首先需要成为高德开发者，申请到适合项目的key.并在index.html中进行引入<script type="text/javascript" src="https://webapi.amap.com/maps...

2020-05-27

63浏览

0评论

JS实现的雪花飘落特效示例

本文实例讲述了JS实现的雪花飘落特效。分享给大家供大家参考，具体如下：首先我们要创建一个HTML文件，将其命名为index.html<!DOCTYPE html><html><head> <title> Canvas - 雪花...

2020-05-27

85浏览

0评论

jQuery轮播图功能制作方法详解

本文实例讲述了jQuery轮播图功能制作方法。分享给大家供大家参考，具体如下：在写轮播图之前我们先看看这个轮播图完成后的样式是怎样的

素材图片：

代码HTML代码<!DOCTYPE htm...

2020-05-27

96浏览

0评论

vue项目中极验验证的使用代码示例

使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调...

2020-05-27

84浏览

0评论

在vue和element-ui的table中实现分页复选功能

背景
后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现页面结构如下<el-table class="table" :data="tableData" border sty...

2020-05-27

58浏览

0评论

element-ui 远程搜索组件el-select在项目中组件化的实现代码

在项目中发现使用el-select时写的比较多重复代码，还有就是同一个页面使用el-select会出现label值会显示value值，
el-select组件化：<template> <el-select :class="obj&&keywor...

2020-05-27

57浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

137浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

60浏览

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

83浏览

0评论

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

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

2020-05-27

177浏览

0评论

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

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

2020-05-27

364浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

251浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

661浏览

0评论

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

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

213浏览

0评论

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

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

2020-05-27

259浏览

0评论

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

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

2020-05-27

116浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

74浏览

0评论

详解ECMAScript2019/ES10新属性

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

2020-05-27

146浏览

0评论

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

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

2020-05-27

257浏览

0评论

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

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

2020-05-27

268浏览

0评论

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

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

2020-05-27

281浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

热门文章