小程序清除定时器clearinterval无效的原因
微信小程序如果使用了setInterval计时器，默认退回上一页或关闭页面并不会清空定时器clearinterval，这会造成手机过热、无限计时、甚至小程序挂死的情况。小程序clearinterval...
2020-03-21
禁止页面被复制和禁止右键，一段样式一段JS就行了，无需复杂设定！
小伙伴经常问怎么禁止页面复制和右键，其实这个问题百度一下是很多资料的，我估计小伙伴都懒，所以这里统一回复下：找到模板里面的</head>，在上面加如下代码就行了<style type="text...
2020-03-08
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
做微信小程序项目的时候遇到一个功能，个人信息资料的修改与保存。以下是说明及简化后的代码：1.页面加载完成时，所有input处于禁用状态； 2.点击编辑按钮时，文字切换成“保存&...
2020-03-07
微信小程序实现下滑到底部自动翻页功能
前言这段时间接了一个微信小程序项目，从此打开小程序的新世界大门。然后发现使用页码进行翻页已经不适用于手机app，我们日常中实用的手机app或者小程序进行翻页一般都是使用底...
2020-03-07
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
最近业务上需要动态渲染模板数据，好久没写前端代码了，有点生疏，将思路简单写下来，防老：一、业务需求：1.前端后端定义好模板以及变量名，保存数据库2.订单数据是前端根据支付结果获取...
2020-03-07
js实现选项卡效果
本文实例为大家分享了js实现选项卡效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onl...
2020-03-07
js实现简单放大镜效果
用js实现简单放大镜效果，供大家参考，具体内容如下此处放大镜实现的效果就是当鼠标放置在图片上会有半透明遮罩，图片的一个区域就会被放大，然后展示在右边。当鼠标移动时右边的大...
2020-03-07
js实现文字头像的生成代码
使用canvas画出文字就好啦function gen_text_img(size, s) { let colors = [ "rgb(239,150,26)", 'rgb(255,58,201)', "rgb(111,75,255)", "rgb(36,174,34)", "rgb(...
2020-03-07
JavaScript队列结构Queue实现过程解析
一、队列简介队列是是一种受限的线性表，特点为先进先出（FIFO：first in first out）。受限之处在于它只允许在表的前端（front）进行删除操作；在表的后端（rear）进行插入操作；相当于排队买...
2020-03-07
原生JS实现萤火虫效果
本文实例为大家分享了JS实现萤火虫效果的具体代码，供大家参考，具体内容如下上代码之前，先看一下效果：CSS部分（此处用元素模拟萤火虫，背景可自行设置）：<style> .box{width: 4px;heigh...
2020-03-07
JavaScript实现轮播图片完整代码
本文实例为大家分享了JavaScript实现轮播图片的具体代码，供大家参考，具体内容如下JS代码注释清晰明了，一看就懂！<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"...
2020-03-07
JS实现瀑布流效果
本文实例为大家分享了JS实现瀑布流效果的具体代码，供大家参考，具体内容如下话不多说，直接上代码。如下：CSS部分：<style> .cont{margin: 0 auto;position: relative;} .box{float:...
2020-03-07
PHP实现微信小程序在线支付功能(代码实例)
小程序访问地址：payfee.php 如果使用TP框架处理后台的话，写成方法即可include 'WeixinPay.php';$appid=''; //小程序appid$openid= $_POST['id'];$mc...
2020-03-07
jquery/js当前URL对当前栏目高亮突出显示的两种方案
html:<div class="nav"><ul><li><a href="index.html">首 页</a></li><li><a href="b.html">专家观点</a></li><li><a href="c.html">课题研讨</a></li>...
2020-03-07
JS继承定义与使用方法简单示例
本文实例讲述了JS继承定义与使用方法。分享给大家供大家参考，具体如下：<script>function Enemy() { this.level = 50; console.log("Enemy constructor"); }Enemy.prototy...
2020-02-24
JavaScript实现PC端四格密码输入框功能
本文实例为大家分享了JavaScript实现PC端四格密码输入框的具体代码，供大家参考，具体内容如下html代码如下比较简洁的一个demo<!DOCTYPE html><html> <head> <meta charset="UT...
2020-02-24
JS实现分页导航效果
前言最近的项目需要添加一个分页导航的功能，没有用网上封装好的文件。通过JS自己简单实现了效果。下面和大家分享一下。内容下图为首次加载后的效果，默认显示5页，当点击下一页...
2020-02-24
JavaScript中的惰性载入函数及优势
定义惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函数被调用时再处理，在第一次调用中，该函数会覆盖为另外一个按合适方式执行的函数，这...
2020-02-24
Vue.js仿Select下拉框效果
本文实例为大家分享了Vue.js仿Select下拉框效果的具体代码，供大家参考，具体内容如下废话少说，直接上图上代码：效果图：HEML：<div id="demo"> <h2 class="title">自定义下拉框</h2>...
2020-02-24
js实现百度淘宝搜索功能
本文实例为大家分享了js实现百度淘宝搜索功能的具体代码，供大家参考，具体内容如下由于没有后台数据，用数组模拟一下后台返回的数据<!DOCTYPE html><html lang="en"><head> <met...
2020-02-24
JavaScript canvas绘制折线图
本文实例为大家分享了canvas绘制折线图的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> c...
2020-02-24
JavaScript canvas绘制渐变颜色的矩形
本文实例为大家分享了canvas绘制渐变颜色的矩形的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <s...
2020-02-24
原生javascript制作的拼图游戏实现方法详解
本文实例讲述了原生javascript制作的拼图游戏实现方法。分享给大家供大家参考，具体如下：实现方法//1、让所有的li（在ul里）可以拖拽//2、交换li的位置 计算背景图位置//1、让所...
2020-02-24
小程序websocket心跳库(websocket-heartbeat-miniprogram)
前言在16年的时候因为项目接触到websocket，而后对心跳重连做了一次总结，写了篇博客，而后18年对之前github上的demo代码进行了再次开发和开源，最终封装成库。如下：github: https:/...
2020-02-24
原生JavaScript之es6中Class的用法分析
本文实例讲述了原生JavaScript之es6中Class的用法。分享给大家供大家参考，具体如下：es6class写法class Point { constructor(x, y) { this.x = x; this.y = y; } toString()...
2020-02-24
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
通常情况下，微信小程序追求的是短小精悍，即开即用，用完即走，适用于一些简单的应用场景。然而，随着微信小程序开放能力的提高，人们发现用微信小程序可以实现越来越多的功能，小程序也...
2020-02-24
如何通过JS实现转码与解码
这篇文章主要介绍了如何通过JS实现转码与解码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下escape 和 unescapeescape...
2020-02-24
JavaScript中this函数使用实例解析
这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下普通函数普通函数...
2020-02-24
vue中实现动态生成二维码的方法
最近项目中有个裂变分享的需求，需要在页面中根据分享人的身份动态生成二维码图片放置在页面中，所以研究了一下这个功能的实现，同时把实现过程记录如下：1.引入二维码生成模块npm...
2020-02-24
纯js实现无缝滚动功能代码实例
这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下HTML代码<!--父容器要...
2020-02-24
Javascript原生ajax请求代码实例
这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下class Ajax...
2020-02-24
基于javascript实现获取最短路径算法代码实例
这篇文章主要介绍了基于javascript实现获取最短路径算法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如...
2020-02-24
Javascript Worker子线程代码实例
这篇文章主要介绍了Javascript Worker子线程代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下main.js code://创...
2020-02-24
微信小程序webSocket的使用方法
本篇博客介绍微信小程序中webSocket的使用方法，以及如何用局部网络建立webSocket连接，进行客户端与服务器之间的对话： webSocket简介 微信小程序端API调用 服务器端使用nodejs...
2020-02-24
如何基于js判断浏览器版本
这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下浏览器类型判断不考虑对 I...
2020-02-24
javaScript 实现重复输出给定的字符串的常用方法小结
本文实例讲述了javaScript 实现重复输出给定的字符串的常用方法。分享给大家供大家参考，具体如下：实现功能：重复输出字符串（重要的事情说3遍）重复一个指定的字符串 num次，如果num...
2020-02-24
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
Javascript实现html转pdf高清版（提高分辨率）
网上一些关于js实现html转pdf的文章大部分最终转成的PDF都不够清晰，今天为大家介绍如何提高js实现html转pdf的清晰度引入js文件https://cdn.bootcss.com/jquery/3.4.1/jquery...
2020-02-24
使用Js获取、插入和更改FCKeditor编辑器里的内容
之前在一个系统里使用了FCKeditor编辑器，由于项目需求需要在FCKeditor里添加一个自定义的按钮用于实现自己的需求主要是在点击该按钮时删除或添加FCKeditor编辑器里的内容其...
2020-02-24
JS实现判断移动端PC端功能
这篇文章主要介绍了JS实现判断移动端PC端功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下博客上的小精灵看起来很可...
2020-02-24
JS获取表格视图所选行号的ids过程解析
这篇文章主要介绍了JS获取表格视图所选行号的ids过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实例化数组遍...
2020-02-24
微信小程序vant弹窗组件的实现方式
作为从事前端开发的你肯定见过不少的弹框组件，你可曾有想过要自己实现一个弹框组件库，又或者想完全定制化的使用各种标准UI框架中的弹框组件呢？今天这篇文章将会带着你解析这一...
2020-02-24
微信小程序 bindtap 传参的实例代码
微信小程序 bindtap 传参 ，代码如下所示：//index.wxml<view bindtap="changeIndex" data-src="我固定参数"></view>//index.jspage({ data:{ }, changeIndex(e){ console.log(...
2020-02-24
微信小程序实现限制用户转发功能的实例代码
在小程序的开发过程，你是不是也经常遇到这么一个需求，用户希望某个页面只能自己转发分享，不希望被别人再次分享出去，接下来我们聊聊如何实现这个功能。限制用户转发需要解决两个...
2020-02-24
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
本文实例讲述了原生javascript运动函数的封装。分享给大家供大家参考，具体如下：//封装匀速运动//参数：// 1、dom对象// 2、样式属性（top，left，width，height，opacity等等）// 3、起始位...
2020-02-24
用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
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
js原生跨域_用script标签的简单实现
刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助.作为新手,就写一下简单的吧,院子里面有很多大牛, 说句实话,他们的...
2020-02-24
浅谈js常用内置方法和对象
JS内置函数不从属于任何对象，在JS语句的任何地方都可以直接使用这些函数。JS中常用的内置函数如下：1、eval(str)接收一个字符串形式的表达式，并试图求出表达式的值。作为参数的...
2020-02-24
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如...
2020-02-24
