JavaScript - 教程之家

112浏览

0评论

jQuery 选择器用法基础入门示例

本文实例讲述了jQuery 选择器用法。分享给大家供大家参考，具体如下：今儿个开始学习jQuery，在学习jQuery之前我们应该掌握js，我之前也写过几篇笔记，但是只是小部分的知识，js也不是...

2020-05-27

191浏览

0评论

分享JS表单验证源码（带错误提示及密码等级）

先晒图index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Index</title> <link rel="stylesheet" href="css/style.css"></head><body><!--...

2020-05-27

320浏览

0评论

Vue 解决路由过渡动画抖动问题(实例详解)

前言Vue-Router 作为 Vue 的核心模块，它为我们提供了基于组件的路由配置、路由参数等功能，让单页面应用变得更易于管理。良好的路由管理尤为重要，比如路由拦截、路由懒加载、路...

2020-05-27

112浏览

0评论

js判断非127开头的IP地址的实例代码

js验证回送地址，IP地址不能以127开头回送地址（127.x.x.x）是本机回送地址（Loopback Address）var ipNotStartWith127 = function(ip) { try { var data = ip.split("."), ip1;...

2020-05-27

140浏览

0评论

详解JavaScript修改注册表的方法

本实例主要通过WshShell 对象的相关方法实现。WshShell对象是WSH（WSH是Windows ing Host的缩写，内嵌于Windows操作系统中的脚本语言工作环境）的内建对象，主要负责程序的本地运行...

2020-05-27

117浏览

0评论

JavaScript修改注册表实例代码

注册表有关安全设置项的说明：注册表路径：HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones1. Zones 项包含表示为计算机定义的...

2020-05-27

122浏览

0评论

nodejs对mongodb数据库的增加修删该查实例代码

以下是实例代码：/**1.npm install mongodb --save-dev / cnpm install mongodb --save-dev2.var MongoClient = require('mongodb').MongoClient; var url = 'mongodb://loca...

2020-05-27

234浏览

0评论

vue 对axios get pust put delete封装的实例代码

axios.jsimport axios from 'axios';import Qs from 'qs';import {Message} from 'element-ui'; axios.defaults.baseURL = "/api";// 设置请求超时时间axios.defaults.tim...

2020-05-27

100浏览

0评论

Nodejs封装类似express框架的路由实例详解

代码如下var http=require('http');var ejs=require('ejs');var app=require('./model/express-route.js');console.log(app);http.createServer(app).listen(3000);app.get...

2020-05-27

112浏览

0评论

详解jQuery中的prop()使用方法

prop()定义和用法prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多...

2020-05-27

171浏览

0评论

原生js实现文件上传、下载、封装等实例方法

一、下载1、代码const fileDownloadClick = (obj) => { // 解决兼容 if( document.all ){ obj.click(); } else { let event = document.createEvent("MouseEvents"); e...

2020-05-27

108浏览

0评论

Node中对非阻塞I/O、事件循环的知识点总结

Node.js的主要特点
单线程、非阻塞I/O、事件驱动，这三个特点是相辅相成的。Node为了在低硬件服务器条件下高并发，所以减少了内存消耗，选择单线程；因为只有一个线程，所以必须非阻...

2020-05-27

118浏览

0评论

Vuejs中的watch实例详解(监听者)

最近刚刚追完庆余年，心思还总是在剧情里，然后就觉得在vuejs里watch就是监察院，一个不折不扣的特务机构。在Vue中watch被称为监听者，它随时观察这vue实例中每一个数据的变化，当数...

2020-05-27

146浏览

0评论

使用vue实现一个电子签名组件的示例代码

在生活中我们使用到电子签名最多的地方可能就是银行了，每次都会让你留下大名。今天我们就要用vue实现一个电子签名的面板
想要绘制图形，第一步想到的就是使用canvas标签，在之前...

2020-05-27

121浏览

0评论

JS实现音乐导航特效

本文实例为大家分享了JS实现音乐导航特效的具体代码，供大家参考，具体内容如下知识点1.audio.play() 播放音频
2.audio.currentTime = 0 从头开始播放
3.引入工具库工具库
运行...

2020-05-27

103浏览

0评论

基于jQuery实现挂号平台首页源码

第二个版本：点击预约挂号可跳转到排班表，获取之后7个星期的排班先放图首先是index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title...

2020-05-27

122浏览

0评论

JS正则表达式验证端口范围(0-65535)

javascript正则表达式验证IP地址的端口合法性if (!(/^[1-9]\d*$/.test(port) && 1 <= 1 * port && 1 * port <= 65535)){ return false}提示文案：您的端口不符合范围：0-65535P...

2020-05-27

140浏览

0评论

Node.js创建一个Express服务的方法详解

本文实例讲述了Node.js创建一个Express服务的方法。分享给大家供大家参考，具体如下：1、创建一个HttpServer服务端在node.js官网下载好node的Windows版本后一路下一步安装好了n...

2020-05-27

103浏览

0评论

React学习之受控组件与数据共享实例分析

本文实例讲述了React学习之受控组件与数据共享。分享给大家供大家参考，具体如下：在HTML当中，像<input>,<textarea>, 和 <select>这类表单元素会自己储存值，并且根据用户输入进行...

2020-05-27

136浏览

0评论

借助云开发实现小程序短信验证码的发送

最近在做小程序验证码登陆时，用到了短信发送验证码的需求，自己也研究了下，用云开发结合云函数来实现验证码短信发送还是很方便的。老规矩，先看效果图
这是我调用腾讯云的短信平...

2020-05-27

196浏览

0评论

vue学习之Vue-Router用法实例分析

本文实例讲述了vue学习之Vue-Router用法。分享给大家供大家参考，具体如下：Vue-router就像一个路由器，将组件(components)映射到路由(routes)后，通过点击<router-link>它可以在<r...

2020-05-27

314浏览

0评论

nodeJs的安装与npm全局环境变量的配置详解

最近在做小程序开发时，有用到云函数，而云函数就是用node.js写的，所以其中难免会用到一些node类库。用node类库就必选在电脑上安装node.js环境，并且配置npm命令的环境变量。用mac...

2020-05-27

176浏览

0评论

React学习之JSX与react事件实例分析

本文实例讲述了React学习之JSX与react事件。分享给大家供大家参考，具体如下：1、JSX1.1、表达式在React中使用JSX来描述HTML页面，而且可以与js混合使用，使用JavaScript表达式时要...

2020-05-27

654浏览

0评论

vue 微信扫码登录(自定义样式)

使用插件
https://www.npmjs.com/package/vue-wxlogin
// 安装npm install vue-wxlogin --save-dev// 组件中引入import wxlogin from 'vue-wxlogin'...components: { wxlog...

2020-05-27

153浏览

0评论

Vue学习之axios的使用方法实例分析

本文实例讲述了Vue学习之axios的使用方法。分享给大家供大家参考，具体如下：Axios 是一个用于实现网络数据请求的JavaScript库，可以用在网页和 node.js 中，用于创建 XMLHttpReque...

2020-05-27

193浏览

0评论

Vue+abp微信扫码登录的实现代码示例

最近系统中要使用微信扫码登录，根据微信官方文档和网络搜索相关文献实现了。分享给需要的人，也作为自己的一个笔记。后端系统是基于ABP的，所以部分代码直接使用了abp的接口，直接...

2020-05-27

127浏览

0评论

Vue学习之组件用法实例详解

本文实例讲述了Vue学习之组件用法。分享给大家供大家参考，具体如下：Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。组件分为全局组件与局部组...

2020-05-27

126浏览

0评论

Vue学习之常用指令实例详解

本文实例讲述了Vue常用指令。分享给大家供大家参考，具体如下：1、创建一个vue实例vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更...

2020-05-27

217浏览

0评论

Vue前端项目部署IIS的实现

背景：最近用vue写了个demo(不涉及调用后台数据)，为了给销售团队更好的给客户讲述产品的一些特点及大体的感官认识。需要将自己做的项目安装到他们的笔记本上面去，作为一个销售...

2020-05-27

154浏览

0评论

Vue-CLI与Vuex使用方法实例分析

本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考，具体如下：1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工具，它可以快速帮你创建一个Vue项目的文...

2020-05-27

122浏览

0评论

React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析

本文实例讲述了React Native中ScrollView组件轮播图与ListView渲染列表组件用法。分享给大家供大家参考，具体如下：1、Scroll ViewScrollView是React Native提供的滚动视图组件...

2020-05-27

114浏览

0评论

JS实现音乐钢琴特效

本文实例为大家分享了JS实现音乐钢琴的具体代码，供大家参考，具体内容如下知识点1.keydown键盘按下事件
2.ev[‘keyCode'] 获取当前按键
3.引入工具库工具库
运行效果1-9控制按...

2020-05-27

177浏览

0评论

JS实现字体背景跑马灯

本文实例为大家分享了JS实现字体背景跑马灯的具体代码，供大家参考，具体内容如下知识点1.通过 @keyframes 规则，创建动画。
2.背景作用域：
background-clip: text;-webkit-backgr...

2020-05-27

121浏览

0评论

JS实现电商商品展示放大镜特效

本文实例为大家分享了JS实现电商商品展示放大镜的具体代码，供大家参考，具体内容如下知识点1.使用children获取字标签组
2.求当前鼠标坐标
3.碰撞检测
4.大小盒子通过比例同步...

2020-05-27

343浏览

0评论

JavaScript实现联动菜单特效

一篇关于JavaScript特效的文章，今天给大家带来联动菜单特效，这可能是一个系列哦！效果图和以前一样，先发效果图，然后在进行讲解。代码<!DOCTYPE html><html><head> <meta charset=...

2020-05-27

111浏览

0评论

小程序跨页面交互的作用与方法详解

去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也...

2020-05-27

198浏览

0评论

详解微信小程序之提高应用速度小技巧

WeTest 导读小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。1、提高页面加载速度在小...

2020-05-27

148浏览

0评论

微信小程序wx.navigateTo方法里的events参数使用详情及场景

个人理解wx.navigateTo方法里的events参数使用详情及场景微信小程序在2.7.3版本wx.navigateTo这个方法中新增了events这个属性
微信官方文档里面写的很模糊，在微信公众平台的...

2020-05-27

109浏览

0评论

vue实现数据控制视图的原理解析

这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点：这块内容该从哪边入手数据变化是如何驱动视图...

2020-05-27

432浏览

0评论

微信小程序接入腾讯云验证码的方法步骤

前言：最近做了一个小程序抽奖的活动，出现了部分用户恶意薅羊毛的现象，因此考虑接入腾讯云的验证码。其实腾讯的官方文档写的相当清晰：https://cloud.tencent.com/doc...
不想啃...

2020-05-27

79浏览

0评论

webpack 最佳配置指北(推荐)

前言对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以...

2020-05-27

178浏览

0评论

微信小程序服务器日期格式化问题

"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)"一般服务器获取到的日期都是这样的，我们需要对其进行格式化在utils目录创建filter.wxs文件filter.wxs//日期格式化var f...

2020-05-27

126浏览

0评论

Vue程序化的事件监听器(实例方案详解)

某些第三方插件必须在当前组件卸载后清除该实例（比如说百度的富文本框UEditor 如果不清除再次在下个组件使用时会有bug，类似于小程序的语音实例，必须离开页面的时候销毁当前...

2020-05-27

716浏览

0评论

解决vue elementUI中table里数字、字母、中文混合排序问题

1.使用场景使用elementUI中的table时，给包含数字字母中文的名称等字段排序例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）2.代码解析<el-table ref="multipleTab...

2020-05-27

146浏览

0评论

electron+vue实现div contenteditable截图功能

最近在学习基于electron + electron-vue开发聊天客户端项目时，需要用到编辑器插入表情功能。一般通过input或textarea也能实现，通过插入[笑脸]、(:12 这些标签，展示的时候解析...

2020-05-27

188浏览

0评论

vue项目中在可编辑div光标位置插入内容的实现代码

vue项目中在可编辑div光标位置插入内容html：<div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item" @dragstart="dragStart($event, item.labelName)" draggable='tru...

2020-05-27

104浏览

0评论

JS实现吸顶特效

本文实例为大家分享了JS实现吸顶特效的具体代码，供大家参考，具体内容如下知识点1.scroll家族和offset家族的结合运用
2.当nav的offsetTop大于屏幕卷去高度的时候，进行吸顶
3.添...

2020-05-27

150浏览

0评论

微信小程序实现吸顶效果

最开始的时候，在小程序中实现吸顶效果，开发工具看起来还挺好的，但是在真机上就会有问题了。原因是我不停的去 setData 会导致操作反馈延迟严重，无法及时将操作处理结果及时传递...

2020-05-27

138浏览

0评论

vue.js自定义组件实现v-model双向数据绑定的示例代码

我们都清楚v-model其实就是vue的一个语法糖，用于在表单控件或者组件上创建双向绑定。//表单控件上使用v-model<template> <input type="text" v-model="name" /> <input type...

2020-05-27

146浏览

0评论

js实现移动端吸顶效果

今天来简单的写一个吸顶，供大家参考，具体内容如下先罗列一下吸顶需要使用到的属性
** scrollTop 获取当前滚动的距离（也就是盒子距离顶部的距离）
offsetTop 盒子距离顶部的高度...

2020-05-27

热门文章