JavaScript - 教程之家

81浏览

0评论

详解React中组件之间通信的方式

一、是什么我们将组件间通信可以拆分为两个词：组件通信回顾Vue系列的文章，组件是vue中最强大的功能之一，同样组件化是React的核心思想相比vue，React的组件更加灵活和多...

2021-08-10

71浏览

0评论

Vue组件实现旋转木马动画

本文实例为大家分享了Vue组件实现旋转木马动画的具体代码，供大家参考，具体内容如下源码如下<template> <div id="wrapper"> <transition-group name="list" tag="ul" mode...

2021-08-10

87浏览

0评论

Vue封装通用table组件的完整步骤记录

目录前言
为什么需要封装table组件？
第一步：定义通用组件
第二步：父组件与子组件进行render通信
第三步：使用组件
总结
前言
随着业务的发展和功能的增多，我们发现不少页面都具备...

2021-08-10

66浏览

0评论

关于React状态管理的三个规则总结

目录前言No.1 一个关注点
No.2 提取复杂的状态逻辑
No.3 提取多个状态操作
总结
前言React 组件内部的状态是在渲染过程之间保持不变的封装数据。useState() 是 React hook，...

2021-08-10

58浏览

0评论

Vue + element实现动态显示后台数据到options的操作方法

需求：实现selector选择器中选项值options 数据的动态显示，而非写死的数据，我的角色ID数据如下：现在实现把这些数据请求显示option上实现如下：使用element-ui中selector 选择器：<el...

2021-08-10

49浏览

0评论

JavaScript平铺数组转树形结构的实现示例

目录后台丢来了1w条数据
递归方式非递归方式总结后台丢来了1w条数据
千算万算，还是没有逃过，后台真的就上万条数据一次丢给前端了。好吧，好在还不是10w条。如下，后台返回的是这...

2021-08-10

78浏览

0评论

JavaScript实现网页版五子棋游戏

本文实例为大家分享了JavaScript实现网页版五子棋游戏的具体代码，供大家参考，具体内容如下学习js的第三天，跟着老师完成的五子棋小游戏，记录学习成果欢迎大佬们一起分享经验，批评...

2021-08-10

49浏览

0评论

js中getBoundingClientRect( )方法案例详解

一.getBoundingClientRect() 解析getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。语法rectObject = object.getBoundingClientRect();值rectObject.top：...

2021-08-10

85浏览

0评论

JS实现微信"炸屎"大作战功能

大家好，我是秋风，近日，微信又发布了新功能（更新到微信8.0.6）。最火热的非"炸屎"功能莫属了，各种群里纷纷玩起了炸屎的功能。不知道大家是否经历过那样一个时候，小时候（我是说很小的...

2021-08-10

70浏览

0评论

React开启代理的2种实用方式

开启代理的两种方式react并没有封装好了的ajax请求的代码供我们直接使用，在进行交互的时候，我们需要自己封装ajax代码或者使用第三方ajax库，一般我们用axios(轻量级)。先说一下...

2021-08-10

69浏览

0评论

小程序原生实现左滑抽屉菜单

目录WXS 响应事件
方案A
页面结构和样式
WXS 事件回调函数
WXS 脚本
遮罩层
方案B
为什么要使用 WXS
结语 & 参考资料
参考资料：在移动端，侧滑菜单是一个很常用的组件（通常称作...

2021-08-10

60浏览

0评论

vue中keepAlive组件的作用和使用方法详解

前言在面试的时候，很多面试官再问vue的时候可能就会提一嘴，你知道keep-alive有什么作用吗？keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知...

2021-08-10

79浏览

0评论

H5微信公众号授权的简单实现步骤

前言昨天因为有一个项目上面需要实现h5微信授权工作。所以花了两个小时来完成这个功能。开始工作前做的准备流程说明【提前沟通过的流程】微信授权具有时...

2021-08-10

49浏览

0评论

js实现0ms延时定时器的几种方式

目录queueMicrotask
async/await
MessageChannel
最后
附录
这两天看到一篇介绍《如何实现准时的 setTimeout？》的文章，文章起源于一道面试题：有什么办法让setTimeout准时呀？具...

2021-08-10

79浏览

0评论

Vue插件报错:Vue.js is detected on this page.问题解决

Vue插件报错：Vue.js is detected on this pag下载Vue插件下载地址：https://chrome.pictureknow.com/将下载好的crx文件拖进拓展程序首先去https://www.bilibili.com/ 验...

2021-08-10

71浏览

0评论

JavaScript实现网页版贪吃蛇游戏

本文实例为大家分享了JavaScript实现网页贪吃蛇游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><title>贪吃蛇</title></head><body><canvas id="canvas"...

2021-08-10

126浏览

0评论

Vue 可拖拽组件Vue Smooth DnD的使用详解

目录简介和 Demo 展示API: Container属性生命周期回调事件API: Draggable实战简介和 Demo 展示最近需要有个拖拽列表的需求，发现一个简单好用的 Vue 可拖拽组件。安利一下~Vu...

2021-08-10

68浏览

0评论

Vue生命周期区别详解

生命周期分类vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。
在组件中具体的方法有...

2021-08-10

55浏览

0评论

node.js+postman实现模拟HTTP服务器与客户端交互

目录一、node搭建HTTP服务器二、HTTP服务器处理get请求1、postman发送get请求2、服务器解析三、HTTP服务器处理post请求1、postman发送post请求2、服务器解析当应用程序（客户...

2021-08-10

66浏览

0评论

vue项目打包以及优化的实现步骤

目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化项目完成，我们会将项目进行上线，为了提升性能，我们往往会进行一些优化处理vue项目的...

2021-08-10

78浏览

0评论

使用vue实现手写签名功能

个人实现截图：安装：npm install vue-esign --save使用：1.在main.js中引入import vueEsign from 'vue-esign'Vue.use(vueEsign) 2.在页面中引用<vue-esign ref="esign" :width=...

2021-08-10

90浏览

0评论

Vue组件封装上传图片和视频的示例代码

首先下载依赖：cnpm i -S vue-uuid ali-oss图片和视频字段都是数组类型，保证可以上传多个文件。UploadImageVideo：<template> <div clas...

2021-08-10

69浏览

0评论

jquery实现购物车功能

本文实例为大家分享了jquery实现购物车功能的具体代码，供大家参考，具体内容如下html<!DOCTYPE html><html><head><title>购物车</title><meta charset="utf-8" /><styl...

2021-08-10

83浏览

0评论

关于在vscode使用webpack指令显示"因为在此系统中禁止运行脚本"问题(完美解决)

在学习Vue的时候，在vscode的终端总使用webpack指令时，出现如下问题：解决方法为：1.关闭vscode，并以管理员身份重启vscode；2.在终端中输入：get-ExecutionPolicy，显示Restricted，表示状...

2021-08-10

91浏览

0评论

使用Angular CDK实现一个Service弹出Toast组件功能

目录1.环境安装2.创建Toast组件和ToastService2.1编写Toast组件和样式在Angular中，官方团队在开发Material组件库的同时，顺手做了一套Component dev kit，也就是在Angular世界中...

2021-08-10

69浏览

0评论

Vue使用echarts可视化组件的方法

echarts组件官网地址:https://echarts.apache.org/examples/zh/index.html1.找到脚手架项目所在地址，执行cnpm install echarts，安装echarts组件（脚手架的地址就是你vue项目的...

2021-08-10

95浏览

0评论

JS超出精度数字问题的解决方法

精度问题最通俗易懂的解释
比如一个数 1÷3=0.33333333...... 大家都知道3会一直无限循环，数学可以表示，但是计算机要存储，方便下次取出来再使用，但0.333333...... 这个数无限...

2021-08-10

215浏览

0评论

Vue实现固定底部组件的示例

目录【实现效果】【实现方式】
【实现效果】【实现方式】
<template> <div id="app"> <div class="main"> <img alt="Vue logo" src="./assets/logo.png"> <H...

2021-08-10

72浏览

0评论

Vue之监听方法案例详解

vue中的监听方法watch注意名字你想监听哪个属性，就要和他起一样的名字1.作用用来监听vue实例中的数据变化
可以随时修改状态的变化2.触发条件当你监听的属性发生变化时，会自...

2021-08-10

80浏览

0评论

Ajax解决跨域之设置CORS响应头实现跨域案例详解

1.设置CORS响应头实现跨域跨源资源共享（CORS）1.1 什么是CORSCORS（Cross-Origin Resource Sharing），跨域资源共享。CORS 是官方的跨域解决方案，它的特点是不需要在客户端做任何特...

2021-08-10

76浏览

0评论

react+ts实现简单jira项目的最佳实践记录

练手的一套项目
react+ts
虽然内容较少，但是干货挺多，尤其是对hooks的封装，ts的泛型的理解，使用更上一层楼
项目代码：https://gitee.com/fine509/react_jiar效果图

这是三个主要...

2021-08-10

90浏览

0评论

vue router-view的嵌套显示实现

目录一、路由配置二、vue页面嵌套
三、嵌套联系
一、路由配置const routes = [ { path: '/', name: '导航1', component: Home, children:[ { pat...

2021-08-10

72浏览

0评论

jQuery实现表格行数据滚动效果

本文实例为大家分享了jQuery实现表格行数据滚动效果的具体代码，供大家参考，具体内容如下HTML代码：<div class="box"> <div class="box-header"> <div class="col">测试1</d...

2021-08-10

81浏览

0评论

js日期时间格式化的方法实例

js日期时间格式化将日期时间转换为指定格式，如：YYYY-mm-dd HH:MM表示2019-06-06 19:45function dateFormat(fmt, date) { let ret; const opt = { "Y+": date.ge...

2021-08-10

82浏览

0评论

深入浅析React refs的简介

一、是什么Refs在计算机中称为弹性文件系统（英语：Resilient File System，简称ReFS）React中的Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素本质为Reac...

2021-08-10

76浏览

0评论

超详细的vue组件间通信总结

目录前言一、props、$emit单向数据流二、$parent、$children三、$attrs、$listeners四、provide、inject五、eventBus(事件总线)六、vuex七、localstorage总结前言组件通信...

2021-08-10

99浏览

0评论

javaScript实现网页版的弹球游戏

利用javeScript对象以及方法实现的网页弹球游戏，供大家参考，具体内容如下<!DOCTYPE html><html><head><tilie>呼呼哈嘿的网页弹球</title></head><body><canvas id="canvas"wi...

2021-08-10

71浏览

0评论

Vue的方法和属性案例详解

vue的方法和属性1.方法 methods用法1methods：{
方法名：function（）{}，
}用法2methods：{
方法名（）{}
}注意{{}}调用要写（）示例{{aa()}}事件触发@click=aa"可以有（）也可以没有如果需要传参，...

2021-08-10

91浏览

0评论

Angular封装WangEditor富文本组件的方法

富文本组件是web程序中很常用的一个组件，特别是要开发一个博客，论坛这类的网站后台。得益于Angular的强大，封装WangEditor组件非常简单1.使用yarn或者npm安装wangeditoryarn ad...

2021-08-10

78浏览

0评论

JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

前言什么是数据类型转换？
使用表单、prompt 获取过来的数据默认类型是字符串类型的，此时就不能直接进行加减法运算，而需要转换变量的数据类型。通俗来说，数据类型转换就是将一...

2021-08-10

86浏览

0评论

Vue.js项目前端多语言方案的思路与实践

目录一、通常有哪些内容需要处理
二、基本思路
三、具体实践中的一些细节
1、获取当前应该采用何种语言的getLang模块的实现2、Vux组件的多语言包的配置3、vux-loader的配置...

2021-08-10

120浏览

0评论

浅谈Node.js中ES6导入语法的使用方法

模块是导出一个或多个值的 JavaScript 文件。导出的值可以是变量、对象或函数。Node.js 应用由模块组成，其模块系统采用 CommonJS 规范，它并不是 JavaScript 语言规范的正式组...

2021-08-09

100浏览

0评论

Angular组件学习之浅析内容投影

1. 投影一块内容容器组件这样写<div> 编号1 <ng-content></ng-content></div>业务组件这样用<app-page-container> 未指定投影位置的内容会被投影到无select属性的区域</a...

2021-08-09

91浏览

0评论

编写一个JavaScript程序来列出JavaScript对象的属性

下面我们来给大家详细介绍列出JavaScript对象的属性的方法：首先创建一个HTML示例文件；然后直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2021-08-09

216浏览

0评论

如何给js创建一个数组对象

我们要学习的是数组，那我们怎么能不知道数组是什么呢？先来看看什么是数组吧。数组是元素的有序序列。如果命名一个由数量有限的相同类型变量组成的集合，则此名称为数组名称。组...

2021-08-09

146浏览

0评论

js如何使用索引访问数组对象中的元素

当我们创建了数组之后，需要怎么做呢？是不是应该将创建好的数组里的元素给输出，那应该如何输出呢？今天来说一下。我们先来看一个小例子。<script>var arr = new Array(3); arr[0]...

2021-08-09

127浏览

0评论

js如何给数组添加元素

在javascript中，有三种方法可以向数组中添加元素，首先让我们看第一种。先来看一个小例子。var arr = new Array(3); arr[0] = "one";arr[1] = "two";arr[2] = "three";var new...

2021-08-09

131浏览

0评论

你知道JavaScript中的可迭代对象与迭代器吗

迭代是访问集合元素的一种方法；可以被迭代的对象称为可迭代对象；迭代器是一个可以记住遍历位置的对象，迭代器对象从集合的第一个元素开始访问，直到所有元素被访问结束，迭代器只能...

2021-08-09

152浏览

0评论

使用js要如何计算元素的位置

在javascript中，元素的位置可以分为两种：一种是相对于浏览器视窗的绝对位置；另一种是相对于父节点或 body 元素的偏移位置。下面我们就来了解一下获取两种元素位置的方法。1、j...

2021-08-09

92浏览

0评论

用JavaScript绘制一个渐变圆圈对角线

今天这篇文章的主题就是“编写一个 JavaScript 程序来绘制下图 [对角线，白到黑的圆圈]。”可能大家初看标题都不知道要实现啥玩意，现在这张图应该就非常清晰可懂了...

2021-08-06

热门文章