JavaScript - 教程之家

80浏览

0评论

JavaScript canvas仿代码流瀑布

本文实例为大家分享了canvas仿代码流瀑布的具体代码，供大家参考，具体内容如下在js部分写canvas代码，有详细注释html部分：一个canvas元素：<canvas id="canvas" ></canvas>css部分：<...

2020-05-27

86浏览

0评论

JavaScript canvas动画实现时钟效果

本文实例为大家分享了canvas动画实现时钟效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

2020-05-27

143浏览

0评论

详解Vue template 如何支持多个根结点

如果你试图创建一个没有根结点的 Vue template，像这样：<template> <div>Node 1</div> <div>Node 2</div></template>不出意外的话你会得到一个编译错误或者运行时错误，因为 tem...

2020-05-27

80浏览

0评论

js实现单元格拖拽效果

本文实例为大家分享了js实现单元格拖拽效果的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; p...

2020-05-27

65浏览

0评论

原生js拖拽实现图形伸缩效果

本文实例为大家分享了js拖拽实现图形伸缩效果的具体代码，供大家参考，具体内容如下点击矩形的四个角和四个边实现不同的效果<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27

111浏览

0评论

vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)

为了提高页面展示效果，登录界面内容比较单一的，粒子效果作为背景经常使用到，vue工程中利用vue-particles可以很简单的实现页面的粒子背景效果。解决问题：以背景方式显示
...

2020-05-27

91浏览

0评论

JS+DIV实现拖动效果

本文实例为大家分享了JS+DIV实现拖动效果的具体代码，供大家参考，具体内容如下效果图思路代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2020-05-27

93浏览

0评论

小程序如何定位所在城市及发起周边搜索

request封装为小程序get/post的promise封装rq.js/* * url {String} 请求地址接口 * data {Object} 请求参数 * param {Object} request参数 * method {String} 指定使用po...

2020-05-27

82浏览

0评论

node.js中process进程的概念和child_process子进程模块的使用方法示例

本文实例讲述了node.js中process进程的概念和child_process子进程模块的使用方法。分享给大家供大家参考，具体如下：进程，你可以把它理解成一个正在运行的程序。node.js中每个应...

2020-05-27

79浏览

0评论

原生js实现点击轮播切换图片

本文实例为大家分享了js实现点击轮播切换图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>点击轮播图</title></head><...

2020-05-27

97浏览

0评论

基于Angular 8和Bootstrap 4实现动态主题切换的示例代码

效果首先看看效果：本文将介绍如何基于Angular 8和Bootstrap 4来实现上面的主题切换效果。设计遵循Bootstrap的设计，我们会使用 bootswatch.com 提供的免费主题来实现上面的效...

2020-05-27

74浏览

0评论

node.js中 mysql 增删改查操作及async，await处理实例分析

本文实例讲述了node.js中 mysql 增删改查操作及async，await处理。分享给大家供大家参考，具体如下：要对mysql进行操作，我们需要安装一个mysql的库。一、安装mysql库npm install m...

2020-05-27

103浏览

0评论

JavaScript实现拖拽功能

本文实例为大家分享了JavaScript实现拖拽功能的具体代码，供大家参考，具体内容如下盒子拖拽—运用到的有onmousedown事件，onmousemove事件以及onmouseup事件1、当鼠标点击下去的...

2020-05-27

81浏览

0评论

node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例

本文实例讲述了node.js 使用 net 模块模拟 websocket 握手进行数据传递操作。分享给大家供大家参考，具体如下：websocket 是一种让浏览器与服务器之间建立持久的连接，并能进行双...

2020-05-27

87浏览

0评论

node.js实现http服务器与浏览器之间的内容缓存操作示例

本文实例讲述了node.js实现http服务器与浏览器之间的内容缓存操作。分享给大家供大家参考，具体如下：一、缓存的作用1、减少了数据传输，节约流量。2、减少服务器压力，提高服务器...

2020-05-27

201浏览

0评论

node.js使用yargs处理命令行参数操作示例

本文实例讲述了node.js使用yargs处理命令行参数。分享给大家供大家参考，具体如下：yargs库能够方便的处理命令行参数。一、安装 yargsnpm install yargs --save二、读取命令行...

2020-05-27

126浏览

0评论

JavaScript实现省份城市的三级联动

本文实例为大家分享了js实现省份城市的三级联动的具体代码，供大家参考，具体内容如下效果图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...

2020-05-27

179浏览

0评论

js实现圆形显示鼠标单击位置

本文实例为大家分享了js实现圆形显示鼠标单击位置的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>显示鼠标单击位置</t...

2020-05-27

164浏览

0评论

vue-resourc发起异步请求的方法

除了vue-resource之外，还可以使用'axios‘的第三方包实现数据的请求因为跨域失败访问不到，不过同域的可以直接访问.html文件来检验，这样可以不用搭服务器建议使用axios来进行异...

2020-05-27

249浏览

0评论

vue.config.js中配置Vue的路径别名的方法

在官方的vue-cli配置参考中存在一个configureWebpack
webpack中有一个配置路径别名的属性
const path = require('path')module.exports = { // 对象和函数都可以，如果要控...

2020-05-27

170浏览

0评论

JS实现TITLE悬停长久显示效果完整示例

本文实例讲述了JS实现TITLE悬停长久显示效果。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html...

2020-05-27

131浏览

0评论

Vue data的数据响应式到底是如何实现的

研究过程
一般形式
data:{ n:0 } ：以这样的方式存储数据，vue能够监听其变化吗？显然是不能的。
使用Obj.definePropertylet data1 = {}Object.defineProperty(data1, 'n', {valu...

2020-05-27

116浏览

0评论

Vue开发中遇到的跨域问题及解决方法

跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了...

2020-05-27

420浏览

0评论

vue-socket.io跨域问题有效解决方法

网友问题：使用了vue-cli这个脚手架工具。在开发环境中如何配置跨域这个我懂。但是使用npm run build后，里面所有的ajax的跨域请求url都变成了根目录。
这样该如何解决部署的跨...

2020-05-27

422浏览

0评论

浅析vue-router实现原理及两种模式

之前用Vue开发单页应用，发现不管路由怎么变化，浏览器地址栏总是会有一个'#'号。当时检查自己的代码，没有发现请求的地址带'#'，当时也很纳闷，但是由于没有影响页面的渲染以及向后...

2020-05-27

163浏览

0评论

node.js使用zlib模块进行数据压缩和解压操作示例

本文实例讲述了node.js使用zlib模块进行数据压缩和解压操作。分享给大家供大家参考，具体如下：我们可以使用 zlib 模块来对数据进行压缩和解压处理，减小数据体积，加快传输速度。...

2020-05-27

208浏览

0评论

解决三元运算符报错“SyntaxError: can''t assign to conditional expression”

运行代码：a=1b=1x=1 if a==b else x=0print(x)提示错误：File "test.py", line 3 x=a if a==b else x=0 ^SyntaxError: can't assign to conditional expressionexpression是...

2020-05-27

155浏览

0评论

node.js基于dgram数据报模块创建UDP服务器和客户端操作示例

本文实例讲述了node.js基于dgram数据报模块创建UDP服务器和客户端操作。分享给大家供大家参考，具体如下：node.js中 dgram 模块提供了udp数据包的socket实现，可以方便的创建udp...

2020-05-27

174浏览

0评论

linux 下以二进制的方式安装 nodejs

在一些linux环境下，安装最新的nodejs比较麻烦，因为受到linux源的影响，往往直接通过yum/apt安装的都不是想要的版本，因此，必须自己去选择对应的版本来安装。但是，nodejs官方又不...

2020-05-27

124浏览

0评论

十分钟教你上手ES2020新特性

前言ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。想阅读更多优质文章，请点击我的博客本文以...

2020-05-27

143浏览

0评论

使用webpack搭建pixi.js开发环境

本文介绍怎么使用webpack搭建pixi.js游戏的开发环境，怎么配置babel将ES6+代码最终转换为ES5，怎么利用gulp将webpack和其他脚本粘合一起优化项目并最终发布项目。
前提需要会...

2020-05-27

116浏览

0评论

JavaScript 替换所有匹配内容及正则替换方法

由于JavaScript 的 replace 只能替换一次，因此另外编写一个能现替换全部匹配内容方法，代码如下:/*把 content 中所有的 searchValue 替换为 replaceValue*/ function replace...

2020-05-27

191浏览

0评论

微信小程序实现树莓派（raspberry pi）小车控制

本文是基于上一篇“网页版树莓派小车控制程序”改造而成。主要也练习了一下微信小程序的开发。这里简单记录一下主要代码片段。也是趟过了许多的坑，例如：微信小程序不支持完全...

微信

2020-05-27

121浏览

0评论

JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析

本文实例讲述了JS+HTML实现自定义上传图片按钮并显示图片功能的方法。分享给大家供大家参考，具体如下：在web开发中，上传文件功能通过type为file的input标签即可实现。但input的...

2020-05-27

145浏览

0评论

JS FormData对象使用方法实例详解

本文实例讲述了JS FormData对象使用方法。分享给大家供大家参考，具体如下：FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表...

2020-05-27

140浏览

0评论

Vue export import 导入导出的多种方式与区别介绍

在使用vue导出时会有一个default关键字，下面举例说明下在导出时使用export和export default的对应的imort写法的区别一、部分导出和部分导入部分导出和部分导入的优势，当资源...

2020-05-27

124浏览

0评论

node.js使用stream模块实现自定义流示例

本文实例讲述了node.js使用stream模块实现自定义流。分享给大家供大家参考，具体如下：有些时候我们需要自定义一些流，来操作特殊对象，node.js中为我们提供了一些基本流类。我们新...

2020-05-27

248浏览

0评论

JavaScript 中的无穷数(Infinity)详解

为了保证的可读性，本文采用意译而非直译。Infinity(无穷大)在 JS 中是一个特殊的数字，它的特性是：它比任何有限的数字都大，如果不知道 Infinity，我们在一些运算操作遇到时，就会觉...

2020-05-27

83浏览

0评论

node.js中stream流中可读流和可写流的实现与使用方法实例分析

本文实例讲述了node.js中stream流中可读流和可写流的实现与使用方法。分享给大家供大家参考，具体如下：node.js中的流 stream 是处理流式数据的抽象接口。node.js 提供了很多流...

2020-05-27

109浏览

0评论

node.js中path路径模块的使用方法实例分析

本文实例讲述了node.js中path路径模块的使用方法。分享给大家供大家参考，具体如下：path模块是node.js中处理路径的核心模块。可以很方便的处理关于文件路径的问题。join() 将...

2020-05-27

174浏览

0评论

原生JS与JQ获取元素的区别详解

这篇文章主要介绍了原生JS与JQ获取元素的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下刚学JQ不久，有时候可能...

2020-05-27

71浏览

0评论

node.js中fs文件系统模块的使用方法实例详解

本文实例讲述了node.js中fs文件系统模块的使用方法。分享给大家供大家参考，具体如下：node.js中为我们提供了fs文件系统模块，实现对文件或目录的创建，修改和删除等操作。fs模块中...

2020-05-27

151浏览

0评论

JS实现页面数据懒加载

页面数据懒加载。Div移动到可视区域再去ajax加载内容。最近有需求做页面的多个table用于加载数据，但是用户浏览页面的时候不需要一次将页面所有的东西加载出来，比如页面上3个t...

2020-05-27

175浏览

0评论

jquery传参及获取方式(两种方式)

html写法<form id="myform"><input type="radio" value="1" name="gender">男<input type="radio" value="2" name="gender">女<input type="text" name="username&q...

2020-05-27

135浏览

0评论

JavaScript实现省市区三级联动

本文实例为大家分享了JavaScript实现省市区三级联动的具体代码，供大家参考，具体内容如下首先是js$(document).ready(function(){ getErpMarketByParentCode(0,'province',prov...

2020-05-27

324浏览

0评论

小程序卡片切换效果组件wxCardSwiper的实现

wxCardSwiper
小程序卡片切换效果组件. 支持异步添加卡片数据, 手势滑动触发.源码地址: https://github.com/doterlin/wxCardSwiper使用方法
将本项目文件中的components/ca...

2020-05-27

174浏览

0评论

Angular 多模块项目构建过程

引言两个月前，已存在录题系统，需要构建出题系统，且两套系统存在公用的实体、组件以及服务，如何在构建新系统的同时复用原系统的代码成为了项目难点。当时的解决方案是将两个系统...

2020-05-27

109浏览

0评论

JavaScript实现Tab选项卡切换

本文实例为大家分享了js实现选项卡切换的具体代码，供大家参考，具体内容如下会用到原生js的dom操作html<body> <div id="tab"> <div id="tab_header"> <ul> <li class="secle...

2020-05-27

123浏览

0评论

bootstrap-paginator服务器端分页使用方法详解

本文实例为大家分享了bootstrap-paginator服务器端分页的基本用法，供大家参考，具体内容如下HTML：<script src="../js/jquery-3.2.1.min.js"></script><script src="../js/boots...

2020-05-27

333浏览

0评论

基于vue的tab-list类目切换商品列表组件的示例代码

在大多数电商场景中，页面都会有类目切换加上商品列表的部分，页面大概会长这样每次写类似场景的时候，都需要去为类目商品列表写很多逻辑，为了提高开发效率我决定将这一部分抽离成...

2020-05-27

热门文章