JavaScript - 教程之家

60浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

74浏览

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

58浏览

0评论

js实现下拉框二级联动

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

63浏览

0评论

vue 之 css module的使用方法

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

104浏览

0评论

React Native中Mobx的使用方法详解

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

80浏览

0评论

详解webpack4之splitchunksPlugin代码包分拆

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

129浏览

0评论

使用FormData实现上传多个文件

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

71浏览

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

97浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

136浏览

0评论

JS实现简单的点赞与踩功能示例

本文实例讲述了JS实现简单的点赞与踩功能。分享给大家供大家参考，具体如下：HTML部分：赞:<button id="btn_zan">0</button>踩:<button id="btn_cai">0</button>JS部分：function d...

2020-05-27

94浏览

0评论

详解关于Angular4 ng-zorro使用过程中遇到的问题

写在前面由于现在网络上Angular 4的相关技术文档不是很充分，我写出这个采坑的记录文档，一方面是想给自己在项目中遇到的各种问题与个人的理解记录下来，另一方面也想着某些坑大...

2020-05-27

56浏览

0评论

JS+HTML5 canvas绘制验证码示例

本文实例讲述了JS+HTML5 canvas绘制验证码。分享给大家供大家参考，具体如下：css样式：<style>body{ text-align: center;}canvas{ background:#ddd;}</style>HTML部分：body中添...

2020-05-27

92浏览

0评论

详解如何在Angular优雅编写HTTP请求

引言
基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前...

2020-05-27

158浏览

0评论

node实现生成带参数的小程序二维码并保存到本地功能示例

本文实例讲述了node实现生成带参数的小程序二维码并保存到本地功能。分享给大家供大家参考，具体如下：注意：小程序必须要上线才能获取到小程序二维码，否则会报错。。使用node koa...

2020-05-27

85浏览

0评论

关于RxJS Subject的学习笔记

Observer Pattern观察者模式定义观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变...

2020-05-27

91浏览

0评论

jQuery的ztree仿windows文件新建和拖拽功能的实现代码

前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是树状菜单、树状数据。zt...

2020-05-27

77浏览

0评论

详解angularjs4部署文件过大解决过程

这是我人生的第一篇文章，写得不好，请见谅！本人是一个java web开发工程师，对angularjs4小有接触，最近看到一个漂亮的angularjs4的后台模板–angle，于是就在CSDN下载来测试一下，点击...

2020-05-27

85浏览

0评论

用WebStorm进行Angularjs 2开发(环境篇：Windows 10，Angular-cli方式)

自己学习使用了Angular JS 1一段时间，由于没有具体的项目进行尝试加上其它研究工作的影响，就搁置了一段时间。在与同事讨论技术选型时，才知道Angular JS 2的差别之大（孤陋了，莫见...

2020-05-27

114浏览

0评论

解决node-sass偶尔安装失败的方法小结

最近把Node从4.4.4升级到6.9.1版本，但是在执行npm i命令安装三方依赖包的时候出现了node-sass模块安装失败的问题。现在和大家分享下如何解决这个问题的方法分析原因Cannot d...

2020-05-27

56浏览

0评论

node和vue实现商城用户地址模块

本文为大家分享了node和vue商城用户地址模块的实现，供大家参考，具体内容如下server/models/user.jsvar mongoose = require('mongoose')var userSchema = mongoose.Schema({...

2020-05-27

79浏览

0评论

Vue实现本地购物车功能

本文实例为大家分享了Vue实现本地购物车功能的具体代码，供大家参考，具体内容如下功能分析 : v-for显示商品名字,价格,数量和对商品进行操作,全选的功能
结构仍然分成 : index....

2020-05-27

66浏览

0评论

微信小程序入门之广告条实现方法示例

本文实例讲述了微信小程序入门之广告条实现方法。分享给大家供大家参考，具体如下：在小程序页面，有时候需要弄一条广告条进去，作用可以用来提醒客户端，更加醒目，这种实现很容易，要用...

2020-05-27

109浏览

0评论

使用rollup打包JS的方法步骤

rollup 采用 es6 原生的模块机制进行模块的打包构建，rollup 更着眼于未来，对 commonjs 模块机制不提供内置的支持，是一款更轻量的打包工具。rollup 比较适合打包 js 的 sdk 或...

2020-05-27

182浏览

0评论

详解vue中的computed的this指向问题

今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this 箭头函数内部的this是词法作用域，由上下文确定函数体内的thi...

2020-05-27

87浏览

0评论

微信小程序实现图片滚动效果示例

本文实例讲述了微信小程序实现图片滚动效果。分享给大家供大家参考，具体如下：效果：左右滑动可以切换展示图片代码：<swiper> <swiper-i...

2020-05-27

84浏览

0评论

Vant的安装和配合引入Vue.js项目里的方法步骤

1.安装vantnpm i vant -S：这是简写形式。
npm install vant --save:这是完整写法。如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装。
npm install vant --...

2020-05-27

热门文章