vue下拉列表的两种实现方式比较
vue下拉列表的两种实现第一种采用v-for的方式 <el-select v-model="form.columeType" placeholder="字段类型"> <el-option v-for="(item,index) in columeTypeA...
2021-08-10
JavaScript中事件冒泡机制示例详析
什么是冒泡？
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、 处于目标阶段、 事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器...
2021-08-10
浅谈react useEffect闭包的坑
问题代码
看一段因为useEffect导致的闭包问题代码
const btn = useRef();const [v, setV] = useState('');useEffect(() => { let clickHandle = () => { console...
2021-08-10
浅谈JS三座大山之异步和单线程
目录单线程异步单线程但是我们在开发中，遇到请求网络，或者定时任务的时候，如果等待网络请求结束或者定时任务结束的时候再去做其他事情，这样页面就会卡住，所以js有异步机制解决这...
2021-08-10
如何用uni-app实现顶部导航栏显示按钮和搜索框
最近公司准备做app，最终决定使用uni-app框架开发，但是当把设计图给我的时候我心里有点没底，因为他的设计图顶部长成这个样子：因为这个功能在小程序是根本无法实现的，可能受这个影...
2021-08-10
JavaScript+html实现前端页面随机二维码验证
分享炫酷的前端页面随机二维码验证，供大家参考，具体内容如下直接上代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>Title</t...
2021-08-10
Vue+Vant实现顶部搜索栏
本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码，供大家参考，具体内容如下搜索栏组件源码(SearchBar.vue)<template> <section class="city-search"> <van-icon c...
2021-08-10
vite+vue3+element-plus项目搭建的方法步骤
使用vite搭建vue3项目
通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev引...
2021-08-10
vue引入iconfont图标库的优雅实战记录
目录前言
生成SVG
svg sprites简介
获取项目图标
项目设置
图标引用
组件引用
多主题支持
配置多主题样式
Icon改造
页面校验
尾言
前言
本文撰写的初衷是为了向组内成员推...
2021-08-10
微信小程序引入Vant框架的全过程记录
前言
有时候会觉得微信小程序原生的ui差了那么一点点感觉，那么能不能引入三方框架呢？本文以引入Vant来进行举例，共包含8个步骤。不管是不是云开发项目都一样使用。实现步骤
1....
2021-08-10
解决localstorage存储boolean类型值的小坑
localstorage存储boolean类型值小坑今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。后面才发现，在localstorage中存储的boolean数据都变成了字...
2021-08-10
详解uniapp无痛刷新token方法
前端在请求接口时,和后端定义好了,如果状态码为 401 ,则表明 token 过期,需要前端请求新的 token大概流程如下:1.用户登录之后,后端会返回两个 token ,分别为accessToken 和...
2021-08-10
JavaScript+html实现前端页面滑动验证
本文实例为大家分享了JavaScript+html实现前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证直接上代码<%@ page contentType="text/html;chars...
2021-08-10
Echarts基本入门之柱状图、折线图通用配置
1echarts的基本步骤四步1 找dom容器2 初始化Init3 配置options4 setOptions几乎124的步骤是一样的，options是配置项，想呈现什么图标就配什么。最基本的带最大值最小值的柱状图...
2021-08-10
vue3+electron12+dll开发客户端配置详解
目录修改仓库源
启动
更换vue-devtools
注意事项
无边框窗口
前后台通知
写在最后
当前使用的版本为 @vue/cli4 创建的 vue3.0 + typescript + electron 12 版本创建，其他版...
2021-08-10
微信小程序实现聊天室功能
本文通过实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下1.实现效果展示2.room.wxml<view class="container" style="{{containerStyle}}"> <chatr...
2021-08-10
Vue实现div滚轮放大缩小
Vue项目中实现div滚轮放大缩小，拖拽效果，类似画布效果1、引入插件vue-draggable-resizable，点我进入GitHub地址。
1）、npm install --save vue-draggable-resizable
2）、main.js...
2021-08-10
JS代码编译器Monaco使用方法
前言我的需求是可以语法高亮、函数提示功能、自动换行、代码折叠MonacoMonaco是微软家的，支持的语言很多，还有缩略地图，有时候提示不好用然后包体很大。
The Monaco Editor is...
2021-08-10
小程序实现文字循环滚动动画
本文通过实例为大家分享了小程序实现文字循环滚动的具体代码，供大家参考，具体内容如下解决问题：1、文字循环播放特效2、小程序退出、隐藏后台动画停止（已解决）效果：代码：wxml<view...
2021-08-10
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
目录前言一、Axios 简介
二、HTTP 拦截器的设计与实现
2.1 拦截器简介
2.2 任务注册
2.3 任务编排
2.4 任务调度
三、HTTP 适配器的设计与实现
3.1 默认 HTTP 适配器
3.2 自...
2021-08-10
vsCode一键生成vue模板
1.使用快捷Ctrl + Shift + P唤出控制台2，然后输入“snippets”并选择2.接着输入vue，vs code自动生成vue.json文件。 3. 将vue.json文件改为下面得模板（可以根据个人需求修改当...
2021-08-10
原生JS实现飞机大战小游戏
本文实例为大家分享了JS实现飞机大战小游戏的具体代码，供大家参考，具体内容如下<html> <head> <title> 飞机大战 </title> <style type="text/css"> *{margin:0;padding:0;...
2021-08-10
浅谈使用Vue完成移动端apk项目
目录基本配置入口文件main.jsApp.vue首页头部搜索栏主体我们项目使用的是Vue和Vant组件，详情都可以看官网哦 Vant Vue 完整项目视频链接目录结构：
基本配置入口文件m...
2021-08-10
Vue实战记录之登陆页面的实现
目录1 前期准备1.1 安装Node.js1.2 安装webpack1.3 安装vue-cli2 搭建Vue项目2.1 创建项目2.2 项目目录2.3 导入Element UI3 实现登陆页面3.1 修改App.vue3.2 创建Login.vue...
2021-08-10
JavaScript操作元素实例大全
操作元素内容参考之前文章：JavaScript WebAPI、DOM、事件、操作元素案例：显示隐藏密码案例核心思路： (操作表单元素属性) 点击眼睛按钮，把密码框类型改为文本框就可以看见里...
2021-08-10
js检测标题与描述中的关键词发现就替换或跳转到别的页面
关键词普通篇标题中不能带破解、key、序列号、注册机的字，要不就给跳转或者替换成别的词var mflag=false;var mtit=document.title;var mcont=document.getElementsByName('d...
2021-08-10
React 高阶组件HOC用法归纳
一句话介绍HOC
何为高阶组件(HOC),根据官方文档的解释：“高阶组件是react中复用组件逻辑的一项高级技术。它不属于react API的组成部分，它是从react自身组合性质中抽离出来的...
2021-08-10
Axios取消重复请求的方法实例详解
目录前言一、如何取消请求
二、如何判断重复请求
三、如何取消重复请求
3.1 定义辅助函数
3.2 设置请求拦截器
3.3 设置响应拦截器
四、CancelToken 的工作原理
五、总结
六...
2021-08-10
浅析vue侦测数据的变化之基本实现
目录一、Object的变化侦测二、关于 Object 的问题三、Array 的变化侦测3.1、背景3.2、实现四、关于 Array 的问题一、Object的变化侦测下面我们就来模拟侦测数据变化的逻辑...
2021-08-10
JavaScript如何优化逻辑判断代码详解
前言我们日常使用到的逻辑判断语句有 if...else...、switch...case...、do...while...等。在简单场景下，我们可能对这些语法的性能没有什么感觉，但当遇到复杂的业务场景时，如果...
2021-08-10
javascript canvas实现雨滴效果
本文实例为大家分享了javascript canvas实现雨滴效果的具体代码，供大家参考，具体内容如下先看效果看起来很炫酷，其实就是实现了雨滴的掉落还有最后的圆还是看源码<!DOCTYPE htm...
2021-08-10
解析从小程序开发者工具源码看原理实现
目录如何查看小程序开发者工具源码小程序架构设计1、小程序渲染是在同一个线程吗？双线程机制2、小程序是web渲染吗？界面渲染机制3、小程序是用web的html标签渲染吗？Exparser组...
2021-08-10
详解JavaScript堆栈与拷贝
目录一.堆栈的定义二.JS堆栈研究1、栈（stack）和堆（heap）2、基本类型和引用类型3、传值与传址三.拷贝1.浅拷贝2.深度拷贝一.堆栈的定义1.栈是一种特殊的线性表。其特殊性在于限定...
2021-08-10
详解JVM系列之内存模型
目录1. 内存模型和运行时数据区2、思维导图和图例3、对象向JVM申请空间4、为什么需要Survivor区?5、为什么需要两个Survivor区?6、例子进行验证堆内存溢出方法区内...
2021-08-10
jQuery框架实现元素显示及隐藏三种动画方式
目录一、默认方式显示和隐藏二、滑动方式显示和隐藏三、淡入淡出方式显示和隐藏四、案例：广告的自动显示和隐藏本文分享自华为云社区《jQuery框架实现元素显示及隐藏动画【附...
2021-08-10
JavaScript WebAPI、DOM、事件和操作元素实例详解
目录WebAPIDOMDOM树DOM获取元素方式document对象属性事件事件的使用步骤事件的类型操作元素操作元素内容操作元素属性操作元素样式排他思想H5自定义属性总结WebAPIAPI：应用程...
2021-08-10
JS面试题之forEach能否跳出循环详解
当年懵懂无知的我被问到这个问题时，脑袋一片空白，当然也没答对，一直以来我对forEach都有一种错误的理解，由于它比原始的for循环简洁许多，导致我一度认为那是为了方便书写所创造出...
2021-08-10
React forwardRef的使用方法及注意点
之前使用react.forwardRef始终无法应用于react高阶组件中，最近终于捣鼓出来了，于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。React.f...
2021-08-10
详解NodeJS模块化
目录一、前言二、正文2.1、什么是模块2.2、Resolving2.3、require.resolve2.4、模块间的父子依赖关系2.5、exports, module.exports2.6、模块循环依赖2.7、.json和.node2.8...
2021-08-10
用JS实现飞机大战小游戏
本文实例为大家分享了JS实现飞机大战小游戏的具体代码，供大家参考，具体内容如下小的时候玩的飞机大战感觉还蛮神奇，今天自己就学着做了一个先制作好要做好的几步以及背景样式va...
2021-08-10
详解JS内存空间
目录概述一、栈与堆二、变量对象与基础数据类型三、引用数据类型与堆内存内存空间管理概述变量对象与堆内存var a = 20;var b = 'abc';var c = true;var d = { m: 20 }在很...
2021-08-10
详解vue3中setUp和reactive函数的用法
1 setUp的执行时机我们都知道，现在vue3是可以正常去使用methods的。
但是我们却不可以在setUp中去调用methods中的方法。
为什么了？？？
我们先了解一下下面这两个生命周期函数，分...
2021-08-10
详解JavaScript面向对象实战之封装拖拽对象
目录概述1、如何让一个DOM元素动起来2、如何获取当前浏览器支持的transform兼容写法3、如何获取元素的初始位置5、我们需要用到哪些事件？6、拖拽的原理7、 我又来推荐思维导...
2021-08-10
JavaScript中数组sort()方法的基本使用与踩坑记录
前言在日常的代码开发中，关于数组排序的操作可不少，JavaScript 中可以调用 sort 方法对数组进行快速排序。今天，就数组的 sort 方法来学习一下，避免日后踩坑的悲惨遭遇。概念
so...
2021-08-10
React中的Context应用场景分析
Context定义和目的Context 提供了一种在组件之间共享数据的方式，而不必显式地通过组件树的逐层传递 props。应用场景 哪些数据会需要共享？Context 设计目的是为了共享那些对于...
2021-08-10
Javascript结合Vue实现对任意迷宫图片的自动寻路
目录前言二维数组，一本道映射基础界面广度优先，地毯式搜索地图编辑优化寻路算法对图片进行寻路自定义起始点，以及随时变更路线处理彩色图片性能优化前言可以直接体验最终效果：ht...
2021-08-10
使用JS实现简易计算器
使用JS完成简易计算器，供大家参考，具体内容如下要求：输入的值只能是数字，使用正则表达式
onchange():值改变时执行事件
onblur():鼠标移出时执行事件<!DOCTYPE html><html lang=...
2021-08-10
解决Vue+SpringBoot+Shiro跨域问题
目录一、配置Vue前端1、开发跨域配置2、生产跨域配置二、配置spring boot相信大家刚开始做都会遇到这个问题，在网上找了好多也不管用，都写的不全，在这里记录一下，希望对大家有所...
2021-08-10
vue3组合API中setup、 ref、reactive的使用大全
1.初识setUp的使用简单介绍下面的代码功能：
使用ref函数，去使用监听某一个变量的变化，并且把它渲染到视图上。
setUp函数是组合API的入口函数。这个是非常重要的。
setUp可以去...
2021-08-10
JavaScript canvas实现代码雨效果
本文实例为大家分享了canvas实现代码雨效果的具体代码，供大家参考，具体内容如下先看效果图这个效果图是不是像极了以前电影里面的黑客技术，看起来蛮难的，其实操作起来还是挺简单...
2021-08-10
