JavaScript - 教程之家

119浏览

0评论

Vue实现剪贴板复制功能

小白单纯记录一下工作中遇到的需求:在vue中如何实现复制功能（注：依赖第三方插件 clipboard）一. 安装插件第一种直接npm安装： npm install clipboard --save 第二种： <script...

2020-05-27

159浏览

0评论

Vue通过配置WebSocket并实现群聊功能

原文链接：https://juejin.im/post/5e08d53a6fb9a0162b7f4bad写JQuery项目时，使用websocket很简单，不用去考虑模块化，组件之间的访问问题，面向文档编程即可，在Vue项目中使用时，远远...

2020-05-27

171浏览

0评论

TypeScript之调用栈的实现

本文介绍了TypeScript之调用栈，分享给大家，具体如下：class CallStackTool{ private static index:number = 0; public static printCallStack (count:number , simple: boole...

2020-05-27

111浏览

0评论

Vue 实现显示/隐藏层的思路（加全局点击事件）

问题描述：一个Icon点击出现菜单，点击菜单区域外任何区域菜单收起。
何为优雅的去解决上述问题？尽可能的采用vue来解决问题尽可能少的与原生对象发生交互代码干净、易懂...

2020-05-27

79浏览

0评论

使用webpack搭建vue环境的教程详解

1、安装node.js,在官网下载，直接下一步，完成。nodejs里默认包含npm环境。国内安装包的速度太慢，建议使用cnpm淘宝镜像。npm install -g cnpm --registry=https://registry.npm....

2020-05-27

300浏览

0评论

小程序实现长按保存图片的方法

微信浏览器打开h5页面如果是img标签的话，长按会弹出保存图片的选项。但是微信小程序里面不可以。需要自己写这个功能。这个功能有两个点，一个是长按，一个是保存图片到本地。1,...

2020-05-27

229浏览

0评论

小程序新版订阅消息模板消息

小程序订阅消息
功能介绍
消息能力是小程序能力中的重要组成，我们为开发者提供了订阅消息能力，以便实现服务的闭环和更优的体验。订阅消息推送位置：服务通知
订阅消息下发条...

2020-05-27

103浏览

0评论

javascript Canvas动态粒子连线

好久没写博客了，最近负责了公司年会的大屏签到、滚动抽奖、节目投票，整个项目做下来有惊也有喜。期间用到了Canvas制作动画，我这边就简单做了个动态粒子连线的例子与大家分享。...

2020-05-27

130浏览

0评论

JavaScript工具库MyTools详解

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

79浏览

0评论

JS实现普通轮播图特效

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

2020-05-27

85浏览

0评论

JS实现旋转木马轮播图

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

2020-05-27

73浏览

0评论

JS实现导航栏楼层特效

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

157浏览

0评论

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

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

2020-05-27

146浏览

0评论

JS实现秒杀倒计时特效

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

2020-05-27

206浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

123浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

105浏览

0评论

JS代码触发事件代码实例

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

2020-05-27

150浏览

0评论

Element-UI+Vue模式使用总结

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

2020-05-27

128浏览

0评论

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

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

2020-05-27

188浏览

0评论

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

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

2020-05-27

99浏览

0评论

JS实现简单日历特效

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

2020-05-27

120浏览

0评论

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

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

2020-05-27

158浏览

0评论

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

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

2020-05-27

547浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

677浏览

0评论

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

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

2020-05-27

213浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

147浏览

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

295浏览

0评论

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

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

2020-05-27

92浏览

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

116浏览

0评论

详解JavaScript修改注册表的方法

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

2020-05-27

86浏览

0评论

JavaScript修改注册表实例代码

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

2020-05-27

104浏览

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

220浏览

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

89浏览

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

97浏览

0评论

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

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

2020-05-27

142浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

100浏览

0评论

JS实现音乐导航特效

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

90浏览

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

热门文章