JS中bridge的原理与封装
目录一、hybird背景介绍1、借助原生可以实现以下能力二、 我们可以看一下纯H5和 app应用之间的区别三、JsBridge 原理以及实现方式1、 JavaScript调用Native-注入API方式2、...
2022-08-03
lodash中pick和omit函数的用法介绍
_.pick(object, [props])参数object (Object): 来源对象。[props] (...(string|string[])): 要被忽略的属性。（注：单独指定或指定在数组中。）返回(Object): 返回新对象。例子va...
2022-08-03
webpack中的代理配置详解
目录作用：使用场景一：使用场景二使用场景三使用场景四：使用场景五：解决跨域原理vue-cli中proxyTable配置接口地址代理示例更多参数作用：1.解决开发环境跨域问题（不用再去配置nginx...
2022-08-03
JavaScript函数的定义和基本使用方法
1.用函数语句定义先给一个例子，该函数的功能是返回数组元素的和；function sumArray(arr) { var sum = 0; for(var i = 0,aLength = arr.length;i < aLength;i++) {...
2022-08-03
TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结)
目录简介安装创建pinia并传递给vue实例创建storestategettersactions在vue组件使用获取state获取getters修改state数据持久化总结简介今天我们再来实战下官方推荐的新的vue...
2022-08-03
JS格式化数字（每三位加逗号）的方法总结
方法一function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(''); for (var i = num.length - 1; i >= 0; i--) {...
2022-08-03
JavaScript实现基础排序算法的示例详解
目录前言正文1、冒泡排序2、选择排序3、插入排序4、快速排序前言文本来总结常见的排序算法，通过 JvavScript 来实现正文1、冒泡排序算法思想：比较相邻两个元素的大小，如果第一...
2022-08-03
微信小程序实现带滑块的进度条
微信小程序项目需求，要实现一个带滑块并可左右滑动的进度条，看了小程序的文档，发现上面的progress组件无法满足需求，所以我自己写了一个，在这里总结一下。一、效果图二、实现逻辑...
2022-08-03
JS实现简单的九宫格抽奖
本文实例为大家分享了JS实现简单九宫格抽奖的具体代码，供大家参考，具体内容如下结构<body> <div id="fa"> <div class="option">1</div> <div cla...
2022-08-03
JavaScript数据结构与算法之栈详解
目录1.认识栈2.面向过程方法源码编写栈2.1思考2.2需要实现的方法2.3源码实现，并调用类3.用面向对象的方法来源码书写3.1思考3.2需要实现的方法3.3源码及使用类4.总结1.认识栈...
2022-08-03
微信小程序实现滚动条功能
本文实例为大家分享了微信小程序实现滚动条的具体代码，供大家参考，具体内容如下view<view class="conty"> <!-- 滚动字幕 --><scroll-view class="container"> <view clas...
2022-08-03
js使用visibilitychange处理页面关闭事件
目录概念使用场景使用方法注意在对web项目部署提示用户刷新功能优化的时候，用到了 visibilitychange,这里就简单的介绍下 visibilitychange 。概念visibilitychange事件是浏...
2022-08-03
window.print()局部打印三种方式(小结)
目录方法一： 通过开始、结束标记（startprint、endprint）来打印方法二：通过id选择器来替换内容打印，方法类似第一种方法三：通过动态创建iframe来打印（推荐的方法）（210616更新）190622更...
2022-08-03
基于HTML+JS实现网页版苹果计算器
目录一、效果截图二、注意事项三、源码实现 1、html2、css3、js一、效果截图二、注意事项1、html结构上，分为三个部分：显示区、按钮区、底部白条2、css样式上需要解决外边距重...
2022-08-03
Echarts地图实例详解(地图样式、合并地图、增加地图)
目录概述地图实现提出问题自定义地图总结概述地图在我们日常的数据可视化分析中是很常见的一种展示手段，不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色。...
2022-08-03
微信小程序实现圆心进度条
本文实例为大家分享了微信小程序实现圆心进度条的具体代码，供大家参考，具体内容如下一、创建项目结构打开微信开发者工具创建一个项目， 新建 与 pages 同级目录 components，在 c...
2022-08-03
微信小程序使用slider实现音频进度条
众所周知哈，微信小程序里面的音频播放是没有进度条的，但最近有个项目呢，客户要求音频要有进度条控制，所以就想到了用slider来实现音频的进度条显示及控制微信小程序的slider组件...
2022-08-03
JS实现简单九宫格抽奖
用JavaScript写一个九宫格的抽奖盘，供大家参考，具体内容如下点击中间的块，选中奖品的亮块会在边缘的8个块循环；选中后，弹出选中的内容；代码参考：HTML文件:<body><div class="box">...
2022-08-03
JavaScript实现九宫格拖拽效果
本文实例为大家分享了JavaScript实现九宫格拖拽效果的具体代码，供大家参考，具体内容如下关于一些拼图游戏什么的，见人家效果做的不错，参考下别人写的代码，我也尝试着做了个。<!DO...
2022-08-03
JS 中的 Event Loop 是什么你真的懂
目录setTimeout 定时器并不准宏任务和微任务一道经典异步题结尾Event Loop，简单翻译就是 事件循环，是 JS 语言下实现运行时的一个机制。JS 的异步并不像其他语言（比如 Java）的异...
2022-08-03
浅析JavaScript中的特殊函数及用法小结
目录写在前面 匿名函数回调函数自调函数作为值的函数写在前面JavaScript中的函数本质上是一个对象，我们可以将这个对象赋值给一个变量，这就使JavaScript中的函数变得非常的灵...
2022-08-03
JS实现树形结构与数组结构相互转换并在树形结构中查找对象
总是有很多需求是关于处理树形结构的，所以不得不总结几个常见操作的写法。首先假设有一个树形结构数据如下var tree=[ { 'id': '1', 'name': '教学素材管理', 'chi...
2022-08-03
微信小程序实现答题功能
本文实例为大家分享了微信小程序实现答题功能的具体代码，供大家参考，具体内容如下view<view class="topnav"> <image src="../../image/top.jpg"></image> <view class="b...
2022-08-03
微信小程序实现环形进度条
本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下index.wxss.circle { position: absolute; left: 0; right: 0; margin: auto;}ind...
2022-08-03
window.print()打印根据高度设置居中显示和布局(纵向横向)
目录1.页面定义打印div按钮：2.js中写按钮的监听事件、打印之前设置页面样式的方法 3.对设置参数进行解释4.效果演示1.页面定义打印div按钮： <!-- 打印机按钮开始 -->...
2022-08-03
JavaScript canvas绘制圆形加载进度条
本文实例为大家分享了JavaScript canvas绘制圆形加载进度条的具体代码，供大家参考，具体内容如下1.需求：通过canvas绘制一个圆形的进度条2.实现思路：2.1 绘制灰色底框2.2 创建变...
2022-08-03
JavaScript canvas绘制动态圆环进度条
本文实例为大家分享了JavaScript canvas绘制动态圆环进度条的具体代码，供大家参考，具体内容如下由于使用的是vue开发，所以就展示一下绘制函数好了，上图是效果图drawMain(drawing...
2022-08-03
微信小程序实现横向滚动条
本文实例为大家分享了微信小程序横向滚动条的具体代码，供大家参考，具体内容如下微信小程序scroll-view实现横向滑动滚动效果图如下：左右滑动效果展示如下：实现代码：index.wxml<vi...
2022-08-03
小程序canvas实现画布半圆环
本文实例为大家分享了小程序canvas实现画布半圆环的具体代码，供大家参考，具体内容如下1、效果图：2、wxml：<view class="fragrance_item"> <view class="fragPos"> <view...
2022-08-03
原生JavaScript实现九宫格抽奖
本文实例为大家分享了JavaScript实现九宫格抽奖 的具体代码，供大家参考，具体内容如下思路：通过移动背景颜色实现中奖信息，每一个方形元素，需要按顺序排列，加个延时器，当到最后一个...
2022-08-03
原生JS生成九宫格
原生JS生成九宫格图片并且实现图片互换，供大家参考，具体内容如下解题思路涉及知识点，请1、熟练利用js做出html样式
2、对onmousedown,onmousemove,onmouseup等事件熟练组合运用...
2022-08-03
JS实现九宫格拼图游戏
本文实例为大家分享了JS实现九宫格拼图游戏的具体代码，供大家参考，具体内容如下<!doctype html><html><head> <meta charset="UTF-8"> <title>九宫格拼图</title> <style>...
2022-08-03
js中什么时候不能使用箭头函数
目录箭头函数箭头函数有什么缺点？什么时候不能使用箭头函数？1. 对象方法中，不适用箭头函数为什么对象方法中，箭头函数的this指向不是这个对象？2. 原型方法中，不适用箭头函数3. 构...
2022-08-03
微信小程序实现监听页面滚动
本文实例为大家分享了微信小程序实现监听页面滚动的具体代码，供大家参考，具体内容如下1.正常状态下2.页面滚动到大于100时显示定位到顶部的view盒子3.html部分<view class="qu...
2022-08-03
原生JavaScript实现模态框的示例代码
目录原生js封装模态框示例效果代码原生js封装模态框最近需要一个模态框，然后一种是提示类的，一种是确认类型，我就想着再网上找一个然后修改一下，结果找到了，但是不深特别合适，我再...
2022-08-03
微信小程序用canvas实现圆形进度条
本文实例为大家分享了微信小程序用canvas实现圆形进度条的具体代码，供大家参考，具体内容如下先放效果图，如下：1. wxml文件代码如下对于圆形进度条中间的文字，如果是简单的，可以用...
2022-08-03
window.print()打印html网页的两种方法实现
目录一、编辑打印区域二：将不需要打印的部分隐藏一、编辑打印区域思路：通过编辑打印的开始、结束标记来区分打印的区域HTML：<!--startprint--><div>打印的区域</div><!--endpri...
2022-08-03
用chart.js添加动态背景图
本文实例为大家分享了用chart.js添加动态背景图的具体代码，供大家参考，具体内容如下1.效果图：2.HTML<div class="background-image"> <canvas id="drawing...
2022-08-03
uniapp上传二进制图片的实现
功能需求：前端选择本地文件，将选择好的文件显示在界面上进行预览，可同时选择四张进行预览。思路如下：前端选择本地的png、jpg、等格式的图片，将图片以二进制的形式传到后端服务器...
2022-08-03
微信小程序实现竖排slider效果
本文实例为大家分享了微信小程序实现竖排slider效果的具体代码，供大家参考，具体内容如下js：Component({ properties: { blockColor: { type: String, v...
2022-08-03
JavaScript实现九宫格抽奖
本文实例为大家分享了JavaScript实现九宫格抽奖的具体代码，供大家参考，具体内容如下看到个抽奖案例，觉得还不错。就自己做了一个简单版本。点击中间的开始，抽奖就会跑起来，速度由...
2022-08-03
微信小程序实现简单九宫格抽奖
本文实例为大家分享了微信小程序实现简单九宫格抽奖的具体代码，供大家参考，具体内容如下废话不多说，先上样板图代码就先wxml文件：<view id="container"> <!--左上--> <view...
2022-08-03
微信小程序音频录制波纹循环动画
本文实例为大家分享了微信小程序音频录制波纹循环动画的具体代码，供大家参考，具体内容如下实现的效果第一种方法(利用微信小程序的animation)wxml部分<!--pages/myRecode/myRe...
2022-08-03
使用TypeScript实现一个类型安全的EventBus示例详解
目录前言准备工作目标思路具体实现全部代码后记前言随着vue3的发布，TypeScript在国内越来越流行，学习TypeScript也随即变成了大势所趋。本文就通过实现一个类型安全的EventBus...
2022-08-03
微信小程序自定义用户登录弹窗
本文实例为大家分享了微信小程序自定义用户登录弹窗的具体代码，供大家参考，具体内容如下view<button class="btn" bindtap="powerDrawer" data-statu="open">立即进入</but...
2022-08-03
JavaScript canvas实现环形渐变进度条
最近有个需求要做环形渐变色进度条，去网上找了半天没找到合适的，大多数渐变色都是径向渐变，所以自己用canvas写了个环形渐变的图：这个渐变其实就是把圆环分成许多小块分别绘制的...
2022-08-03
微信小程序实现一键回到顶部功能
做微信小程序的时候遇到了这个问题要求列表页要做一个实现上拉一定距离后显示一键返回顶部的点击可以一下子回到列表顶部。遇到问题不要慌面向百度编程 ----上代码.wxml文件...
2022-08-03
JavaScript中async和await的使用及队列详情
目录一、宏任务和微任务的队列入门知识，可以参考之前的文章：1.async && await概念2.async && await基本使用二、async&& await结合promise在面试时回遇到的队列问题三、总结一...
2022-08-03
JavaScript数组常用方法解析及数组扁平化
目录前言一、常用数组操作方法push末尾追加元素pop删除数组末尾元素sort排序shift数组开头添加元素 && unshift数组开头删除元素数组合并concatindexOf查找元素 && includes...
2022-08-03
js实现网页换肤
本文实例为大家分享了js实现网页换肤的具体代码，供大家参考，具体内容如下效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t...
2022-08-03
