编程开发 - 教程之家

94浏览

0评论

Vue使用三种方法刷新页面

我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。原始方法：location.reload(...

2021-08-10 22:20:37

85浏览

0评论

vue实现一个单文件组件的完整过程记录

目录前言单文件组件
基本概念
简单的loader
解析组件内容
注册组件
获取脚本内容
Data URI和Object URI
动态导入
实现
行为层
兼容性问题及其他
总结前言前端开发人员只要...

2021-08-10 22:20:35

84浏览

0评论

Vue.js实现图片切换功能

本文实例为大家分享了Vue.js实现图片切换功能的具体代码，供大家参考，具体内容如下实现功能如下文件目录如下，要实现本功能只需要修改图片的存储位置即可代码如下<!DOCTYPE html...

2021-08-10 22:20:34

98浏览

0评论

Vue.js实现音乐播放器

本文实例为大家分享了Vue.js实现音乐播放器的具体代码，供大家参考，具体内容如下目录如下：运行效果如图所示：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...

2021-08-10 22:20:32

76浏览

0评论

vue简易记事本开发详解

本文实例为大家分享了vue实现易记事本的具体代码，供大家参考，具体内容如下css代码#todoapp { margin: 0 400px; width: 600px; background-color: gray; text-align:...

2021-08-10 22:20:31

152浏览

0评论

浅谈node使用jwt生成的token应该存在哪里

答：通常存储在客户端里。jwt 即 JSON Web Token，是一种认证协议，一般用来校验请求的身份信息和身份权限。早上逛某乎的时候，遇到一位同学在问这个问题，很好奇jwt的存储位置。刚好...

2021-08-10 22:20:30

67浏览

0评论

使用NODE.JS创建一个WEBSERVER(服务器)的步骤

目录什么是 nodejs
安装nodejs
如何使用node创建hello world？
如何使用nodejs读写文件使用nodejs创建web服务器如何根据不同的请求路径返回不同数据将数据响应到前端
什么是...

2021-08-10 22:20:27

162浏览

0评论

小程序的基本使用知识点（非常全面，推荐！）

目录注册App时做什么呢？注册page页面时，我们一般需要做什么呢？
关于wxml的template和include
wxs模块
小程序组件化相关
组件到页面间的函数调用
小程序组件插槽的使用
小程序...

2021-08-10 22:20:25

102浏览

0评论

Vue新搭档TypeScript快速入门实践记录

目录1. 使用官方脚手架构建2. 项目目录解析3. TypeScript极速入门 3.1 基本类型和扩展类型3.2 泛型：Generics3.3 自定义类型：Interface vs Type alias3.4 实现与继承：implement...

2021-08-10 22:20:24

88浏览

0评论

一文搞懂TypeScript的安装、使用、自动编译的教程

1. 初识 TypeScript上篇文章给大家介绍过TypeScript的安装、使用、自动编译的实现需要的朋友点击查看。TypeScript 的介绍 TypeScript 是一种由微软开发的开源、跨平...

2021-08-10 22:20:22

84浏览

0评论

Vue实现学生管理功能

本文实例为大家分享了Vue实现学生管理的具体代码，供大家参考，具体内容如下难点学生新建与学生编辑功能都用的一个组件，如何对其进行判断校验。对用户输入进行校验，非空...

2021-08-10 22:20:20

109浏览

0评论

vue+js点击箭头实现图片切换

本文实例为大家分享了vue+js点击箭头实现图片切换的具体代码，供大家参考，具体内容如下前端需求是返回的图片数据能够点击箭头切换代码如下 <div class="pubuItemsBox">...

2021-08-10 22:20:19

107浏览

0评论

vue实现图片切换效果

本文实例为大家分享了vue实现图片切换效果的具体代码，供大家参考，具体内容如下1）v-if/v-show二者都可以实现让元素隐藏和显示。但是实现原理不同：
v-if 是通过将元素从dom树中移...

2021-08-10 22:20:17

93浏览

0评论

js实现轮播图制作方法

本文实例为大家分享了js实现轮播图展示的具体代码，供大家参考，具体内容如下效果如图所示代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title>...

2021-08-10 22:20:16

85浏览

0评论

京东 Vue3 组件库支持小程序开发的详细流程

源码抢先看： https://github.com/jdf2e/nutuiNutUI 3.0 官网：https://nutui.jd.com/3x/小程序多端适配设计初衷在跨端小程序的开发过程中，我们发现没有合适的组件库可以使用，尤...

2021-08-10 22:20:14

97浏览

0评论

Vue实现计数器案例

本文实例为大家分享了Vue实现计数器展示的具体代码，供大家参考，具体内容如下效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数器</title...

2021-08-10 22:20:12

107浏览

0评论

浅谈Web Storage API的使用

目录一、浏览器的本地存储技术1.1、sessionStorage1.2、localStorage二、Web Storage相关接口三、浏览器兼容性四、隐身模式五、使用Web Storage API一、浏览器的本地存储技...

2021-08-10 22:20:08

103浏览

0评论

vue单文件组件的实现

最近翻阅了一下vue。发觉有一个单文件组件之前基本忽视掉了。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。也就是说，一个页面或者是一个组件，我们想将他们...

2021-08-10 22:20:06

87浏览

0评论

uniapp在微信小程序中使用ECharts的方法

今天使用uniapp集成Echarts，实现地图图表的展示可以参照mpvue-echarts参照：https://github.com/F-loat/mpvue-echartshttps://ask.dcloud.net.cn/article/36288进行改进网上有...

2021-08-10 22:20:03

77浏览

0评论

Vue记事本实例详解

本文实例为大家分享了Vue实现记事本功能的具体代码，供大家参考，具体内容如下实例功能点不多，主要难点在于笔记文本对象数组的添加，删除，以及对组件的绑定同步事件。核心代码<sect...

2021-08-10 22:20:02

79浏览

0评论

vue卡片式点击切换图片组件使用详解

本文实例为大家分享了vue卡片式点击切换图片组件，供大家参考，具体内容如下因为公司业务的问题，最近在写vue项目，有了一个卡片图片的点击的需求，自己又不想写动画效果，就偷个懒，采用...

2021-08-10 22:20:00

89浏览

0评论

Vue计时器的用法详解

本文实例为大家分享了Vue实现计时器的具体代码，供大家参考，具体内容如下功能简介：1、初始值为0，点击【加】按钮，数字自+1；连续点击【加】，不影响数字+12、点击【停】按钮，停止+1源码...

2021-08-10 22:19:59

104浏览

0评论

教你使用webpack打包编译TypeScript代码

TypeScript打包 webpack整合通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用T...

2021-08-10 22:19:57

85浏览

0评论

Vue3中ref与reactive的详解与扩展

目录一、ref和reactive1.reactive2.ref
二、shallowRef和shallowReactive1. ref和shallowRef2. reactive和shallowReactive三、toRaw四、markRaw五、toRef和toRefs
1. ref
2...

2021-08-10 22:19:55

77浏览

0评论

vue实现顶部左右滑动导航

日常开发中经常用到导航这些东西，写篇文章记录下。该导航实现为点击末尾/起首位置，导航自动滑动出下一项的效果。思路：判断当前点击项，相对与屏幕的位置，若点击的位置，满足可移动...

2021-08-10 22:19:53

82浏览

0评论

react 跳转后路由变了页面没刷新的解决方案

目录问题解决方案问题这样的问题貌似原因还挺多的，我的问题是带参数的url不能刷新，router 5.0版本，使用withRouter关联组件进行页面跳转
如下所示

路由代码
解决方案在路由组...

2021-08-10 22:19:45

103浏览

0评论

vue移动端实现手指滑动效果

本文实例为大家分享了vue移动端实现手指滑动效果的具体代码，供大家参考，具体内容如下滑动时候黄色块宽度跟着变化
通过touch点击实现
目前感觉宽度变化有点问题，还在思考中
下...

2021-08-10 22:19:44

113浏览

0评论

React如何创建组件

目录前言
组件介绍创建类组件
关于 state
关于 render
创建函数组件
渲染组件
合成组件
提取组件
Props 是只读的
前言
这节我们将介绍 React 中组件的类别，以及如何创建和使...

2021-08-10 22:19:42

109浏览

0评论

Vue实现聊天界面

本文实例为大家分享了Vue实现聊天界面展示的具体代码，供大家参考，具体内容如下1.功能需求根据索引选择跟不同的人进行聊天2.代码展示mock.js：import Mock from 'mockjs'Mock.mo...

2021-08-10 22:19:41

377浏览

0评论

React + Threejs + Swiper 实现全景图效果的完整代码

  咱先看看全景图实现效果：展示地址
  截图：  体验了一下是不是感觉周围环境转了一圈，感觉世界是圆的？😁
  没错！恭喜...

2021-08-10 22:19:39

102浏览

0评论

Vue+express+Socket实现聊天功能

本文实例为大家分享了Vue+express+Socket实现聊天功能的具体代码，供大家参考，具体内容如下实现聊天功能具体功能只是为了实现功能，不对界面进行美化1、输入消息点击发送所有用...

2021-08-10 22:19:38

76浏览

0评论

浅谈React Component生命周期函数

React组件有哪些生命周期函数？类组件才有的生命周期函数，包括ES6语法的class以及create-react-class模块：分为几个阶段：挂载，更新，卸载，错误处理；1，挂载：constructor(常用)、static ge...

2021-08-10 22:19:37

74浏览

0评论

原生JavaScript实现简单五子棋游戏

本文实例为大家分享了JavaScript实现简单五子棋游戏的具体代码，供大家参考，具体内容如下HTML页面注释都很明确了，大家好好学习。<!DOCTYPE html><html lang="en"> <head> <met...

2021-08-10 22:19:35

108浏览

0评论

vue+rem自定义轮播图效果

使用vue+rem自定义轮播图的实现，供大家参考，具体内容如下单位使用rem进行页面布局，在动态计算轮播图整体宽度时，需要把px转换成rem，挺麻烦的。效果如下：如果当前图片不是第一张和...

2021-08-10 22:19:34

87浏览

0评论

react纯函数组件setState更新页面不刷新的解决

目录问题描述：
原因分析：
解决方案：
补：react中，hooks钩子时useState更新不渲染组件的问题问题描述：
const [textList, setTextList] = useState(原数组);setTextList(新数组);当...

2021-08-10 22:19:32

102浏览

0评论

js将多维数组转为一维数组后去重排序

目录先说一下多维数组拍平方法一： flat()
方法二：用空字符串拼接再用split()分割一下
方法三： toString()
方法四： join()
方法五：递归调用
方法六：使用reduce
数组去重方法一：创...

2021-08-10 22:19:30

84浏览

0评论

React传递参数的几种方式

目录父子组件之间传递参数路由传参状态提升context引入redux父子组件之间传递参数父组件往子组件传值，直接用this.props就可以实现在父组件中，给需要传递数据的子组件添加一...

2021-08-10 22:19:28

100浏览

0评论

vue如何根据url下载非同源文件

一般情况下，我们根据url下载文件时可以有以下两种方案：
1. window.open(url)
2. <a :href="url" rel="external nofollow" download="文件名称"/>
但是我们在开发过程中，有时会...

2021-08-10 22:19:27

107浏览

0评论

JavaScript中call、apply、bind实现原理详解

目录前言call
用法
实现
简单的实现版本：
升级版：
apply
用法
实现
bind
用法
基本版：
升级版：
总结前言众所周知 call、apply、bind 的作用都是‘改变'作用域，但是网上对这这‘...

2021-08-10 22:19:25

82浏览

0评论

Vue指令工作原理实现方法

Vue简介
现在的大前端时代，是一个动荡纷争的时代，江湖中已经分成了很多门派，主要以Vue，React还有Angular为首，形成前端框架三足鼎立的局势。Vue在前端框架中的地位就像曾经的jQue...

2021-08-10 22:19:24

55浏览

0评论

vue实现列表无缝滚动

本文实例为大家分享了vue实现列表无缝滚动的具体代码，供大家参考，具体内容如下HTML部分代码<template> <div id="box" class="wrapper"> <div class="contain" id="con1"...

2021-08-10 22:19:22

132浏览

0评论

React列表栏及购物车组件使用详解

本文实例为大家分享了React列表栏及购物车组件的具体代码，供大家参考，具体内容如下一、组件介绍商家详细界面（StoreDetail组件）：import React from 'react';import axios from 'a...

2021-08-10 22:19:20

73浏览

0评论

javascript拖曳互换div的位置实现示例

1 实现原理利用dom元素的dragstart/ondragover/ondrop事件完成，在拖曳开始的时候获取到拖曳元素，然后允许拖动，最后鼠标抬起后放到新的位置；这里用到了event.preventDefault()方...

2021-08-10 22:19:19

83浏览

0评论

Vue+ssh框架实现在线聊天

本文实例为大家分享了Vue+ssh框架实现在线聊天的具体代码，供大家参考，具体内容如下效果图核心部分websocket编程向后台发送消息
<template><el-container> <el-header > </e...

2021-08-10 22:19:17

92浏览

0评论

js中不常见的运算符与操作符总结

javaScript常用运算符和操作符总结类别操作符算术操...

2021-08-10 22:19:15

88浏览

0评论

Vue 大文件上传和断点续传的实现

目录文件上传的 2 套方案
基于文件流（form-data）
客户端把文件转换为 base64
大文件上传
获取到文件对象并转成 ArrayBuffer 对象
创建切片
发送请求
所有切片发送成功后
断点...

2021-08-10 22:19:14

107浏览

0评论

vue移动端判断手指在屏幕滑动方向

vue移动端判断手指在屏幕滑动方向，供大家参考，具体内容如下可以据此实现手指滑屏切换tab的功能，例如京东的订单页，这几个tab切换就可以利用这个实现页面<div @touchstart="...

2021-08-10 22:19:12

92浏览

0评论

vue车牌输入组件使用方法详解

一个简单的车牌输入组件（vue），供大家参考，具体内容如下效果图：vue代码：<template> <div class="enTer"> <div class="plateInput" id="plateInput"> <div class="i...

2021-08-10 22:19:11

106浏览

0评论

vue更多筛选项小组件使用详解

本文实例为大家分享了vue更多筛选项小组件的实现方法，供大家参考，具体内容如下效果：就是一个简单的小效果，当有很多筛选条件时，默认只展示几项，不会觉得很冗余，有需要可以点击展开，...

2021-08-10 22:19:09

81浏览

0评论

vue计时器的实现方法

本文实例为大家分享了vue实现计时器的具体代码，供大家参考，具体内容如下这里做的是点击按钮开始与结束倒计时的功能<div class="time" v-if="rptType">{{str}}</div><div clas...

2021-08-10 22:19:04

热门文章