JavaScript - 教程之家

60浏览

0评论

前端JavaScript实现本地模糊搜索功能的方法实例

目录一、项目前景
二、涉及知识点
Object.assign()的用法filter()方法indexOf()模糊查询DEMO完整代码如下：总结一、项目前景
随着vue、react在实际开发中应运越来越广泛，前端...

2021-08-10

69浏览

0评论

JS、CSS和HTML实现注册页面

一个用HTML和CSS实现的注册页面模板，废话不多说了，上代码！更新：使用JavaScript实现用户名和密码表单校验功能。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...

2021-08-10

93浏览

0评论

详解npm和cnpm混用的坑

目录起因
原因
NPM介绍：
CNPM介绍：
更好的方式
方式改进
有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢？有没有遇到过cnpm在支付宝小程序上面安装包无效？他们真的只...

2021-08-10

56浏览

0评论

vue轻松实现虚拟滚动的示例代码

目录前言
滚动原理
实现
源代码
参考前言
移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按...

2021-08-10

92浏览

0评论

微信小程序实现自动播放视频模仿gif动图效果实例

需求背景：在小程序页面插入gif动态图，但gif图一般体积比较大，转而用自动播放视频的模式来模拟gif图的效果，丰富页面展示。自动播放的视频，无控制条，无声音，自动循环播放。技术难点：...

2021-08-10

86浏览

0评论

微信小程序picker多列选择器(mode = multiSelector)

目录一、效果图（多列）二、普通选择器：mode = selector、多列选择器：mode = multiSelector三、app.json四、picker.wxml五、picker.jsvue-next-admin，这是基于 vue3.x + Compositi...

2021-08-10

66浏览

0评论

JavaScript sleep睡眠函数的使用

目录1.sleep函数
2. setTimeout
3.Promise
4. async await
5. 1s后输出1 2s后输出2 3s后输出3
参考文章：1.sleep函数
JavaScript是单线程运行的，没有内置的sleep函数，现在模拟...

2021-08-10

73浏览

0评论

如何利用JavaScript获取字符串中重复次数最多的字符

目录题目
分析
使用对象
解题思路：代码实现如下：
分析：数组&指针
解题思路：代码实现如下：
分析：
总结
想要保持自己的技术活力，最有效的手段就是通过不断地输入来提供足够的养分。...

2021-08-10

65浏览

0评论

Vue.$set 失效的坑问题发现及解决方案

偶然在项目中发现Vue.$set失效有这样一个需求添加数据过滤用左边是控件选择中间是条件右边是值因为会根据控件不同渲染不同的值选项控件 <el-form inline > <el...

2021-08-10

60浏览

0评论

nodejs将JSON字符串转化为JSON对象报错的解决

如何将JSON字符串转化为JSON对象？JSON.parse(str) JSON是javascript的一个内置对象，提供了转换JSON对象与字符串互相转换的方法；　　问题来了，道理我都懂可是就是报错！　　这是我...

2021-08-10

101浏览

0评论

Vue路由this.route.push跳转页面不刷新的解决方案

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted...

2021-08-10

110浏览

0评论

vue+iview的菜单与页签的联动方式

vue+iview菜单与页签联动最近在使用vue+iview开发一个后台管理类的系统，希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。刚...

2021-08-10

80浏览

0评论

JS实现数组过滤从简单到多条件筛选

目录单条件单数据筛选
单条件多数据筛选
多条件单数据筛选
多条件多数据筛选
知识点1: Object.key() 获取数组索引或者对象属性知识点2: js里的falsy
知识点3: Array.every...

2021-08-10

63浏览

0评论

Vue中插槽和过滤器的深入讲解

目录插槽
什么是插槽？
插槽内容
编译作用域
后备内容
具名插槽
过滤器
概念
语法全局过滤器局部过滤器练习总结插槽
什么是插槽？
概念Vue 实现了一套内容分发的 API，为组件提供...

2021-08-10

60浏览

0评论

浅谈JavaScript中的parseInt()的妙用

起因写这篇博客的起因是今天在刷leetcode的每日一题，是一道字符串转换整数 (atoi)的题，感兴趣的话可以点击题目名称去看一下具体描述。在我多次debug终于成功提交之后，去评论区...

2021-08-10

62浏览

0评论

浅析从面向对象思维理解Vue组件

在多次使用到相同的函数和相同的HTML代码时，可以考虑抽取为组件。想用就调用，想改就传参，就是组件的好处。什么是组件用面向对象的思维去理解Vue组件，可以将所有的事物都抽象为...

2021-08-10

78浏览

0评论

Vue项目打包、合并及压缩优化网页响应速度

目录前言一.请求内容太大
解决方案：CDN引入压缩请求资源一.http请求次数太多
解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本...

2021-08-10

74浏览

0评论

JavaScript数组reduce()方法的语法与实例解析

前言reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。
reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从...

2021-08-10

75浏览

0评论

关于Vue 消除Token过期时刷新页面的重复提示问题

token过期时，刷新页面，页面如果加载时向后端发起多个请求，会重复告警提示，经过处理，只提示一次告警。1、问题现象  页面长时间未操作，再刷新页面时，第一次弹出“token...

2021-08-10

74浏览

0评论

Ant Design Blazor 组件库的路由复用多标签页功能

最近，在 Ant Design Blazor 组件库中实现多标签页组件的呼声日益高涨。于是，我利用周末时间，结合 Blazor 内置路由组件实现了基于 `Tabs` 组件的 `ReuseTabs` 组件。最近，在 Ant...

2021-08-10

67浏览

0评论

使用vue项目配置多个代理的注意点

在Vue项目的开发过程中,为了本地调试方便，我们通常会在 vue.config.js 中配置 devServer 来在本地启动一个服务器，在这个选项中，我们会配置proxy 属性来将指向到本地的请求（例如...

2021-08-10

54浏览

0评论

基于事件冒泡、事件捕获和事件委托详解

事件冒泡、事件捕获和事件委托在javascript里，事件委托是很重要的一个东西，事件委托依靠的就是事件冒泡和捕获的机制，我先来解释一下事件冒泡和事件捕获：事件冒泡会从当前触发的...

2021-08-10

76浏览

0评论

利用Node.js创建一个密码生成器的全步骤

目录一、准备工作
二、编写命令行
2.1 添加版本和描述
2.2 配置密码长度命令
2.2 密码长度添加默认值：82.3 配置保存密码命令2.4 配置密码格式：没有数字2.5 配置密码格式：...

2021-08-10

73浏览

0评论

Vue拖动截图功能的简单实现方法

拖动鼠标进行页面截图(也可指定区域拖动截图)一、安装html2canvas、vue-croppernpm i html2canvas --save //用于将指定区域转为图片npm i vue-cropper -S...

2021-08-10

69浏览

0评论

一篇文章弄懂ECMAScript中的操作符

目录一元操作符
布尔操作符
乘性操作符
加性操作符
关系操作符
相等操作符
条件操作符
赋值操作符
逗号操作符
总结一元操作符
只能操作一个值的操作符叫做一元操作符递增和...

2021-08-10

58浏览

0评论

iview 权限管理的实现

目录iview-admin2.0自带的权限管理
根据权限控制组件展示
自定义auth指令
自定义auth组件
总结
iview-admin2.0自带的权限管理
iview-admin2.0自带权限管理，可以通过设置路由...

2021-08-10

78浏览

0评论

微信小程序实现简单手写签名组件的方法实例

目录背景：需求：效果一、思路
二、实现
1. 页面与样式
2. 初始化
3. 点击时
4. 签名时
三、总结
背景：在做项目过程中，需要在微信小程序中实现手写签名组件。在网上找了微信小程...

2021-08-10

85浏览

0评论

Vue 两个字段联合校验之修改密码功能的实现

目录1、前言2、方案实现2.1、实现代码2.2、代码说明2.3、校验效果1、前言  本文是前文《Vue Element-ui表单校验规则，你掌握了哪些？》针对多字段联合校验的典型应...

2021-08-10

73浏览

0评论

教你使用vscode 搭建react-native开发环境

问题代码没有提示：
许多刚接触RN开发的非前端同学，都会问“哪个编辑器有智能提示？”。。。而对于前端同学来说，现在的日子已经好很多了，要什么自行车。低级代码错误：
这里的错误...

2021-08-10

79浏览

0评论

Vue3.0中Ref与Reactive的区别示例详析

目录Ref与Reactive
Ref
ReactiveRef与Reactive的区别
shallowRef 与shallowReactive
toRaw ---只修改数据不渲染页面
markRaw --- 不追踪数据toRef --- 跟数据源关联不修改...

2021-08-10

81浏览

0评论

vuex 中辅助函数mapGetters的基本用法详解

mapGetters辅助函数mapGetters辅助函数仅仅是将 store 中的 getter 映射到局部计算属性：1、在组件或界面中不使用mapGetter调用映射vuex中的getter　　1.1 调用映射根部store...

2021-08-10

61浏览

0评论

vue $set 实现给数组集合对象赋值

vue $set 数组集合对象赋值在vue自定义数组对象集合中，想要给每个数组对对象再添加一个属性和值。// data定义一个集合对象responseData:[ {'id':'1','name':'女装','pr...

2021-08-10

76浏览

0评论

解决vue前后端端口不一致的问题

vue前后端端口不一致在config index.js文件中引入如下代码即可proxyTable: {'/api': {target: 'http://localhost:3000',//要访问的后端接口changeOrigin: true,pathRewrit...

2021-08-10

53浏览

0评论

vue开发移动端使用better-scroll时click事件失效的解决方案

最近使用vue学习开发移动端的项目，使用了better-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候，点击事件失效，v-on:click、v-bind:click、@click.native...

2021-08-10

57浏览

0评论

如何利用node实现静态文件缓存详解

目录缓存
缓存位置分类缓存设置headernode实现静态文件缓存
强缓存
思路代码实现
效果展示协商缓存
思路代码实现
效果展示
总结缓存
浏览器缓存(Brower Caching)是浏览器对...

2021-08-10

92浏览

0评论

关于var在for循环遇到的问题解决

前言var是ES5定义变量的一种声明方式，一直听说var声明变量，存在循环变量泄漏为全局变量问题，但总是想不明白这个“全局”有什么影响，还有，到底什么时候输出的结果是递增/减的值，什...

2021-08-10

75浏览

0评论

uniapp封装小程序雷达图组件的完整代码

效果图：实现代码如下view<canvas id="radar-canvas" class="radar-canvas" type="2d"></canvas>style.radar-canvas width 550rpx height 550rpx margin 0 autoscri...

2021-08-10

55浏览

0评论

Vue实现Dialog封装

目录Vue2 写法
Vue3 插件版写法
Vue3 动态组件写法
一些比较 hack 的写法
在写业务的时候很常见的一个场景就是需要在不同的页面调用同一个表单，常用的交互就是把表单以弹窗...

2021-08-10

59浏览

0评论

基于visual studio code + react 开发环境搭建过程

开发环境 windows开发工具 visual studio codenode 安装和 npmwindows 安装node 可以直接在 node官网直接下载直接当作普通软件安装即可。
安装完成可以在控制台中运行node...

2021-08-10

73浏览

0评论

element-ui 上传图片后标注坐标点

什么是element-ui element-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库，而手机端有对应框架是 Mint UI 。整个ui风格简...

2021-08-10

67浏览

0评论

尤大大新活petite-vue的实现

目录前言
简介上活
简单使用
根作用域
指定挂载元素
生命周期
组件
全局状态管理
自定义指令
内置指令不支持
总结
前言
打开尤大大的GitHub，发现多了个叫 petite-vue 的东西...

2021-08-10

82浏览

0评论

vue_drf实现短信验证码

目录一、需求1，需求二、sdk参数配置　　1，目录结构三、代码实现1，后端代码2,前端代码一、需求1，需求　　我们在做网站开发时，登录页面很多情况下是可以用手机号接收短信验证码，然...

2021-08-10

93浏览

0评论

移动端H5唤起APP的写法实例（IOS、android）

IOS
1.url scheme这个方案基本上就是针对微信、qq内置浏览器，qq浏览器等之外的其余浏览器，从native那边要一个scheme ，然后放在a标签里或者location.href跳一下就行了用一个ifr...

2021-08-10

57浏览

0评论

Vue3使用路由VueRouter4的简单示例

路由
vue-router4保持了大部分API不变，我们只关注变化部分即可。安装yarn add vue-router@4引入
cdn<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/4.0.6/vue-...

2021-08-10

84浏览

0评论

vuex数据持久化的两种实现方案

目录业务需求：
方案一：vuex-persistedstate方案二：vuex-persist总结
业务需求：
在基于vue开发SPA项目时，为了解决页面刷新后数据丢失的问题，我们一般都是将数据存储在localstorage...

2021-08-10

106浏览

0评论

vuex实现简单的购物车功能

本文实例为大家分享了vuex实现购物车功能的具体代码，供大家参考，具体内容如下文件目录如下：购物车组件<template> <div> <h1>vuex-shopCart</h1> <div class=...

2021-08-10

87浏览

0评论

使用vue-cli创建项目并webpack打包的操作方法

1.准备环境（nodejs下载和设置环境变量）
2.全局安装vue-cli，提供vue命令进行创建vue项目npm install -g @vue/cli关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如...

2021-08-10

82浏览

0评论

小程序开发实现access_token统一管理

目录TOKEN 定时刷新器一、背景二、access_token的内部设计2.1 access_token的时效性2.2 access_token 的逐渐失效性三、access_token的统一管理参考文档TOKEN 定时刷新器一...

2021-08-10

57浏览

0评论

Vue封装全局toast组件的完整实例

目录前言
一. 借助 vue-cli
1. 定义 Toast 组件2. 在 main.js 里面配置3. 在其他组件内使用二、不借助 vue-cli
1. 注册 toast 组件2. 注册 toast 插件3. 在其他组件内使用...

2021-08-10

78浏览

0评论

详细谈谈NodeJS进程是如何退出的

目录前言主动退出
Exceptions, Rejections 和 Emitted Errors
信号
小结
前言有几种因素可以导致 NodeJS 进程退出。在这些因素中，有些是可预防的，比如代码抛出了一个异常；有些...

2021-08-10

热门文章