JavaScript - 教程之家

196浏览

0评论

JavaScript canvas绘制渐变颜色的矩形

本文实例为大家分享了canvas绘制渐变颜色的矩形的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <s...

2020-02-24

168浏览

0评论

原生javascript制作的拼图游戏实现方法详解

本文实例讲述了原生javascript制作的拼图游戏实现方法。分享给大家供大家参考，具体如下：实现方法//1、让所有的li（在ul里）可以拖拽//2、交换li的位置计算背景图位置//1、让所...

2020-02-24

177浏览

0评论

小程序websocket心跳库(websocket-heartbeat-miniprogram)

前言在16年的时候因为项目接触到websocket，而后对心跳重连做了一次总结，写了篇博客，而后18年对之前github上的demo代码进行了再次开发和开源，最终封装成库。如下：github: https:/...

2020-02-24

163浏览

0评论

原生JavaScript之es6中Class的用法分析

本文实例讲述了原生JavaScript之es6中Class的用法。分享给大家供大家参考，具体如下：es6class写法class Point { constructor(x, y) { this.x = x; this.y = y; } toString()...

2020-02-24

255浏览

0评论

TensorFlow.js 微信小程序插件开始支持模型缓存的方法

通常情况下，微信小程序追求的是短小精悍，即开即用，用完即走，适用于一些简单的应用场景。然而，随着微信小程序开放能力的提高，人们发现用微信小程序可以实现越来越多的功能，小程序也...

微信

2020-02-24

140浏览

0评论

如何通过JS实现转码与解码

这篇文章主要介绍了如何通过JS实现转码与解码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下escape 和 unescapeescape...

2020-02-24

136浏览

0评论

JavaScript中this函数使用实例解析

这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下普通函数普通函数...

2020-02-24

550浏览

0评论

vue中实现动态生成二维码的方法

最近项目中有个裂变分享的需求，需要在页面中根据分享人的身份动态生成二维码图片放置在页面中，所以研究了一下这个功能的实现，同时把实现过程记录如下：1.引入二维码生成模块npm...

2020-02-24

168浏览

0评论

纯js实现无缝滚动功能代码实例

这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下HTML代码<!--父容器要...

2020-02-24

239浏览

0评论

Javascript原生ajax请求代码实例

这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下class Ajax...

2020-02-24

155浏览

0评论

基于javascript实现获取最短路径算法代码实例

这篇文章主要介绍了基于javascript实现获取最短路径算法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如...

2020-02-24

157浏览

0评论

Javascript Worker子线程代码实例

这篇文章主要介绍了Javascript Worker子线程代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下main.js code://创...

2020-02-24

306浏览

0评论

微信小程序webSocket的使用方法

本篇博客介绍微信小程序中webSocket的使用方法，以及如何用局部网络建立webSocket连接，进行客户端与服务器之间的对话： webSocket简介微信小程序端API调用服务器端使用nodejs...

微信

2020-02-24

185浏览

0评论

如何基于js判断浏览器版本

这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下浏览器类型判断不考虑对 I...

2020-02-24

252浏览

0评论

javaScript 实现重复输出给定的字符串的常用方法小结

本文实例讲述了javaScript 实现重复输出给定的字符串的常用方法。分享给大家供大家参考，具体如下：实现功能：重复输出字符串（重要的事情说3遍）重复一个指定的字符串 num次，如果num...

2020-02-24

134浏览

0评论

JS通过识别id、value值对checkbox设置选中状态

通过value值设置checkbox选中html<input type="checkbox" name="ChekRole" value="1" >超级管理员<input type="checkbox" name="ChekRole" value="2">学生<input type="che...

2020-02-24

248浏览

0评论

Javascript实现html转pdf高清版（提高分辨率）

网上一些关于js实现html转pdf的文章大部分最终转成的PDF都不够清晰，今天为大家介绍如何提高js实现html转pdf的清晰度引入js文件https://cdn.bootcss.com/jquery/3.4.1/jquery...

2020-02-24

158浏览

0评论

使用Js获取、插入和更改FCKeditor编辑器里的内容

之前在一个系统里使用了FCKeditor编辑器，由于项目需求需要在FCKeditor里添加一个自定义的按钮用于实现自己的需求主要是在点击该按钮时删除或添加FCKeditor编辑器里的内容其...

2020-02-24

150浏览

0评论

JS实现判断移动端PC端功能

这篇文章主要介绍了JS实现判断移动端PC端功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下博客上的小精灵看起来很可...

2020-02-24

177浏览

0评论

JS获取表格视图所选行号的ids过程解析

这篇文章主要介绍了JS获取表格视图所选行号的ids过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实例化数组遍...

2020-02-24

762浏览

0评论

微信小程序vant弹窗组件的实现方式

作为从事前端开发的你肯定见过不少的弹框组件，你可曾有想过要自己实现一个弹框组件库，又或者想完全定制化的使用各种标准UI框架中的弹框组件呢？今天这篇文章将会带着你解析这一...

微信

2020-02-24

202浏览

0评论

微信小程序 bindtap 传参的实例代码

微信小程序 bindtap 传参，代码如下所示：//index.wxml<view bindtap="changeIndex" data-src="我固定参数"></view>//index.jspage({ data:{ }, changeIndex(e){ console.log(...

微信

2020-02-24

226浏览

0评论

微信小程序实现限制用户转发功能的实例代码

在小程序的开发过程，你是不是也经常遇到这么一个需求，用户希望某个页面只能自己转发分享，不希望被别人再次分享出去，接下来我们聊聊如何实现这个功能。限制用户转发需要解决两个...

微信

2020-02-24

207浏览

0评论

原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】

本文实例讲述了原生javascript运动函数的封装。分享给大家供大家参考，具体如下：//封装匀速运动//参数：// 1、dom对象// 2、样式属性（top，left，width，height，opacity等等）// 3、起始位...

2020-02-24

230浏览

0评论

用js实现简单算法的实例代码

一.冒泡排序var arr1=[3,9,2,7,0,8,4];for(var i=0;i<arr1.length;i++){　　for(var j=i+1;j<arr1.length;j++){　　　　var temp=0;　　　　if(arr1[i]>arr1[j]){　　　　...

2020-02-24

305浏览

0评论

js内置对象处理_打印学生成绩单的简单实现

任务：1.通过js的内置对象得到当前日期var date=new Date();var year=date.toString().slice(11,15);document.write(year.toString()+"年");var month=date.getMonth();month...

2020-02-24

163浏览

0评论

js原生跨域_用script标签的简单实现

刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助.作为新手,就写一下简单的吧,院子里面有很多大牛, 说句实话,他们的...

2020-02-24

165浏览

0评论

浅谈js常用内置方法和对象

JS内置函数不从属于任何对象，在JS语句的任何地方都可以直接使用这些函数。JS中常用的内置函数如下：1、eval(str)接收一个字符串形式的表达式，并试图求出表达式的值。作为参数的...

2020-02-24

187浏览

0评论

让DIV的滚动条自动滚动到最底部的3种方法(推荐)

要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如...

2020-02-24

160浏览

0评论

浅谈JS中的!=、== 、!==、===的用法和区别

var num = 1; var str = '1'; var test = 1; test == num //true　相同类型　相同值 test === num //true　相同类型　相同值 test !== num //false tes...

2020-02-24

210浏览

0评论

js日期相关函数dateAdd,dateDiff,dateFormat等介绍

Js获取当前日期时间及其它操作var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth...

2020-02-24

161浏览

0评论

关于JS中二维数组的声明方法

如下所示：var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 m...

2020-02-24

172浏览

0评论

jQuery 的58种事件方法你都用过了吗

jQuery 事件方法事件方法触发或将函数附加到所选元素的事件处理程序。下表列出了用于处理事件的所有jQuery方法。方法描述 bind() 在3.0版中已弃用。请...

2020-02-23

186浏览

0评论

JavaScript DOM 操作CSS

更改P元素的样式：<html><body><p id="p2">Hello World!><script>document.getElementById("p2").style.color = "blue";</script><p>The paragraph above was changed by a s...

2020-02-23

150浏览

0评论

jQuery选择器

1.获取父级元素$("#id").parent()获取其父级元素$("#id").parents()获取其所有的祖先元素$("#id").closest()获取其最近的祖先元素，依次上溯-------------------------------...

2020-02-23

152浏览

0评论

JavaScript定时器

js 定时器执行一次和重复执行1- 执行一次(延时定时器)var t1 = window.setTimeout(function() {console.log('1秒钟之后执行了')},1000)window.clearTimeout(t1)...

2020-02-23

172浏览

0评论

js获取服务器时间

公司官网使用的是dedecms，在自定义表单中新建了一个表单作为留言框，而且需要记录用户留言的时间。初步是想法是用户打开页面的时候，记录时间，然后写入到一个隐藏的input里面，跟随...

2020-02-23

229浏览

0评论

jquery展开、折叠菜单，支持一键展开、折叠

之前有朋友问到，趁现在无聊（主要是太久没更新），来简单说一下这个jquery展开、折叠菜单，其实大家也可以右键直接看源码的。这主要是三部分，html、css、jquery：HTML部分<div class="s...

2020-02-23

178浏览

0评论

jquery键盘左右翻页，实现键盘方向键翻页功能

无聊时候折腾的一个模版，需要用到这功能，便百度找了一下，测试过后记录一下，说不定以后也需要用到呢。PS：此代码短小，并且在谷歌、火狐、IE9上面测试都是正常的。jquery键盘左右翻...

2020-02-23

212浏览

0评论

javascprit显示网站运行时间

经常逛网站，细心的话会发现，有些网站底部会显示本站稳定运行XX年XX天，甚至后面还显示XX时、XX秒。方法一：只显示运行天数这个简单很多，只显示运行天数，代码如下：JavaScript本站已安...

2020-02-23

162浏览

0评论

jquery倒计时效果插件

这个案例是使用jquery实现的一个比较常见的倒计时效果，现实中我们经常会在购物网站上看到某商品定时开抢或某活动开始等，基本都是这么实现的，下面首先看一下这个倒计时效果图！<h...

2020-02-22

182浏览

0评论

常用的js固定层代码

网页中常会用到固定层这样的效果，可以放广告，可以放标签，可以放关注。现在我把代码分享出来：js代码如下：if ($('#follow-us')){ var followUsPosition = $('#foll...

2020-02-21

177浏览

0评论

js(jquery)实现鼠标拖动DIV功能

本文分享一个使用js实现的鼠标拖动div的效果，不同于网上其他的案例，这里实现的是鼠标按在菜单上移动，整个DIV跟着移动的效果。具体细节就不分析了，自己看下面的代码吧！<!DOCTYPE...

2020-02-20

299浏览

0评论

js打印数组,js打印对象的方法

web开发中在调试js的时候经常需要打印数组，打印对象。由于js本身没有像php那样可以直接打印数组和对象的函数，所以作者经过研究自己总结了两种方法来解决了这个问题，下面就来看...

2020-02-20

169浏览

0评论

js报TypeError $(...) is null错误，jquery失效的原因及解决办法

最近在工作中发现个问题，原本好好的网页，写了一些自己的jquery代码之后，竟然总是不起作用，无论写的多么简单，都不起作用，似乎jquery失效了一般，在火狐下调试看了下，页面报TypeError...

2020-02-20

175浏览

0评论

jquery判断页面是否已经加载了jquery文件

动态加载的js代码，如果网页中包含有jquery代码，一般首先需要判断一下页面是否有加载Jquery文件，如果加载了，直接写js代码，如果没有加载，还得先加载一下jquery代码，然后才可以使用一...

2020-02-20

479浏览

0评论

jquery click()方法模拟点击事件对a标签不生效的解决办法

a标签正常使用方式<a href="www.freexyz.cn"></a>问题分析点击A标签本身，并不会触发跳转到指定链接的事件，就是说，我们平时都是点击的A标签中的文字了。所以要想用JS模拟点击A...

2020-02-20

1371浏览

0评论

如何获取监听iframe src属性的改变事件

应用场景，当iframe内发生点击事件内容改变时，如果我们想获取变化后的iframe的 src 属性值，根据相应的 src 值做一些特殊处理。这里我们就可以使用如下方式去获取：<iframe src="h...

2020-02-20

154浏览

0评论

使用javascript动态加载js文件

使用javascript动态加载js文件并执行的方法。方法一：jquery加载jQuery.getScript()函数用于通过HTTP GET形式的加载JavaScript文件并运行它函数可以加载跨域的JS文件。请注意...

2020-02-20

251浏览

0评论

jquery的click 事件点击一次会累加执行多次的解决方法

用jquery绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后累加越来越多。后来查看文档发现 jquery click 不是替换原有的function ，而是接着添加，所以...

2020-02-20

热门文章