JavaScript工具库MyTools详解

本文实例为大家分享了JavaScript工具库MyTools,不断填充中,供大家参考,具体内容如下MyTools.js
将功能绑定在window中,调用的时候,直接使用myToos.xxx就可以进行函数调用。(funct...

javascript实现超好看的3D烟花特效

本文实例为大家分享了超好看3D烟花的具体代码,供大家参考,具体内容如下<!doctype html><html><head><meta charset="utf-8"><title>3D烟花</title><style>html,body{ margin:0...

JS实现普通轮播图特效

本文实例为大家分享了JS实现轮播图特效的具体代码,供大家参考,具体内容如下知识点轮播图思想:① 建立一个全局变量索引,始终标记当前显示图片。
② 根据当前图片的数量,动态创建...

JS实现旋转木马轮播图

本文实例为大家分享了JS实现旋转木马轮播图的具体代码,供大家参考,具体内容如下知识点1、旋转木马思想:1)、固定五种图片的位置信息jsonArr进行布局
2)、点击<或者>会对jsonArr进...

JS实现导航栏楼层特效

本文实例为大家分享了JS实现导航栏楼层的具体代码,供大家参考,具体内容如下知识点1.多个事件有冲突的时候,需要设置flag判断是什么事件,进而进行后续操作。
2.楼层效果就是判断s...

nodejs开发一个最简单的web服务器实例讲解

开发一个最简单的http服务
require 引入http模块
创建http服务
侦听端口
实战案例vim server.js// 使用JavaScript最严格的语法,防止出现一些问题'use strict' // 引入http模...

在weex中愉快的使用scss的方法步骤

weex 是一个可以利用 vue 或者 Rax 编写跨平台手机应用的框架。为了让在 weex 有更好的样式编写体验,遂有了以下的方案。
1.初始化一个 weex 工程npm install weex-toolkit -...

JS实现秒杀倒计时特效

本文实例为大家分享了JS实现秒杀倒计时特效的具体代码,供大家参考,具体内容如下知识点添加一个定时器,对时间标签不断进行更新设置即可。
引入工具库工具库运行效果代码引入MyT...

Vue 实现简易多行滚动"弹幕"效果

看一下效果:
实现任意行数的定时翻滚效果,不使用重复标签的方式,而是根据展示个数判断是否缺省,并添加对应展示个数的重复项来实现。Vue 的演示代码如下:<template> <div class=...

jQuery实现的图片点击放大缩小功能案例

本文实例讲述了jQuery实现的图片点击放大缩小功能。分享给大家供大家参考,具体如下:我们不废话,直接上例子。首先利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果...

Vue 实现分页与输入框关键字筛选功能

分页的实现(Vue+Element)+输入框关键字筛选1.这里用的是Element 自带的分页组件<template><div class="sales-table"><div class="order-list-header">订单列表</div><div c...

微信小程序使用自定义组件导航实现当前页面高亮

最近开发小程序,需要做一个导航,导航可以通过template写出来,但是这个项目需要在导航中处理一些逻辑,做成组件更方便些。
首先新建header文件夹,里面新建对应的js、json、wxml、w...

JS代码触发事件代码实例

这篇文章主要介绍了js代码触发事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下/*** * 需要触发谁的点击事...

Element-UI+Vue模式使用总结

项目框架
Element-ui+Vue+jQuery+Bootstrap+Echarts。
嵌入vue使用的是<script>,没有使用vue-cli,请自行将<template>内代码贴入html,<style>内代码贴入样式表。checkbox全选...

微信小程序地图绘制线段并且测量(实例代码)

上图:上代码:wxml<map id="tb_map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" bindtap="clickMapTap" bindcontroltap="controltap" bindregiοnchange=...

微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案

效果图展示: 实现方法:在video中添加一个cover-view,在cover-view写两个cover-image,一个用来存储封面图、一个用来存放播放按钮,同级写一个cover-view用来完成封面上的文字,设置...

JS实现简单日历特效

本文实例为大家分享了JS实现简单日历特效的具体代码,供大家参考,具体内容如下知识点1.引入我的工具包
2.运用JavaScript内置对象 Date
运行效果代码<!DOCTYPE html><html lang...

uni-app如何实现增量更新功能

都知道,很多APP都有增量更新功能,Uni APP也是在今年初,推出了增量更新功能,今天我们就来学习一波。 当然,很多应用市场为了防止开发者不经市场审核许可,给用户提供违法内容,对增量...

file-loader打包图片文件时路径错误输出为[object-module]的解决方法

最近在学习使用webpack4.0自己搭建vue脚手架,在搭建过程中,踩了许多坑,使用file-loader打包图片文件时就遇到了以下的问题。这是我的webpack 处理打包图片相关配置项:...module:...

JS实现扫码枪扫描二维码功能

扫码枪扫描二维码,具体内容如下所示:业务需求要将数据生成二维码,并用扫码枪扫出数据上传到服务端。先上代码吧,之后再完善注意点this.start = new Date().getTime() let code...

Vue 实现登录界面验证码功能

登录界面SIdentify
创建验证码组件,实现绘画出图片验证码<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canv...

uni-app 支持多端第三方地图定位的方法

简介
该方法支持跳转第三方地图并定位指定坐标。APP端跳转至百度地图(第三方软件);若无,则跳转至高德地图(第三方软件);若均无,则打开腾讯地图(uni自带方法:uni.openLocation)
其它端打...

Angular8 实现table表格表头固定效果

最近项目中有个需求,表头固定,内部实现滚动条。除了单个表头,还有多个表头的情况(下一篇中介绍)。效果图:html 结构按区域划分可以分为三个大部分,一共是通过4个table 组合成一个整...

JavaScript 实现HTML DOM增删改查操作的常见方法详解

本文实例讲述了JavaScript 实现HTML DOM增删改查操作的常见方法。分享给大家供大家参考,具体如下:首先 js 可以修改HTML中的所有元素和属性,它还可以改变CSS样式,并且可以监听到...

JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】

本文实例讲述了JavaScript 变量,数据类型基础。分享给大家供大家参考,具体如下:这篇笔记呢,咱记录下变量和数据类型的基础知识,因为两者有联系 所以放在一起记录1 如何声明变量...

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

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

分享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><!--...

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

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

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

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

详解JavaScript修改注册表的方法

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

JavaScript修改注册表实例代码

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

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

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

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...

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...

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

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

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

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

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

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

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

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

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

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

JS实现音乐导航特效

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

返回顶部
顶部