JavaScript算法面试题

目录有效的括号问题解题信息暴力消除法栈解题法结尾前言:现实总是残酷的,最近有个学妹在换工作,面试前什么手写Priomise、vue双向绑定原理,webpack优化方式,准备了一大堆,本以为...

threejs全景图和锚点编辑的实现方案

目录全景图和锚点编辑全景图全景图拆解场景编辑方案transformControls初始化控制器添加可移动对象平移、缩放、旋转保存对象结语全景图和锚点编辑今天来简单聊聊threejs全景...

uni-app分包项目实战总结

目录前言今天就来说uni-app如何分包:总结前言项目需要uni-app开发,说说uni-app是什么,uni-app它跟Trao框架一样都是用来做多端开发的共同点是:都可以发布到IOS、Android、H5、以...

一文详解如何用原型链的方式实现JS继承

目录原型链是什么通过构造函数创建实例对象用原型链的方式实现继承方法1:Object.create方法2:直接修改 [[prototype]]方法3:使用父类的实例总结今天讲一道经典的原型链面试题。...

微信小程序实现走马灯式抽奖

本文实例为大家分享了微信小程序实现走马灯式抽奖的具体代码,供大家参考,具体内容如下先来看下效果设置奖项awardList是从后台拿到的奖项数组,list不够八位时填充谢谢参与奖项,...

JS+HTML实现经典游戏吃豆人

目录前言HTML代码JS代码游戏截图前言很早就知道canvas,当时一直没应用到,最近闲来无事就顺便写写看。吃豆游戏可以说是我们80,90后共同的回忆录,小时候常常在学习机上玩,所以也就...

微信小程序uniapp添加悬浮菜单的方法

本文实例为大家分享了微信小程序uniapp添加悬浮菜单的具体代码,供大家参考,具体内容如下在项目中可能会有一些页面需要加一个悬浮按钮,提供一些额外的菜单
本项目通过uniapp来...

小程序中监听页面滚动的几种方法实例

目录目录实现效果下面是Intersection Observer在MDN上的介绍IntersectionObserverrelativeToViewport接受参数 Object marginsobserve(string targetSelector, function cal...

微信小程序配置视图层数据绑定相关示例

目录官方文档一、小程序结构目录1.1 小程序文件结构和传统web对比1.2 基本的项目目录二、配置介绍2.1 配置介绍2.2 全局配置app.json2.3 page.json三、视图层3.1 数据绑定3....

微信小程序事件绑定传参冒泡及捕获的示例详解

目录常见的事件有:currentTarget和target的区别事件传递参数touches和changedTouches的区别事件的绑定两种方法事件传参事件的冒泡与事件的捕获小结常见的事件有:类型触发条件...

JavaScript+canvas实现框内跳动小球

本文实例为大家分享了JavaScript+canvas实现框内跳动小球的具体代码,供大家参考,具体内容如下效果如下:思路:1.制定画布,确定好坐标
2.绘制出圆形小球
3.给圆一个原始坐标,xy...

javascript中Promise使用详解

目录一、首先,要知道为什么要用Promise语法?二、接着,来了解一下回调地狱(Callback Hell)三、最后,也是本章的重头戏,Promise的基本使用(一) resolve函数(二) rejected函数(三)Promise...

JavaScript canvas实现水球加载动画

本文实例为大家分享了canvas实现水球加载动画的具体代码,供大家参考,具体内容如下效果展示:源码展示:<!doctype html><html><head>    <meta charset="utf-8">    <title>ca...

基于JavaScript制作一个骰子游戏

目录知识点HTML 部分CSS 部分JavaScript 部分总结游戏可以通过这个链接进入 完整源码我已经放在GitHub上了这节实验我们将使用 HTML、CSS 和 JavaScript 构建一个骰子游戏。...

javascript 中动画制作方法 animate()属性

animate是个非常冷门的方法,以至于百度和手册上都找不到相关的资料。当然通过一个小小的demo,我还是发现了方法的一些属animate是所有dom元素都有的方法,可以用来最做过度动画,...

详细聊一聊js防抖节流到底是什么

目录前言场景防抖核心解释修复场景例子节流核心解释修复场景例子总结前言防抖和节流,这是前端防止用户频繁调用同一个接口的方法,比如短时间重复点击上传同一个文件,短时间重复...

基于JS实现一个小型编译器

目录前言ParseTransformTraversal(遍历)Visitors(访问)Code generate代码实现词法分析器(tokenizer)语法分析器(parser)遍历器(visitors)转换器(transformer)代码生成器(cod...

详解如何消除axios拦截中的if

目录基本拦截设计轮子思考方向轮子骨架详细实现实践总结基本拦截axios的响应错误拦截中,难免会对error.status做各种各样的if判断,又或者switch。为了防止枯燥乏味的生活(给自...

使用egg.js实现手机、验证码注册的项目实践

目录手机号注册、验证码校验app/contrpoller/pass.jsmode/user.jsrouter.js 路由配置service.js获取验证码 sendmsg.js发送短信验证码手机号注册、验证码校验app/contrpolle...

如何利用Three.js实现跳一跳小游戏

目录前言游戏规则Three.js整个程序的结构实现html文件引入three.js引擎页面结构场景相机几何体光源渲染添加第二块跳块鼠标按下状态鼠标松开弹起状态落在哪里结尾前言跳一跳...

微信小程序自定义组件与页面的相互传参

目录1. 自定义组件官方文档1.1 创建自定义组件1.1.1 声明组件1.1.2 编辑组件1.2 使用自定义组件1.3 页面向自定义组件传递数据(父传子)1.4 组件将事件传给页面(子传父)1. 自...

JavaScript新功能介绍之findLast()和findLastIndex()

目录提案原因基本使用简单实现总结今天来看一个 ECMAScript 提案:findLast() 和 findLastIndex()。提案原因在 JavaScript 中,可以通过 find() 和 findIndex() 查找数组中的值...

原生js实现弹动小球效果

本文实例为大家分享了JavaScript实现弹动小球效果展示的具体代码,供大家参考,具体内容如下源码展示<!doctype html><html><head><meta charset="utf-8"><title>弹弹球(原生js)</...

微信小程序实现拍照功能

小程序实现一个拍照功能,亲测可用。页面的样式都是我自己写的,当然你们也可以自己排版写样式。下面一共有三个按钮,返回按钮、拍照按钮、切换摄像头按钮。首先相机页面是通过wx...

JavaScript深入理解系列之call与apply

目录定义模拟步骤1模拟步骤2模拟步骤3第一个参数传null或undefined,this指向为window函数执行call方法,有返回值,那就返回。最终版实现call代码实现apply代码结语定义call和app...

小程序实现订单评价和商家评价

小程序做线上商城就离不开交互,包括最重要的支付和订单评价系统。订单评价简单的只有商品评价,比较齐全的是商品和商家一起评价。本文介绍的目录包含,商品评价,商家评价,星级评分...

JavaScript中DOM操作常用事件总结

目录常用事件演示得到焦点和失去焦点演示 鼠标划过和离开点击事件load加载页面事件onkeyup 键盘弹起事件内容变化事件选中时触发上一篇聊了如何同JavaScript获得页面元素,而...

使用forEach和ES6实现tab切换的示例代码

本文主要介绍了使用forEach和ES6实现tab切换的示例代码,分享给大家,具体如下:效果:html代码: <ul class="nav"> <!-- <li> <a href="">前端</a>...

uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)

目录需求实现原理实现总结需求分包中如果有6个页面A B C D E F,这6个页面可以作为tabbar页面进行展示,具体配置通过后台接口返回(页面数量限制依然存在 2 - 5),比如后台配置A B C...

五个基于JS实现的炫酷登录页面

目录1、炫酷星空登录2、动态云层登录3、深海灯光水母登录4、炫酷蛛网登录5、彩色气泡登录1、炫酷星空登录实现代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-T...

微信小程序实现翻牌小功能

本文实例为大家分享了微信小程序翻牌小功能,供大家参考,具体内容如下页面<view id="container">    <view wx:for="{{newArr}}" class='cards'>        <view class="ca...

微信小程序如何根据不同用户切换不同TabBar(简单易懂!)

目录现有需求:1全局.app.json2.自定义custom-tab-bar结果展示总结现有需求:小程序用户有三种身份(公众、运维人员、领导),根据不同用户身份显示不同的tabbar众所周知微信小程序全...

一文教会你从零开始画echarts地图

目录echarts地图制作基础配置数据渲染嵌入文字地图下钻结合水印制作级联效果visualMap总结echarts地图制作离线地图下载地址https://datav.aliyun.com/tools/atlas/index.ht...

关于uniapp微信小程序左上角返回按钮的监听详解

目录项目场景:问题描述:原因分析:解决方案一:解决方案二:结语项目场景:uni-app 开发微信小程序,界面中点击左上角的返回按钮或者是系统自带的虚拟返回操作,返回前监听用户是否在页面...

JavaScript 中的数据类型Number

目录前言1、浮点数2、值的范围3、NaN4、数值转换前言Number 类型使用 IEEE 754 格式表示整数和浮点值(在某些语言中也叫双精度值)。IEEE二进制浮点数算术标准;IEEE 754规定...

 JavaScript 数据结构之散列表的创建(1)

目录一、什么是散列表二、创建散列表1.创建散列函数2.put 方法3.get 方法4.delete 方法三、使用散列表四、总结上一篇我们一篇JavaScript 数据结构之字典方法搞定了字典,这篇...

基于JS编写一个看字说颜色小游戏

目录前言一、游戏介绍与规则二、大体设计与代码讲解① 看图模式具体思路核心代码② 答题模式具体思路核心代码三、仓库地址与体验地址前言最近偷懒,一直没开工参与游戏活动的...

手把手教会你使用redux的入门教程

目录Redux详解Redux介绍Redux有什么作用如何在React中使用Redux如何使用React-reduxRedux详解Redux介绍Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。在Redux...

关于TypeScript应该尽量避免的语法总结

目录前言避免枚举避免名字空间避免装饰器(对于现在而言)避免 Private 关键字总结前言这个文章列举了我们建议尽量避免的 TypeScript 语法。但是因为你的项目的情况,有可能使用...

js实现简单翻牌小游戏

本文实例为大家分享了js实现简单翻牌小游戏的具体代码,供大家参考,具体内容如下1.简介非常简单的一个网络消消乐翻牌小游戏的实现,代码量较少,不过遇到的bug和自行开发的步骤十...

微信小程序实现九宫格翻牌动画

本文实例为大家分享了微信小程序实现九宫格翻牌的具体代码,供大家参考,具体内容如下9宫格翻牌需求:1.进来时平铺9个格子显示2.点击开始抽奖时洗牌动作3.洗完牌后呈现9个都是未...

一次JavaScript正则的诡异经历记录

目录背景问题原因总结事情是这样的,最近在写一个Node功能的时候,遇到了一个正则的问题,觉得挺有意思的,就记录一下经历和最终问题原因,希望也能帮助到同样遇到的同学。背景我有一...

实例详解JS中的事件循环机制

目录一、前言二、宏、微任务三、Tick 执行顺序四、案例详解1.掺杂setTimeout2.掺杂微任务,此处主要是Promise.then3.掺杂async/await一、前言之前我们把react相关钩子函数大...

微信小程序使用扩展组件库WeUI的入门教程

目录微信小程序使用WeUI入门教程1. 学习参考2.NodeJs初始化3.安装WeUI组件库4.配置4.1 构建npm4.2 支持npm5.项目使用WeUI总结微信小程序使用WeUI入门教程在学习微信小程序...

微信小程序如何实现商品列表跳转商品详情页功能

目录引言1.1实现首页页面2.1实现调跳转到手机详情页总结引言模仿京东小程序,实现下列功能首页包含了手机图片,手机的描述,手机的价格,购物车图标首页显示两行文字,多余的文字隐藏...

微信小程序控制view隐藏显示的5种方法汇总

目录一、使用wx:if指令二、使用opacity属性三、使用display属性四、还有一种方式可以使用绝对定位五、使用hidden属性总结一、使用wx:if指令因为 wx:if 是一个控制属性,需要...

JavaScript 数据结构之集合创建(1)

目录一、什么是集合二、创建集合类1.has 方法2.add 方法3.delete 和 clear 方法4.size 方法5.values 方法三、使用集合总结前言:集合这个词应该比较耳熟,大多数人没接触代码前...

JavaScript 数据结构之字典方法

目录一、什么是字典二、创建字典类1.hasKey 方法2.set 方法3.remove 方法4.get 方法5.keys, values, keyValues 方法6.forEach 方法7.clear, size, isEmpty 方法三、使用字...

TypeScript调整数组元素顺序算法

目录前言实现思路实现代码代码的可扩展性测试用例示例代码总结前言有一个整数数组,我们想按照特定规则对数组中的元素进行排序,比如:数组中的所有奇数位于数组的前半部分。本文...

基于原生JS实现分页效果的示例代码

这个只是一个分页的demo,主要是思路整理(很久之前项目用的东西)分页实现的效果 主要是 左侧上一页 右侧是下一页 中间显示主要是超过5个显示 省略号 然后是可配置选项实现之...

返回顶部
顶部