JavaScript - 教程之家

116浏览

0评论

vue实现集成腾讯TIM即时通讯

本文主要介绍了vue实现集成腾讯TIM即时通讯，分享给大家，具体如下：上图前言
项目需要做个客服功能，用户端小程序，客服人员web端，于是用到了腾讯的tim
准备工作在腾讯云官网上创建应...

2021-08-10

107浏览

0评论

深入理解Vue-cli4路由配置

目录前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-ro...

2021-08-10

83浏览

0评论

关于React Native 无法链接模拟器的问题

React Native 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。...

2021-08-10

81浏览

0评论

纯JS如何实现vue.js下的双向绑定功能

目录首先说一下实现双向绑定的思路：再说一下实现这些功能的js主要的方法有哪些：最后需要创建哪些工具类？实现vue双向绑定看下面截图这是一个普通的html文件，也并没有引入vue.js，...

2021-08-10

87浏览

0评论

基于JavaScript实现年月日三级联动

本文实例为大家分享了JavaScript实现年月日三级联动的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>年...

2021-08-10

82浏览

0评论

如何在webpack项目中调试loader插件

最近，在学习webpack使用时，发现webpack-replace-loader配置正则不起用，调试插件后才发现，search健值竟然不支持正则的写法，后有换成string-replace-loader插件，这个loader的search...

2021-08-10

80浏览

0评论

javascript input图片上传及预览,FileReader预览图片

FileReader是前端进行文件处理的一个重要的Api，特别是在对图片的处理上，如果你想知道图片的处理原理，你就永远不可能绕过它。<!DOCTYPE html><html> <head> <meta charset="ut...

2021-08-10

70浏览

0评论

Vue3中ref与toRef的区别浅析

1. ref是复制,视图会更新如果利用ref将某一个对象中的某一个属性值变成响应式数据我们修改响应式数据是不会影响原始数据的;同时视图会跟新。ref就是复制复制是不会影响原...

2021-08-10

71浏览

0评论

一篇文章学会Vue中间件管道

通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。在本教程中，我们...

2021-08-10

64浏览

0评论

详解Vue-Router的安装与使用

目录安装
路由的基础配置
将Router安装到Vue中
Router的相关配置Router.routes 的相关配置实现一个简单的路由
1.配置路由2. 在组件中实现路由
1. router-link 用于实现路由...

2021-08-10

97浏览

0评论

Node.js实现断点续传

目录方案分析
切片
断点续传
具体解决流程
逻辑分析
前端
服务端
小结
方案分析
切片
就是对上传视频进行切分，具体操作为： File.slice(start,end)：返回新的blob对象...

2021-08-10

78浏览

0评论

js实现网页音乐播放器

本文为大家分享了简单的html，音乐播放器制作代码，供大家参考，具体内容如下首先第一步找图片资源音乐资源放入到img文件夹中第二步对页面布局进行布置第三步书写js代码复制代...

2021-08-10

75浏览

0评论

为什么TypeScript的Enum会出现问题

目录发生了什么呢？
什么时候用
控制枚举的数字
Bit值
控制索引
非数字枚举
结论
TypeScript引入了很多静态编译语言的特性，比如class（现在是JavaScript的一部分了），interface, ge...

2021-08-10

66浏览

0评论

Vue实现简单图片切换效果

本文实例为大家分享了Vue实现简单图片切换的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https...

2021-08-10

80浏览

0评论

JavaScript的防抖和节流案例

目录防抖节流：防抖：在一定的时间内只执行最后一次任务；节流：一定的时间内只执行一次；防抖<button id="debounce">点我防抖！</button> $('#debounce').on('click', debounce()); fu...

2021-08-10

95浏览

0评论

JavaScript 操作宏任务与微任务

宏任务与微任务 javaScript是单线程语言（如果多线程dom会疯掉）所以在同一时间只能执行一个任务，称为主线程，用来执行同步任务同时还有两个任务列表用于存放异步任务，...

2021-08-10

63浏览

0评论

Webpack中publicPath使用详解

目录output
output.path
output.publicPath
webpack-dev-server中的publicPath
html-webpack-plugin
template
filename
最后
斜杠/的含义
参考最近自己在搭建一个基于webpa...

2021-08-10

70浏览

0评论

Vue前端高效开发之列表渲染指令

v-for指令
说起列表不得不提起循环，v-for指令便是可以在vue中实现循环的操作。v-for指令是基于一个数组来重复渲染的指令，通常就用于显示列表和表格。语法：<ul v-for="(键,值,...

2021-08-10

59浏览

0评论

Vue-Element-Admin集成自己的接口实现登录跳转

1、先看一下请求配置文件，看axios.create这个方法，baseURL是基础路由baseURL:process.env.VUE_APP_BASE_API,路径：src-utils-request.js2、然后再看service.interceptors.reque...

2021-08-10

102浏览

0评论

vue-router中hash模式与history模式的区别

vue-router有两种模式 hash模式 history模式
1.单页面应用
单页应用1.只有一个html文件，整个网站的所有内容都在这一个html里，通过js来处理2.不仅仅是在页面交互是...

2021-08-10

74浏览

0评论

vite+vue3.0+ts+element-plus快速搭建项目的实现

目录vite 作用使用的环境搭建项目
配置vite.config.tstsconfig.jsonApp.vueViewsroutermain.tsvite 出了 2.x 版本，抱着学一学的心态决定出个简单的项目，结合 element-plus，以...

2021-08-10

75浏览

0评论

vue实现计数器简单制作

本文实例为大家分享了vue实现计数器简单实现代码，供大家参考，具体内容如下过程注意事项创建vue实例时：el（挂载点）data（数据）methods（方法）。 v-on指令得作用是绑定事件，简写为@...

2021-08-10

70浏览

0评论

Vue使用三种方法刷新页面

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

2021-08-10

67浏览

0评论

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

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

2021-08-10

67浏览

0评论

Vue.js实现图片切换功能

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

2021-08-10

72浏览

0评论

Vue.js实现音乐播放器

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

2021-08-10

54浏览

0评论

vue简易记事本开发详解

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

2021-08-10

133浏览

0评论

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

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

2021-08-10

47浏览

0评论

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

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

2021-08-10

128浏览

0评论

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

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

2021-08-10

79浏览

0评论

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

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

2021-08-10

69浏览

0评论

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

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

2021-08-10

67浏览

0评论

Vue实现学生管理功能

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

89浏览

0评论

vue实现图片切换效果

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

2021-08-10

73浏览

0评论

js实现轮播图制作方法

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

2021-08-10

68浏览

0评论

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

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

2021-08-10

76浏览

0评论

Vue实现计数器案例

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

2021-08-10

79浏览

0评论

浅谈Web Storage API的使用

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

2021-08-10

82浏览

0评论

vue单文件组件的实现

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

2021-08-10

68浏览

0评论

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

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

2021-08-10

57浏览

0评论

Vue记事本实例详解

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

2021-08-10

59浏览

0评论

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

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

2021-08-10

71浏览

0评论

Vue计时器的用法详解

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

2021-08-10

88浏览

0评论

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

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

2021-08-10

64浏览

0评论

Vue3中ref与reactive的详解与扩展

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

2021-08-10

54浏览

0评论

vue实现顶部左右滑动导航

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

2021-08-10

60浏览

0评论

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

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

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

2021-08-10

74浏览

0评论

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

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

2021-08-10

86浏览

0评论

React如何创建组件

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

2021-08-10

热门文章