编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

154浏览

0评论

基于javascript原生判断DOM是否加载完毕

readyState
document.readyState 返回当前文档的状态，属性如下： uninitialized 还未开始加载 loading 加载中 interactive 已加载，文档与用户可以开始交互 complete 加载完...

2020-11-24 15:33:56

147浏览

0评论

JavaScript Blob对象原理及用法详解

Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。blob是表示原始数据的不可变对象，这些数据不一定是JavaScript原生格式的，文件接口基于Blob，继承Blob功能并将其...

2020-11-24 15:33:54

177浏览

0评论

如何使用JS console.log()技巧提高工作效率

我们知道 console.log(message)用法很简单，表示将参数message 打印到控制台上。console.log('前端小智')
// 前端小智const myAge = 28
console.log(myAge) // 28
本文主要介...

2020-11-24 15:33:52

109浏览

0评论

浅谈js数组splice删除某个元素爬坑

先来看下几个概念：
// splice:返回从原始数组中删除的项（如果没有任何删除，则返回空数组） // 当指定2个参数时，表示删除 // 当指定3个参数，且第2个参数为0时表示插入 //...

2020-11-24 15:33:50

95浏览

0评论

如何通过JS实现日历简单算法

最近有用到日历可需要编辑文本的日历，为了绑定数据的方便，所以用js写了一套日历，其实思想也是很简单。实现步骤如下：1、首先取得处理月的总天数
js不提供此参数，我们需要计算。考...

2020-11-24 15:33:48

140浏览

0评论

JavaScript原生数组函数实例汇总

在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然...

2020-11-24 15:33:46

170浏览

0评论

js实现点击烟花特效

代码：<script type="text/javascript">function clickEffect() { let balls = []; let longPressed = false; let longPress; let multiplier = 0; let width, height;...

2020-11-24 15:33:43

171浏览

0评论

ES11新增的这9个新特性，你都掌握了吗

ECMAScript 2020 是 ECMAScript 语言规范的第11版。自1997年出版第一版以来，ECMAScript 已发展成为世界上使用最广泛的通用编程语言之一。ES2020(ES11) 引入了以下新特性： St...

2020-11-24 15:33:40

114浏览

0评论

JS如何操作DOM基于表格动态展示数据

公司做一个实时监控有一个地方需要把后台推送的数据动态的使用表格进行展示我知道有一些插件可以做，但问题是我找的那个插件发现动态更新数据时IE内存一直累积，最后会造成崩溃...

2020-11-24 15:33:38

157浏览

0评论

利用js实现简易红绿灯

HTML代码：在一个div容器内，设置3个span<body><div id="i1"> <span class="light red_light"></span> <span class="light yellow_light"></span> <span class="light green...

2020-11-24 15:33:35

121浏览

0评论

JavaScript通如何过RGraph实现动态仪表盘

目前针对于统计图的制作方法有很多，可以直接利用快逸报表中的自带统计图，还可以通过自定义统计图个性化定制，当然除此之外，在新的HTML5标准中，新增了一个非常重要的元素—canvas...

2020-11-24 15:33:33

191浏览

0评论

Swiper实现导航栏滚动效果

在一些移动app中，总能看到导航栏是可以滚动，下列例子是在vant的官方文档中看到的，这样的滚动效果利用Swiper也可以实现，效果实现的思路是，根据当前点击的“标签”为起点，当前标签...

2020-11-24 15:33:31

137浏览

0评论

JS highcharts实现动态曲线代码示例

Highcharts是一个制作图表的纯Javascript类库，　　　主要特性如下：　　兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；　　对个人用户完全免费；　　纯JS，无BS；　　支持大部...

2020-11-24 15:33:23

74浏览

0评论

如何手动实现一个 JavaScript 模块执行器

如果给你下面这样一个代码片段(动态获取的代码字符串)，让你在前端动态引入这个模块并执行里面的函数，你会如何处理呢?module.exports = { name : 'ConardLi', action :...

2020-11-24 15:33:21

141浏览

0评论

JS highcharts动态柱状图原理及实现

实现一个柱状图，这个柱状图的高度在不停的刷新，效果如下：官网是没有动态刷新的示例的，由于需要我查看了其源码，并根据之前示例做出了动态柱状图的效果，希望对同学们有用！看一下代码...

2020-11-24 15:33:19

369浏览

0评论

swiper4实现移动端导航栏tab滑动切换

swiper4移动端导航栏tab滑动切换效果，供大家参考，具体内容如下效果如图：首先引入swiper的css和js文件
官网下载地址<link href="swiper.min.css" rel="stylesheet"><script src...

2020-11-24 15:33:17

162浏览

0评论

JS绘图Flot应用图形绘制异常解决方案

今天再次动手用Flot，但是今天用的时候出现一些问题首次报错的是网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload...

2020-11-24 15:33:14

53浏览

0评论

JS绘图Flot如何实现动态可刷新曲线图

刚刚做的是一个静态的曲线图，只要设置数据，就可以直接显示。下面来做一个根据时间间隔根据新数据一直变的曲线绘图示例。同样，为了兼容不同浏览器，请一定要引入三个JS文件，否则不...

2020-11-24 15:33:12

91浏览

0评论

JS实现简易图片自动轮播

本文实例为大家分享了JS实现简易图片自动轮播的具体代码，供大家参考，具体内容如下<!doctype html><html> <head> <meta charset="utf-8" /> <title>自动播放选项卡</title> <s...

2020-11-24 15:33:10

170浏览

0评论

JS跨浏览器解析XML应用过程详解

首先介绍简单的理论：对于XML，我们可以理解它是一种树结构，它包含根，元素，属性，文本等内容。不同浏览器都有自己的解析器，把XML读入内存，并把它转换为可被 JavaScript 访问的 XML DOM...

2020-11-24 15:33:08

142浏览

0评论

JS绘图Flot如何实现可选显示曲线图功能

刚刚做了可以动态去刷新的曲线图，下面再来实现一个可以选择显示那个显示值的曲线图。首先看一下效果：下面的多选框，选择以后会触发一个事件，等同与重新绘制了曲线图。重点是需要...

2020-11-24 15:33:06

145浏览

0评论

详解webpack的clean-webpack-plugin插件报错

1、出错代码
const path = require('path')const CleanWebpackPlugin = require('clean-webpack-plugin')// const { CleanWebpackPlugin } = require('clean-webpack-plugi...

2020-11-24 15:33:04

150浏览

0评论

JS pushlet XMLAdapter适配器用法案例解析

近日有人咨询Pushlet XMLAdapter 适配器的问题，我特留意了一下
到官方看了一下http://www.pushlets.com/，Development Roadmap中最后面说到了这个问题，AJAX (XMLHttpRequest) S...

2020-11-24 15:33:02

197浏览

0评论

DWR内存兼容及无法调用问题解决方案

在上次遇到DWR内存泄漏问题后根据网上的内容对JS文件进行修改，修改后发现还有一些兼容的问题，同时还出现不能调用的一些情况。而且根据统计DWR就算内存泄漏，也不是特别严重，除非...

2020-11-24 15:33:01

94浏览

0评论

JS页面动态绘图工具SVG，Canvas，VML介简介

说到绘图、报表之类的技术，大家首先想到的就是Flex，当然也有许多了解javaapplet，对于这两种技术来说，各有利弊。
首先Flex很笨重，但是其效果实在让人喜欢。对于javaapplet来说，至...

2020-11-24 15:32:58

137浏览

0评论

从表单校验看JavaScript策略模式的使用详解

众所周知的是，表单确实在前端，唔，或者说在网页中占有不小的比重。事实上，几乎每一个中大型网站都会有“登录注册”以验证用户信息、防止一些不可名状的隐患。。。那么表单的优劣...

2020-11-24 15:32:56

404浏览

0评论

详解如何在Javascript中使用Object.freeze()

Object.freeze()
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有...

2020-11-24 15:32:53

166浏览

0评论

js中复选框的取值及赋值示例详解

1、复选框的取值：（js部分）
var checkboxdata = $(“input[name=payoperator]:checked”).map(function() {return $(this).val();}).get().join(",");<div class="form-group">...

2020-11-24 15:32:51

149浏览

0评论

详解如何使用React Hooks请求数据并渲染

前言
在日常的开发中，从服务器端异步获取数据并渲染是相当高频的操作。在以往使用React Class组件的时候，这种操作我们已经很熟悉了，即在Class组件的componentDidMount中通过aj...

2020-11-24 15:32:49

172浏览

0评论

JS实现4位随机验证码

本文实例为大家分享了JS实现4位随机验证码的具体代码，供大家参考，具体内容如下通过随机数编写一个不分大小写且含数字的4位随机数。CSS样式p{ width: 60px; height: 20px; dis...

2020-11-24 15:32:40

154浏览

0评论

js实现网页随机验证码

本文实例为大家分享了js实现网页随机验证码的具体代码，供大家参考，具体内容如下1、现在全选网站为了防止用户利用机器人自动注册、登录、灌水，采用了验证码技术。所谓验证码，就...

2020-11-24 15:32:37

134浏览

0评论

小程序实现左滑删除的效果的实例代码

前言:实现小程序滑动删除有几种方式,文章会简单列举两种实现,先看效果。
一、使用movable-view实现滑动先看官方文档简单解读一下movable-area标签的基本概念。movable-area...

2020-11-24 15:32:35

155浏览

0评论

微信小程序使用前置摄像头拍照

本文实例为大家分享了微信小程序使用前置摄像头拍照的具体代码，供大家参考，具体内容如下1、拍照页面：<template> <view title="拍照"> <camera v-if="openCamera" device-posit...

2020-11-24 15:32:15

166浏览

0评论

基于JavaScript实现简单抽奖功能代码实例

为什么会做这个东西呢，纯属好玩，闲的
其实是在上次班会的时候想到的，班会的时候叫人回答问题，没人回答
当时就想，我如果抽签抽到你了，你还是不回答吗？？好吧，一切都是扯淡
先来看看页...

2020-11-24 15:32:12

55浏览

0评论

React实现评论的添加和删除

本文实例为大家分享了React实现评论添加和删除的具体代码，供大家参考，具体内容如下一、效果图二、需求描述1. 手动输入用户名和评论内容，点击提交；输入内容被追加到右侧评论列表...

2020-11-24 15:32:09

128浏览

0评论

原生js实现俄罗斯方块

本文实例为大家分享了js实现俄罗斯方块的具体代码，供大家参考，具体内容如下效果如下html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo...

2020-11-24 15:32:06

133浏览

0评论

构建一个JavaScript插件系统

本文译自 https://css-tricks.com/designing-a-javascript-plugin-system/插件是库和框架的常见功能，并且有一个很好的使用它的理由：它们允许开发人员以安全，可扩展的方式添加...

2020-11-24 15:32:03

159浏览

0评论

UEditor 自定义图片视频尺寸校验功能的实现代码

ueditor是百度编辑器，官网地址：http://ueditor.baidu.com/website/UEditor支持单图、多图以及视频上传，编辑器配置项支持文件格式、文件大小校验，对于文件宽高尺寸校验暂不支持...

2020-11-24 15:32:01

142浏览

0评论

详解JavaScript类型判断的四种方法

JavaScript有八种内置类型，除对象外，其他统称为“基本类型”。空值（null) 未定义(undefined) 布尔值（boolean) 数字（number) 字符串（string) 对象 (object) 符号（symbol, E...

2020-11-24 15:31:57

156浏览

0评论

uniapp实现横向滚动选择日期

本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码，供大家参考，具体内容如下1.方法封装 common.js//获取当前时间，格式YYYY-MM-DD HH:MM:SSconst GetNowTime = time =...

2020-11-24 15:31:55

70浏览

0评论

原生小程序封装跑马灯效果

本文实例为大家分享了小程序封装跑马灯效果的具体代码，供大家参考，具体内容如下Marquee.wxml<view class="marquee_container " style="background:{{broadcast_arr.back_colo...

2020-11-24 15:31:53

108浏览

0评论

uniapp实现可滑动选项卡

本文实例为大家分享了uniapp实现可滑动选项卡的具体代码，供大家参考，具体内容如下tabControl-tag.vue<template name="tabControl"> <scroll-view scroll-x="true" :style="'b...

2020-11-24 15:31:51

275浏览

0评论

uniapp实现可以左右滑动导航栏

本文实例为大家分享了uniapp实现左右滑动导航栏的具体代码，供大家参考，具体内容如下<template> <view> <home-view></home-view> <view class="content-box" :id="isScale&#63...

2020-11-24 15:31:49

123浏览

0评论

js 图片懒加载的实现

1.使用场景　　当网页上有大量图片需要加载时，如果一次性将图片全部加载完，网页加载时间会过长；　　网页本身已经反应很慢了，如果你的页面上又需要引用图片，这时候同样是雪上加霜...

2020-11-24 15:31:47

284浏览

0评论

js 压缩图片的示例（只缩小体积，不更改图片尺寸）

本文作者：Marydon
原文链接：https://www.cnblogs.com/Marydon20170307/p/11486511.html1.情景展示　　如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。　　<input oncha...

2020-11-24 15:31:44

116浏览

0评论

ES11屡试不爽的新特性,你用上了几个

ES11规范于今年的年初完成，引入了许多新标准，本文讲着重研究下其中几个实用且有趣的新标准特性抢先知：私有变量 Promise.allSettled BigInt 全新的数据类型 Nullish Coale...

2020-11-24 15:31:43

391浏览

0评论

微信小程序基于高德地图API实现天气组件(动态效果)

在社区翻腾了许久，没有找到合适的天气插件。迫不得已，只好借鉴互联网上的web项目，手动迁移到小程序中使用。现在分享到互联网社区中，帮助后续有需要的开发者。1.组件介绍...

2020-11-24 15:31:40

212浏览

0评论

Javascript Symbol原理及使用方法解析

Symbol是ES6中新引入的一种基本数据类型，在此之前JavaScript中已有几种基本数据类型： Numberg String Boolean Null Undefined Object不同于其他基本类型的通俗易懂，Symb...

2020-11-24 15:31:33

151浏览

0评论

Javascript柯里化实现原理及作用解析

函数式编程是一种如今比较流行的编程范式，它主张将函数作为参数进行传递，然后返回一个没有副作用的函数，说白了，就是希望一个函数只做一件事情。像JavaScript，Haskell，Clojure等编...

2020-11-24 15:31:31

379浏览

0评论

微信小程序实现文件预览

微信小程序的文件预览，供大家参考，具体内容如下微信小程序的文件预览需要先使用wx.downloadFile下载文件，然后使用下载文件的临时路径通过wx.openDocument进行文件的预览wxml代...

2020-11-24 15:31:29

首页 «1014 101510161017 1018 »尾页

热门文章