编程开发 - 教程之家

编程开发

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

60浏览

0评论

js实现搜索提示框效果

本文实例为大家分享了js实现搜索提示框效果的具体代码，供大家参考，具体内容如下首先写静态页面<div class="container">  <input type="text" id="search" /...

2020-11-24 15:56:31

193浏览

0评论

js实现炫酷光感效果

本文实例为大家分享了js实现炫酷光感效果的具体代码，供大家参考，具体内容如下首先写一个大盒子<div class="main"></div>然后给这个大盒子添加样式* { margin: 0; padding: 0;...

2020-11-24 15:56:29

140浏览

0评论

JS+CSS实现炫酷光感效果

JS+CSS带你实现炫酷光感效果，供大家参考，具体内容如下效果一：（螺旋式沉浸视觉感受）效果二：（旋涡式远观视觉感受）实现代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...

2020-11-24 15:56:02

121浏览

0评论

js实现简单的无缝轮播效果

本文实例为大家分享了js实现简单无缝轮播效果的具体代码，供大家参考，具体内容如下*{ margin: 0; padding: 0;}#box{ width: 500px; height: 200px; padding: 5px; margin: 50p...

2020-11-24 15:55:54

388浏览

0评论

小程序实现可拖动的悬浮按钮

小程序悬浮可移动的客服按钮，供大家参考，具体内容如下<movable-area class="movable-area">//根据x,y设置初次显示的位置 <movable-view x="600rpx" y="750rpx" animation="{{...

2020-11-24 15:55:52

197浏览

0评论

一篇文章带你从零快速上手Rollup

前言项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前...

2020-11-24 15:55:48

123浏览

0评论

JavaScript实现世界各地时间显示

本文实例为大家分享了JavaScript实现世界各地时间显示的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam...

2020-11-24 15:55:46

127浏览

0评论

JavaScript实现多球运动效果

本文实例为大家分享了JavaScript实现多球运动的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2020-11-24 15:55:43

141浏览

0评论

详解JavaScript的this指向和绑定

注意：本文属于基础篇，请大神绕路。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下。this 指向的类型刚开始学习 JavaScript 的时候，this 总是最能让人迷惑，下面...

2020-11-24 15:55:31

53浏览

0评论

JavaScript 事件代理需要注意的地方

我们知道，如果给 form 里面的 button 元素绑定事件，需要考虑它是否会触发 form 的 submit 行为。除此之外，其它场合给 button 元素绑定事件，你几乎不用担心这个事件会有什么非预...

2020-11-24 15:55:28

146浏览

0评论

浅析JavaScript 函数柯里化

柯里化 (Currying)是把接收多个参数的原函数变换成接受一个单一参数（原来函数的第一个参数的函数)并返回一个新的函数，新的函数能够接受余下的参数，并返回和原函数相同的结果。...

2020-11-24 15:55:26

140浏览

0评论

谈谈JavaScript中的函数

JS中的函数简介JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装，然后供调用方无限制的调用。JS中的函数的定义JS中函数定义...

2020-11-24 15:55:22

150浏览

0评论

基于postman获取动态数据过程详解

1、在 Tests 中处理返回报文为 json 格式的示例：因为充值记录接口中需要用到登录接口返回报文中的信息如下　　以获取 token（JWT）和 uid 为例　　在登录接口的tests中写...

2020-11-24 15:55:09

122浏览

0评论

JavaScript数组类型Array相关的属性与方法详解

Array数组类型详解在ECMAScript中除了object类型之外，Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值，无需指定数组的长度，还可以随着数据的增长来...

2020-11-24 15:55:00

57浏览

0评论

JS删除对象中某一属性案例详解

代码如下var obj={ name: 'zhagnsan', age: 19 }delete obj.name //truetypeof obj.name //undefined通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔可以删...

2020-11-24 15:54:58

79浏览

0评论

javascript使用canvas实现饼状图效果

使用canvas写一个饼状图，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-11-24 15:54:56

194浏览

0评论

使用js和canvas实现时钟效果

使用js和canvas写一个时钟，供大家参考，具体内容如下<!DOCTYPE html>`<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-11-24 15:54:54

133浏览

0评论

图解JS原型和原型链实现原理

在我初学 JS 语言的继承机制原型和原型链的时候，我一直理解不了这种设计机制，再加上之前原有对 Java继承的理解，在学习 JS 继承机制的设计上踩了一个大坑，很多知识点前期都是死...

2020-11-24 15:53:19

123浏览

0评论

javascript自定义加载loading效果

本文实例为大家分享了javascript自定义加载loading效果的具体代码，供大家参考，具体内容如下加载中图片，底色为白色(看不到)效果如图：使用方法this.tool.showLoading('加载中', t...

2020-11-24 15:53:12

135浏览

0评论

JavaScript常用工具函数汇总（浏览器环境）

前端业务中比较常用的JavaScript工具函数，浏览器环境常用，可直接拷贝在项目里使用。这里统一整理，方便查阅，本文章会持续更新。一、file转为base64/** * file转为base64 * @para...

2020-11-24 15:53:09

160浏览

0评论

前端性能优化建议

前言：一说到性能优化，大家都不约而同的想起了雅虎的军规，2-5-8原则，3秒的首屏准则等等，这些规则在开发中虽然不是强制要求的，但是为了追求页面性能的完美体验，就不得不对代码进行修...

2020-11-24 15:53:07

112浏览

0评论

JavaScript编码小技巧分享

三元操作符如果使用if...else语句，那么这是一个很好节省代码的方式。const x = 20;let big;if (x > 10) {big = true;} else {big = false;}//这样写...const big = x > 10 &...

2020-11-24 15:53:05

196浏览

0评论

原生js+css实现tab切换功能

本文实例为大家分享了原生css+js实现tab切换功能的具体代码，供大家参考，具体内容如下现在很多的ui框架都集成了tab功能，使用过程中只需按照他们的api套用即可，但在有时jquery项...

2020-11-24 15:53:03

295浏览

0评论

js实现鼠标滑动到某个div禁止滚动

本文实例为大家分享了js实现鼠标滑动到某个div禁止滚动的具体代码，供大家参考，具体内容如下项目中碰到一个场景就是当鼠标滑倒某个div的时候，滑动鼠标页面不再滚动。这里主要是...

2020-11-24 15:53:01

118浏览

0评论

详细分析JavaScript中的深浅拷贝

在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。一、浅拷贝...

2020-11-24 15:52:58

197浏览

0评论

js对象属性名驼峰式转下划线的实例代码

一、题目示例：思路：1、匹配属性名字符串中的大写字母和数字2、通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置3、判断大写字母的位置是否为首位置以及lastIndex...

2020-11-24 15:52:57

134浏览

0评论

谈谈JavaScript中的垃圾回收机制

　　 JavaScript 具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。　　在编写 JavaScript 程序时，开发人员不用再关心内存使用问题，所需内存的分配...

2020-11-24 15:52:54

205浏览

0评论

js实现简单的随机点名器

本文实例为大家分享了js实现简单随机点名器的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co...

2020-11-24 15:52:52

142浏览

0评论

javascript贪吃蛇游戏设计与实现

本文为大家分享了javascript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下效果图设计贪吃蛇游戏是一款休闲益智类游戏。既简单又耐玩。该游戏通过控制蛇头方向吃蛋，从而使...

2020-11-24 15:52:50

110浏览

0评论

JavaScript 闭包的使用场景

一、闭包　　由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的...

2020-11-24 15:52:47

143浏览

0评论

JavaScript 常见的继承方式汇总

原型链机制：　　在ECMAscript中描述了原型链的概念，并将原型链作为实现继承的主要方法，其基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数和原型...

2020-11-24 15:52:44

67浏览

0评论

JavaScript封装单向链表的示例代码

使用JavaScript封装单向链表：1. 封装LinkList的类，用于表示我们的链表结构。2. 在LinkList类中有一个Node类，用于封装每一个节点上的信息（data与next）。3. 在链表中保存两个属性，...

2020-11-24 15:52:42

229浏览

0评论

逐行分析鸿蒙系统的 JavaScript 框架(推荐)

我在前文中曾经介绍过鸿蒙的 Javascript 框架，这几天终于把 JS 仓库编译通过了，期间踩了不少坑，也给鸿蒙贡献了几个 PR。今天我们就来逐行分析鸿蒙系统中的 JS 框架。文中的所...

2020-11-24 15:52:40

188浏览

0评论

React倒计时功能实现代码——解耦通用

需求分析需求在某个页面中需要有一个倒计时的功能，倒计时 5 s,5s钟后跳转到新的界面分析首先是实现倒计时功能其次是实现在每倒计时 1 s后页面上要执行倒计时秒数变化的...

2020-11-24 15:52:35

259浏览

0评论

鸿蒙系统中的 JS 开发框架

今天鸿蒙终于发布了，开发者们也终于“沸腾”了。源码托管在国内知名开源平台码云上，https://gitee.com/openharmony我也第一时间下载了源码，研究了一个晚上，顺带写了一个 hello...

2020-11-24 15:52:34

122浏览

0评论

详解JavaScript 的执行机制

一、关于javascript　　javascript是一门单线程语言，在最新的HTML5中提出了Web Worker，但javascript是单线程这一核心仍未改变。　　为什么js是单线程的语言？因为最初的js是用...

2020-11-24 15:52:31

225浏览

0评论

js实现拖拽与碰撞检测

本文实例为大家分享了js实现拖拽与碰撞检测的具体代码，供大家参考，具体内容如下拖拽原理分析对于拖拽一个div盒子，首先我们需要将鼠标移动到盒子上，然后按住鼠标左键，移动鼠标到...

2020-11-24 15:52:29

195浏览

0评论

javascript实现打砖块小游戏（附完整源码）

小时候玩一天的打砖块小游戏，附完整源码在？给个赞？实现如图需求分析1、小球在触碰到大盒子上、左、右边框，以及滑块后沿另一方向反弹，在碰到底边框后游戏结束；2、小球在触碰到方块...

2020-11-24 15:52:21

156浏览

0评论

javascript实现智能手环时间显示

本文实例为大家分享了javascript实现智能手环时间显示的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2020-11-24 15:52:14

161浏览

0评论

js实现手表表盘时钟与圆周运动

苹果手表表盘时钟与js圆周运动实现结果需求分析：1、时钟时间按照北京时间进行显示;
2、时针、分针、秒针按照时钟运转标准进行运转；
3、小球跟随秒表围绕表盘进行圆周运动。代...

2020-11-24 15:52:11

193浏览

0评论

js将日期格式转换为YYYY-MM-DD HH:MM:SS

1、百度不少js将日期格式转换为YYYY-MM-DD HH:MM:SS 。可是都略显复杂，所以这里总结了一下，自己找到的，方便自己学习和使用。方法一：项目源码：$("#createTime").text((new Date(j...

2020-11-24 15:52:07

146浏览

0评论

浏览器JavaScript调试功能无法使用解决方案

前言小编最近刚刚接手一个项目，里面几乎用到了BS项目中所有的知识，从原先的VS环境的调试，转移到了网页F12的调试模式，正因如此，小编在使用VS2017工具时，运行并调试 .aspx文件时，出...

2020-11-24 15:52:05

182浏览

0评论

js实现简单的点名器随机色实例代码

js简单实现点名器随机色布局(排版)<body> <button onclick="star()">开始</button> <button onclick="stop()">结束</button> <div id="box"> </div></body>css样式<style>...

2020-11-24 15:52:01

161浏览

0评论

js面试题之异步问题的深入理解

js中的宏任务与微任务在面试过程中，基本面试官都会问你一些promise的问题，promise是es6的新内容，主要是用来优化异步的问题。笔试中经常会让你写一些promise和setTimeout的执行...

2020-11-24 15:51:59

446浏览

0评论

微信小程序获取当前时间及星期几的实例代码

效果图如下所示实例代码如下：util.jsfunction formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = d...

2020-11-24 15:51:56

209浏览

0评论

JS实现小米轮播图

原生JS仿小米轮播图(最新版易懂)，供大家参考，具体内容如下
本次内容主要可实现的效果:
自动轮播可点击上一张下一张进行图片的切换点击右下方小圆点进行图片切换
代...

2020-11-24 15:51:55

298浏览

0评论

js实现购物车商品数量加减

本文实例为大家分享了js实现购物车商品数量加减的具体代码，供大家参考，具体内容如下Html<link rel='stylesheet' type='text/css' media='screen' href='../css/bootstrap.min...

2020-11-24 15:51:53

190浏览

0评论

微信小程序实现日历签到

近日做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。需求：如图：代码如下：index.wxml:<!--pages/pictruesign/pictrue.wxm...

2020-11-24 15:51:51

354浏览

0评论

微信小程序实现签到弹窗动画

本文实例为大家分享了微信小程序实现签到弹窗的具体代码，供大家参考，具体内容如下效果图如下所示图片素材：.wxml<button bindtap="popup">签到</button><view class="load" sty...

2020-11-24 15:51:49

104浏览

0评论

微信小程序实现打卡签到页面

本文实例为大家分享了微信小程序实现打卡签到页面的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class='gs_banner'> <view class='gs_continue'> <view>每日...

2020-11-24 15:51:43

首页 «1010 101110121013 1014 »尾页

热门文章