JavaScript - 教程之家

69浏览

0评论

微信小程序计算器实例详解

微信小程序计算器实例，供大家参考，具体内容如下index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><vi...

2021-08-10

76浏览

0评论

微信小程序实现简易计算器

微信小程序之简易计算器，供大家参考，具体内容如下一、介绍1.中缀表达式中缀表达式是一种通用的算术或逻辑公式表示方法，操作符以中缀形式处于操作数的中间。中缀表达式是人们常...

2021-08-10

81浏览

0评论

Vue虚拟Dom到真实Dom的转换

再有一颗树形结构的Javascript对象后，我们需要做的就是讲这棵树跟真实Dom树形成映射关系。我们先回顾之前的mountComponnet 方法：export function mountComponent(vm, el) {...

2021-08-10

78浏览

0评论

Vue实现登陆跳转

本文实例为大家分享了Vue实现登陆跳转的具体代码，供大家参考，具体内容如下不说废话，先上效果图~具体的实现方法，参照以下步骤~1.创建login.vue，绘制login画面，添加跳转事件。
<tem...

2021-08-10

72浏览

0评论

原生Javascript实现继承方式及其优缺点详解

目录前言原型继承优点构造函数继承
优点
缺点
组合式继承
寄生式组合继承总结前言最近在复习javascript的一些基础知识，为开启新的征程做准备。所以开始记录一些自己学习的内...

2021-08-10

46浏览

0评论

nodejs利用readline提示输入内容实例代码

目录前言
1. bat执行js
2. 终端提示输入版本号、执行打包命令
3. 修改版本号文件
总结前言
最近进行小版本发包测试时忘记修改版本号了，进而想到在打包前提示输入版本号，然后...

2021-08-10

86浏览

0评论

手把手带你用React撸一个日程组件

目录业务背景
使用技术技术难点设计思路
😱一脸懵逼苦
🙄开始构思
🌲目录结构
🛠拆分组件
代码实现
Container容器组件
CalendatrHeader头部容...

2021-08-10

58浏览

0评论

vue实现界面滑动效果

本文实例为大家分享了vue实现界面滑动效果的具体代码，供大家参考，具体内容如下项目需求+效果图1.项目需求【点击底部导航栏，切换页面的时候，会有一个滑动的效果】2.效果图代码+...

2021-08-10

60浏览

0评论

微信小程序实现简单的计算器功能

本文实例为大家分享了微信小程序实现计算器功能的具体代码，供大家参考，具体内容如下wxml<view class='content'> <input value='{{calculation}}'></input> <view class='bo...

2021-08-10

91浏览

0评论

微信小程序实现简单计算器功能

微信小程序：简单计算器，供大家参考，具体内容如下对于才接触小程序不久的人来说，想要直接上手一个实用性强的项目难度很大，想要快速熟悉小程序的使用，我们可以先尝试着做一个简单的...

2021-08-10

67浏览

0评论

ElementUI在实际项目使用步骤详解

目录1.表格自排序2.分页功能3.el-checkbox-group多选框4.封装日历组件5.用antv-G2实现雷达图6.多语言支持1.表格自排序目标：点击入职时间后面的上下箭头可以实现当前页数据按...

2021-08-10

56浏览

0评论

Vue两个同级组件传值实现

Vue组件之间是有联系的，避免不了组件之间要互相传值，父给子使用v-bind绑定自定义属性和使用props来接受
子给父使用@自定义事件='函数' this.$emit('自定义事件','要发送的内...

2021-08-10

66浏览

0评论

vue Nprogress进度条功能实现常见问题

NProgress是页面跳转是出现在浏览器顶部的进度条
官网：http://ricostacruz.com/nprogress/
github：https://github.com/rstacruz/nprogress下图中的这种顶部进度条是非常常见...

2021-08-10

67浏览

0评论

js实现axios限制请求队列

目录背景是：会造成什么情况呢？背景是：在实际开发中，可能会遇到网络问题或者查询量比较大的情况，上一个请求还没有完成，用户就发起了下一个请求。会造成什么情况呢？但是同一个请求多...

2021-08-10

81浏览

0评论

微信小程序实现九宫格效果

本文实例为大家分享了微信小程序实现九宫格效果的具体代码，供大家参考，具体内容如下1.九宫格实现示例图： Tips: 说明：使用 display: -webkit-flex;对布局做兼容。保证每排三个图...

2021-08-10

76浏览

0评论

vue使用引用库中的方法附源码

monaco-editor-vue的官方源码如下Index.jsimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';function noop() { }export { monaco };export default { n...

2021-08-10

65浏览

0评论

webpack的移动端适配方案小结

目录rem
vw
适配第三方UI框架
结语
在移动端开发的过程中，一个最常见的问题就是适配不同的屏幕宽度。目前比较常见的适配方案有rem和vw，它们都是css中的相对单位。rem
W3C对re...

2021-08-10

80浏览

0评论

JavaScript分页组件使用方法详解

分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)
2、t...

2021-08-10

82浏览

0评论

JavaScript canvas实现俄罗斯方块游戏

俄罗斯方块是个很经典的小游戏，也尝试写了一下。不过我想用尽量简洁逻辑清晰的代码实现。不用过多的代码记录下落方块的模型，或者记录每一个下落方块的x,y。想了下面的思路，然...

2021-08-10

57浏览

0评论

关于vue3编写挂载DOM的插件问题

vue3 跟 vue2 相比，多了一个 app 的概念，vue3 项目的创建也变成了// main.jsimport { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-...

2021-08-10

65浏览

0评论

vue实现旋转木马动画

本文实例为大家分享了vue实现旋转木马动画的具体代码，供大家参考，具体内容如下图片数量可为任意值都能正常处理 [1-无限个]：<!DOCTYPE html><html><head> <title></title>...

2021-08-10

64浏览

0评论

Element树形控件整合带图标的下拉菜单(tree+dropdown+input)

目录需求说明：实现步骤：本文主要讲述：自定义树形控件<el-tree>需求说明：Element UI 官网提供的树形控件包含基础的、可选择的、自定义节点内容的、带节点过滤的以及可拖拽节点的...

2021-08-10

72浏览

0评论

react为什么不推荐使用index作为key

1.旧的虚拟dom和新的虚拟dom对比，首先看他们的key是否相同
2.相同继续对比他们的内容，不同生成新的真实dom进行替换
3.如果内容和key都相同，复用旧的真实dom 不做改变
那么如果...

2021-08-10

328浏览

0评论

node.js做一个简单的爬虫案例教程

准备工作首先，你需要下载 nodejs，这个应该没啥问题吧原文要求下载 webstrom，我电脑上本来就有，但其实不用下载，完全在命令行里面操作就行创建工程准备工作做完了，下面就开...

2021-08-10

56浏览

0评论

TypeScrip中泛型的案例详解

泛型的定义// 需求一：泛型可以支持不特定的数据类型，要求，传入的参数和返回参数一致// 这种方式虽然能实现传入和返回的参数一致，但是失去类型参数检验/*function getData(va...

2021-08-10

91浏览

0评论

TypeScript定义接口(interface)案例教程

接口的作用：接口，英文：interface，其作用可以简单的理解为：为我们的代码提供一种约定。在Typescript中是这么描述的： TypeScript的核心原则之一是对值所具有的结构进行类型检查...

2021-08-10

61浏览

0评论

vue实现一个滚动条样式

起初是想修改浏览器滚动条样式来达到效果
但是查阅了资料浏览器滚动条不能修改宽度与位置
没办法只能自己写
首先是滚动条样式<div class="scrollBar" v-if="roleList.leng...

2021-08-10

56浏览

0评论

React中useEffect 与 useLayoutEffect的区别

目录前置知识
useEffect
commitBeforeMutationEffects
commitMutationEffects
commitLayoutEffects
后续阶段
useLayoutEffect
结论
前置知识
我们可以将 React 的工作流程...

2021-08-10

66浏览

0评论

JavaScript css3实现简单视频弹幕功能

本文尝试写了一个demo模拟了最简单的视频弹幕功能。思路：设置一个<div>和所播放的video的大小一致，把这个div标签蒙在video上面用于放置弹幕。在video的右边放一个<ul>列表用...

2021-08-10

126浏览

0评论

vue中实现全屏以及对退出全屏的监听

目录前言：实现步骤：完整源码：更多资料：前言： vue中实现默认进来页面，某个div全屏，并监听退出全屏的次数，当退出全屏次数达到5的时候跳转到别的页面。实现步骤：1、页面...

2021-08-10

53浏览

0评论

Vue3.0 自己实现放大镜效果案例讲解

需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursorhttps://www.runoob.com/cssref/pr-class-cursor.html&...

2021-08-10

63浏览

0评论

js判断移动端横竖屏视口检测实现的几种方法

目录1、不同视口的获取方法
2、JavaScript检测横竖屏
3、CSS检测横竖屏
4、meta标签属性设置
5、meta标签属性设置设置刘海屏&底部小黑条
1、不同视口的获取方法
// 获取视...

2021-08-10

62浏览

0评论

最全的package.json解析

目录1. 概述
2. name字段
3. version字段
4. description字段
5. keywords字段
6. homepage字段
7. bugs字段
8. license字段
9. author字段 contributors字段
10. files字...

2021-08-10

100浏览

0评论

vue实现点击翻转效果

用vue简单实现一个点击翻转的效果，供大家参考，具体内容如下1、2、3、//html代码测试 demo命名随便复制来的<div class="Demo"> <div class="Before" :class="isTop...

2021-08-10

63浏览

0评论

关于VUE的编译作用域及slot作用域插槽问题

什么是插槽？插槽的指令为v-slot，它目前取代了slot和slot-scope，插槽内容，vue实例一套内容分发的api，将slot元素作为承载分发内容的出口。插槽分为单个插槽，具名插槽，还有作用域插槽...

2021-08-10

99浏览

0评论

小程序通过小程序云实现微信支付功能实例

目录一、开通微信支付 1.1 关联商户号1.2 添加商户号1.3 管理员授权二、云函数开发2.1 新建云函数2.2 云函数代码2.3 云函数上传并部署三、小程序调用3.1 统一下单3.2 支付...

2021-08-10

59浏览

0评论

webpack文件打包错误异常

在进行webpack打包前我们要确保已完成的工作：1）安装webpack：推荐全局命令 npm install -g webpack 查看webpack版本 webpack -v2）此时对文件进行打包可能出现错误，提示脚手架文件...

2021-08-10

61浏览

0评论

React+TypeScript进行项目构建案例讲解

    react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法：    1、直接构建带有typescript的react项目，...

2021-08-10

72浏览

0评论

微信小程序实现拼图游戏

本文实例为大家分享了微信小程序实现拼图游戏的具体代码，供大家参考，具体内容如下页面展示项目链接微信小程序实现拼图游戏项目设计首页面wxml<view class="...

2021-08-10

107浏览

0评论

jQuery实现发送验证码控制按钮禁用功能

需求效果：点击发送验证码之后，按钮禁用，5秒之后取消禁用。
效果图如下：点击发送之后禁用按钮5秒之后取消禁用，重新发送代码如下：<!DOCTYPE html><html lang="en"><head> <meta ch...

2021-08-10

61浏览

0评论

小程序实现购物车完整版

小程序实现完整购物车[全选/反选计算金额/加减计算数量跟金额]，供大家参考，具体内容如下一、wxml页面代码模块<view wx:if="{{hasList}}"> <view class="order_list"> <vi...

2021-08-10

74浏览

0评论

JavaScript之事件循环案例讲解

js中的事件循环因为JavaScript是单线程的，同一事件只能执行一种方法，所以会将程序中的方法加入到执行栈中按照后进先出的顺序依次执行，当遇见异步任务时不会被阻塞，而是将任务放...

2021-08-10

66浏览

0评论

Vue3 style CSS 变量注入的实现

目录摘要
基础示例
动机
设计细节
编译细节
采用策略
实践
提示
绑定恰当的属性
注意 style 的更新
参考资料
摘要
在单文件组件样式中支持使用组件状态驱动的 CSS 变量（ CSS...

2021-08-10

66浏览

0评论

Vue如何优雅的清除定时器

目录前言
优化
衍生问题：beforeDestroy 没有触发？
前言
清除定时器，相信有相当一部分人是这么写的：
export default { data() { reurn { timer: null } }, moun...

2021-08-10

71浏览

0评论

Vue实现牌面翻转效果

本文实例为大家分享了Vue实现牌面翻转效果的具体代码，供大家参考，具体内容如下1.实现效果实现一个点击沿中心Y轴翻转的翻转效果。2.方法分前（front）、后(behind)两部分，behind的d...

2021-08-10

55浏览

0评论

JavaScript中let避免闭包造成问题

关于 let 避免闭包带来的问题利用面向对象思想完成买家信息删除功能，每一条信息包含：

姓名
电话
电话号码
省份

实现以下要求：
不能借用任何第三方库，需要使用原生代码...

2021-08-10

78浏览

0评论

vue动态加载本地图片的处理方法

发现问题今天遇到一个在vue文件中引入本地图片的问题，于是有了这篇文章。通常，我们的一个img标签在html中是这么写的：<img src="../images/demo.png">这种写法只能引用相对路径...

2021-08-10

77浏览

0评论

React事件绑定的方式详解

一、是什么在react应用中，事件名都是用小驼峰格式进行书写，例如onclick要改写成onClick最简单的事件绑定如下：class ShowAlert extends React.Component { showAlert() { c...

2021-08-10

58浏览

0评论

Vue3.0 手写放大镜效果

需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursor 鼠标跟随效果如何实现: (子绝父相)绝对定位 + 修改top,le...

2021-08-10

96浏览

0评论

jQuery实现带展开动画的导航栏效果

设计和自定义一个带展开动画效果的导航栏，尝试写了一个demo，加上设计和调试差不多写了一天吧。
这里就来讲讲如何从设计->写布局->写样式->写JS代码完成一个完全自己设计的导...

2021-08-10

热门文章