JavaScript - 教程之家

76浏览

0评论

从零开始实现Vue简单的Toast插件

前言一直都觉得vue的插件生涩难懂，但是又很好奇，在看了几篇文章，试着写了写之后觉得也没那么难，本文主要实现一个简单的Toast插件，方便迁移到不同的项目中，用来全局提示、警告一些...

2020-05-27

65浏览

0评论

微信小程序显示倒计时功能示例【测试可用】

本文实例讲述了微信小程序显示倒计时功能。分享给大家供大家参考，具体如下：微信小程序中显示倒计时：index.wxml:<view class='countdown'>剩:<text style='color:#6B4EFD'> {{c...

2020-05-27

69浏览

0评论

swiper.js插件实现pc端文本上下滑动功能示例

本文实例讲述了swiper.js插件实现pc端文本上下滑动功能。分享给大家供大家参考，具体如下：在网站上看小说，文本太长时，靠鼠标去拖动滚动条太麻烦，鼠标滚轮又不精确，滚一下就不知道...

2020-05-27

64浏览

0评论

利用Vue构造器创建Form组件的通用解决方法

前言在前端平常的业务中，无论是官网、展示页还是后台运营系统都离不开表单，它承载了大部分的数据采集工作。所以如何更好地实现它，是平常工作中的一个重要问题。在应用Vue框架...

2020-05-27

62浏览

0评论

创建Vue项目以及引入Iview的方法示例

创建Vue项目以及引入Iview
官方文档
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走...

2020-05-27

57浏览

0评论

vue.js实现的全选与全不选功能示例【基于elementui】

本文实例讲述了vue.js实现的全选与全不选功能。分享给大家供大家参考，具体如下：elementui是有checkbox组件，不过问题在于checkbox组件内只能嵌套简单的字符串，如果要嵌入标签怎...

2020-05-27

67浏览

0评论

微信小程序在地图选择地址并返回经纬度简单示例

本文实例讲述了微信小程序在地图选择地址并返回经纬度功能。分享给大家供大家参考，具体如下：微信小程序的地址管理中，经常需要获取地址的详细地址信息和地址经纬度信息wxml文件...

2020-05-27

113浏览

0评论

微信小程序实现页面下拉刷新和上拉加载功能详解

本文实例讲述了微信小程序实现页面下拉刷新和上拉加载功能。分享给大家供大家参考，具体如下：web手机端或App中经常会有下拉刷新，上拉加载这些功能。微信小程序中如何实现下拉刷...

2020-05-27

89浏览

0评论

利用jquery和BootStrap实现动态滚动条效果

在某项目中遇到excel导入时客户要求显示滚动条效果，在此基础上使用js为其封装了个进度条类，只需要简单为其创建个div容器就可轻松实现效果，类具体如下：
<!DOCTYPE html><html la...

2020-05-27

96浏览

0评论

vue-cli3.0+element-ui上传组件el-upload的使用

最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对elem...

2020-05-27

83浏览

0评论

vue-music 使用better-scroll遇到轮播图不能自动轮播问题

根据vue-music视频中slider组建的使用，当安装新版本的better-scroll，轮播组件，不能正常轮播这是因为，better-scroll发布新版本之后，参数设置发生改变这是旧版本：组件为slider<tem...

2020-05-27

73浏览

0评论

Vue.js 图标选择组件实践详解

本文介绍了Vue.js 图标选择组件实践详解，分享给大家，具体如下：背景最近项目中在做一个自定义菜单需求，其中有一个为菜单设置小图标的功能，就是大家常见的左侧菜单
设置图标不难，方...

2020-05-27

106浏览

0评论

Vue项目中使用better-scroll实现一个轮播图自动播放功能

前言better-scroll是一个非常非常强大的第三方库在移动端利用这个库不仅可以实现一个非常类似原生ScrollView的效果也可以实现一个轮播图的效果这里就先记录一下自己实...

2020-05-27

83浏览

0评论

vue-better-scroll 的使用实例代码详解

首先安装better-scrollnpm i better-scroll -Sgoods页面模板<template> <div class="goods"> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li v-for="item i...

2020-05-27

68浏览

0评论

微信小程序之事件交互操作实例分析

本文实例讲述了微信小程序之事件交互操作。分享给大家供大家参考，具体如下：微信小程序—点击事件什么是事件？指点击，触摸，按下，滑动，松开，等一系列对手机屏幕操作。下面代码所要呈现...

2020-05-27

95浏览

0评论

JointJS流程图的绘制方法

最近项目上需要用流程图来做问题定界分析，之前有同事用jsPlumb做过，但是阅读代码后觉得比较麻烦，所以自己又找了一圈，找到一个叫Dagre-D3的开源类库，画出来的效果如下图，Dagre-D3...

2020-05-27

77浏览

0评论

React事件处理的机制及原理

React中的事件处理
在React元素中绑定事件有两点需要注意：（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成...

2020-05-27

78浏览

0评论

在vue项目中优雅的使用SVG的方法实例详解

1、基础介绍本文旨在介绍如何在项目中配置和方便的使用svg图标。
本文以vue项目为例，当然在react中的使用原理基本相似。
svg图标可以直接通过img标签来使用，也可当做icon来使...

2020-05-27

82浏览

0评论

浅析Vue.js中v-bind v-model的使用和区别

v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更...

2020-05-27

90浏览

0评论

解决JS表单验证只有第一个IF起作用的问题

文章来自：https://blog.csdn.net/qq_38215042/article/details/84675988具体代码如下所述：if（条件语句）｛ return false;｝else{ return true;}if（条件语句）｛ return false;｝else{ retur...

2020-05-27

76浏览

0评论

js实现下拉框二级联动

在做项目的时候，一个添加问题题目，选项和答案的问题，题目类型分为选择题，判断题，和多选题三种，此处需要添加一个二级联动的功能，即当题型为选择题的时候，正确选项的下拉框里出现的是...

2020-05-27

121浏览

0评论

小程序指纹验证的实现代码

最近接到一个私单，需要小程序里面实现指纹验证。。废话不多说，，先查小程序api。好的，在翻阅小程序api中，发现有一个生物认证的api。分别是wx.checkIsSoterEnrolledInDevice ， wx.c...

2020-05-27

58浏览

0评论

Vue源码解析之数组变异的实现

力有不逮的对象
众所周知，在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变。这是什么原因？原因在于： V...

2020-05-27

80浏览

0评论

vue 之 css module的使用方法

前言最近学习webpack看到了一个新鲜的东西，之前都是通过scoped来区别类名，秉着任何时候学习都不晚的心情，作为小白的我也想揭揭css module的神秘面纱。
css module目的为所有类...

2020-05-27

68浏览

0评论

zepto.js 实时监听输入框的方法

如下所示： $('#phone').on('input', function(e) { //实时监听手机号码输入框变化 if($('#phone').val()) { //输入框内容不为空 }else{ //...

2020-05-27

85浏览

0评论

elementUI中Table表格问题的解决方法

前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。在开发vue框架项目时，引入element插件，使用table表格组件时，遇到了一些问题，以下...

2020-05-27

115浏览

0评论

element ui table（表格）实现点击一行展开功能

前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。
element ui表格中有一个功能是展开行，在2.0版本官网例子中，只可以点击右箭头可...

2020-05-27

130浏览

0评论

React Native中Mobx的使用方法详解

前言从今天开始我们来搞搞状态管理可否，这几天没怎么写博客，因为被病魔战胜了，tmd，突然的降温让我不知所措，大家最近注意安全，毕竟年底了，查的严，呸，大家注意保暖特别声明：写该文只是...

2020-05-27

72浏览

0评论

nodejs 使用 js 模块的方法实例详解

Intro#最近需要用 nodejs 做一个爬虫，Google 有一个 Puppeteer 的项目，可以用它来做爬虫，有关 Puppeteer 的介绍网上也有很多，在这里就不做详细介绍了。 node 小白，开始的时候有...

2020-05-27

99浏览

0评论

详解webpack4之splitchunksPlugin代码包分拆

本文讲解的是最近在做的一个多页面项目，结合webpack4的splitChunks进行代码包分拆的过程项目框架项目有home和topic两个入口文件,主要包括： react、mobx、antd作为项目的基本...

2020-05-27

83浏览

0评论

vue项目每30秒刷新1次接口的实现方法

在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理我们先看一看2种常用定时器：setInterval(function(){}, milliseconds)——...

2020-05-27

105浏览

0评论

微信小程序之swiper滑动面板用法示例

本文实例讲述了微信小程序之swiper滑动面板用法。分享给大家供大家参考，具体如下：swiper就是为了以后做轮播图用的。下面是一些它的属性PS：关于微信小程序组件可参考本站在线工...

2020-05-27

88浏览

0评论

vue项目刷新当前页面的三种方法

想必大家在刨坑vue的时候也遇到过下面情形：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种：如果希望点击确定的时候，Dialog 对话框关闭的时候，当前ht...

2020-05-27

88浏览

0评论

微信小程序模板template简单用法示例

本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考，具体如下：模板呢，就是为了方便你重复写一些代码而建立的，目前我指发现它的功能适合建立一些表格类型的数...

2020-05-27

74浏览

0评论

vue实现的组件兄弟间通信功能示例

本文实例讲述了vue实现的组件兄弟间通信功能。分享给大家供大家参考，具体如下：兄弟组件间通信（event）借助于一个公共的Vue的实例对象，不同的组件可以通过该对象完成事件的绑定和...

2020-05-27

85浏览

0评论

jQuery利用FormData上传文件实现批量上传

在项目中涉及题库的批量上传功能，在此利用formdata进行文件上传，后台读取，进行批量插入。同时还需要带入teacherId和courseId两个参数，所以将文件和两个参数append到formdata中，...

2020-05-27

63浏览

0评论

使用jquery模拟a标签的click事件无法实现跳转的解决

问题描述
最近在使用jquery模拟a标签的click事件，无法触发其默认行为。即click()或trigger('click')无法触发href跳转。
<a id="aBtn" href="https://www.car-me.com/">去卡...

2020-05-27

90浏览

0评论

vue实现的双向数据绑定操作示例

本文实例讲述了vue实现的双向数据绑定操作。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta charset="UTF-8"> <title>经典的双向数据绑定</title> <scr...

2020-05-27

88浏览

0评论

用vuex写了一个购物车H5页面的示例代码

通过购物车的一个案列，把vuex学习了一篇。
vuex概念浅谈
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保...

2020-05-27

77浏览

0评论

vue自定义指令的创建和使用方法实例分析

本文实例讲述了vue自定义指令的创建和使用方法。分享给大家供大家参考，具体如下：一、自定义指令的创建和使用Vue自带的指令很多，v-for/v-if/v-else/v-else-if/v-model/v-bind/v...

2020-05-27

144浏览

0评论

使用FormData实现上传多个文件

本文实例为大家分享了FormData上传多个文件的具体代码，供大家参考，具体内容如下由于项目中使用到，特此写个Demohtml代码：<html><head> <title>Title</title> <script src="https...

2020-05-27

72浏览

0评论

Vue中的基础过渡动画及实现原理解析

前言在日常开发中动画是必不可少的一部分不仅能让元素直接的切换显得更加自然同时也能极大的增强用户体验因此在Vue之中也提供了非常强大的关于动画这方面的支持 Vue不...

2020-05-27

74浏览

0评论

详解vue中async-await的使用误区

曾经见过为了让钩子函数的异步代码可以同步执行，而对钩子函数使用async/await，就好像下面的代码：// exp-01export default { async created() { const timeKey = 'cost'; conso...

2020-05-27

83浏览

0评论

NodeJs实现简单的爬虫功能案例分析

1.爬虫：爬虫，是一种按照一定的规则，自动地抓取网页信息的程序或者脚本；利用NodeJS实现一个简单的爬虫案例，爬取Boss直聘网站的web前端相关的招聘信息，以广州地区为例；2.脚本所用到...

2020-05-27

85浏览

0评论

vue-cli3搭建项目的详细步骤

中文文档
https://github.com/vuejs/vue-docs-zh-cn在安装之前请装好nodeJs安装vue cli31. 检测vue 的版本vue -V (V大写)orvue --version2. 安装@vue/clinpm install -g @v...

2020-05-27

115浏览

0评论

JavaScript实现学生在线做题计时器功能

最近在项目中实现了一个学生在线做题的功能，其中需要记录学生的答题时间，所以就在前台写了个计时器效果如下：HTML部分：<div class="panel panel-default"> <label>答题计时：</lab...

2020-05-27

101浏览

0评论

JS获取月的第几周和年的第几周实例代码

下面一段代码给大家介绍JS获取月的第几周和年的第几周，具体代码如下所述：var getMonthWeek = function (a, b, c) { /* a = d = 当前日期 b = 6 - w = 当前周...

2020-05-27

105浏览

0评论

JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码

好久没有记录工作中遇到的问题，其中的原因之一应该是没有什么代表性的或者说是没有网上搜不到答案的，毕竟在大多数前端中我还是很渺小。今天写这个博客就是因为工作中遇到了问...

2020-05-27

107浏览

0评论

vue组件之间通信实例总结(点赞功能)

本文实例讲述了vue组件之间通信。分享给大家供大家参考，具体如下：总结：父组件--》子组件①通过属性步骤1：<son myName="michael" myPhone='123'></son><son :myName="userList[0...

2020-05-27

154浏览

0评论

node.js实现为PDF添加水印的示例代码

背景项目中有用到node做中间层，期间有个为PDF文件添加水印的需求，网上搜了不少帖子，发现有以下几点存在的问题。
1、单页PDF的话，可以用PNG图片加到PDF上，但是实际使用情况就没那...

2020-05-27

热门文章