JavaScript - 教程之家

59浏览

0评论

vue-router history模式服务器端配置过程记录

history路由
history模式是指使用HTML5的historyAPI实现客户端路由的模式，它的典型表现就是去除了hash模式中url路径中的#。在使用Vue-Router时开启history模式非常容易，只需...

2021-08-10

48浏览

0评论

浅谈JS的原型和原型链

目录1.原型prototype2.原型指针：__proto__总结1.原型prototypejavascript中所有函数都具有这个属性，所有具有prototype属性的对象都是一个函数。prototype的作用是向对象添加...

2021-08-10

73浏览

0评论

Vuex状态机的快速了解与实例应用

目录一. 速识概念：1. 组件之间共享数据的方式：2. vuex是什么：二. 基本使用：三.创建项目：四. 讲解前提：五.核心概念：1.state：1.1 组件中访问state的第一种方式：1.2 组件中访问state的...

2021-08-10

70浏览

0评论

vue Element-ui表格实现树形结构表格

本文实例为大家分享了Element-ui表格实现树形结构表格的具体代码，供大家参考，具体内容如下前端效果展示:在el-table中，支持树类型的数据的显示。当 row 中包含 children 字段时...

2021-08-10

74浏览

0评论

解决vue $http的get和post请求跨域问题

vue $http的get和post请求跨域问题首先在config/index.js中配置proxyTable proxyTable: { '/api':{ // target:'http://jsonplaceholder.typicode.com',...

2021-08-10

59浏览

0评论

vue+elementui 实现新增和修改共用一个弹框的完整代码

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

2021-08-10

71浏览

0评论

Vue中插槽slot的使用方法与应用场景详析

什么是插槽？
我们知道在Vue中 Child 组件的标签的中间是不可以包着什么的。可是往往在很多时候我们在使用组件的时候总想在组件间外面自定义一些标签，vue新增了一种插槽机制...

2021-08-10

68浏览

0评论

项目中Axios二次封装实例Demo

1.为什么做封装？方便代码整体调用、对请求做公共处理、个性化定制2.别人已经封装了很多，为什么不直接修改使用？封装思路不适合自身项目封装后调用不方便3.个人封装demo...

2021-08-10

69浏览

0评论

详解微信小程序官方人脸核身认证

小程序收集了下用户个人信息上传被打回来说：你好，小程序页面功能涉及：采集用户生物特征（人脸照片或视频）及其他敏感信息，用于身份认识或识别，为保障用户敏感隐私身份信息，平台暂不支...

2021-08-10

70浏览

0评论

分析node事件循环和消息队列

目录什么是异步？为什么需要异步呢？什么是异步IO？什么是事件循环？V8引擎当js运行时消息队列什么是异步？异步和同步应该是经常谈的一个话题了。同步的概念很简单，自上而下依次执行，必...

2021-08-10

59浏览

0评论

分析uniapp入门之nvue爬坑记

目录前言Hello Worldimage 设置 border-radius设置真实像素引入外部的 css使用 ttf 字体文件vue 打开 nvue 时传递参数仿微信朋友圈效果前言uni-app 是 DCloud 出品的新一代...

2021-08-10

107浏览

0评论

JavaScript+html实现前端页面滑动验证（2）

本文实例为大家分享了炫酷的前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证前面已经发过一种，这里再发一种，只是特效不一样还是直接上代码：<%@...

2021-08-10

75浏览

0评论

vue下拉列表的两种实现方式比较

vue下拉列表的两种实现第一种采用v-for的方式 <el-select v-model="form.columeType" placeholder="字段类型"> <el-option v-for="(item,index) in columeTypeA...

2021-08-10

77浏览

0评论

JavaScript中事件冒泡机制示例详析

什么是冒泡？
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器...

2021-08-10

59浏览

0评论

浅谈react useEffect闭包的坑

问题代码
看一段因为useEffect导致的闭包问题代码
const btn = useRef();const [v, setV] = useState('');useEffect(() => { let clickHandle = () => { console...

2021-08-10

68浏览

0评论

浅谈JS三座大山之异步和单线程

目录单线程异步单线程但是我们在开发中，遇到请求网络，或者定时任务的时候，如果等待网络请求结束或者定时任务结束的时候再去做其他事情，这样页面就会卡住，所以js有异步机制解决这...

2021-08-10

60浏览

0评论

如何用uni-app实现顶部导航栏显示按钮和搜索框

最近公司准备做app，最终决定使用uni-app框架开发，但是当把设计图给我的时候我心里有点没底，因为他的设计图顶部长成这个样子：因为这个功能在小程序是根本无法实现的，可能受这个影...

2021-08-10

50浏览

0评论

JavaScript+html实现前端页面随机二维码验证

分享炫酷的前端页面随机二维码验证，供大家参考，具体内容如下直接上代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>Title</t...

2021-08-10

69浏览

0评论

Vue+Vant实现顶部搜索栏

本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码，供大家参考，具体内容如下搜索栏组件源码(SearchBar.vue)<template> <section class="city-search"> <van-icon c...

2021-08-10

53浏览

0评论

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

53浏览

0评论

vue引入iconfont图标库的优雅实战记录

目录前言
生成SVG
svg sprites简介
获取项目图标
项目设置
图标引用
组件引用
多主题支持
配置多主题样式
Icon改造
页面校验
尾言
前言
本文撰写的初衷是为了向组内成员推...

2021-08-10

63浏览

0评论

微信小程序引入Vant框架的全过程记录

前言
有时候会觉得微信小程序原生的ui差了那么一点点感觉，那么能不能引入三方框架呢？本文以引入Vant来进行举例，共包含8个步骤。不管是不是云开发项目都一样使用。实现步骤
1....

2021-08-10

34浏览

0评论

解决localstorage存储boolean类型值的小坑

localstorage存储boolean类型值小坑今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。后面才发现，在localstorage中存储的boolean数据都变成了字...

2021-08-10

47浏览

0评论

详解uniapp无痛刷新token方法

前端在请求接口时,和后端定义好了,如果状态码为 401 ,则表明 token 过期,需要前端请求新的 token大概流程如下:1.用户登录之后,后端会返回两个 token ,分别为accessToken 和...

2021-08-10

47浏览

0评论

JavaScript+html实现前端页面滑动验证

本文实例为大家分享了JavaScript+html实现前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证直接上代码<%@ page contentType="text/html;chars...

2021-08-10

64浏览

0评论

Echarts基本入门之柱状图、折线图通用配置

1echarts的基本步骤四步1 找dom容器2 初始化Init3 配置options4 setOptions几乎124的步骤是一样的，options是配置项，想呈现什么图标就配什么。最基本的带最大值最小值的柱状图...

2021-08-10

50浏览

0评论

vue3+electron12+dll开发客户端配置详解

目录修改仓库源
启动
更换vue-devtools
注意事项
无边框窗口
前后台通知
写在最后
当前使用的版本为 @vue/cli4 创建的 vue3.0 + typescript + electron 12 版本创建，其他版...

2021-08-10

55浏览

0评论

微信小程序实现聊天室功能

本文通过实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下1.实现效果展示2.room.wxml<view class="container" style="{{containerStyle}}"> <chatr...

2021-08-10

40浏览

0评论

Vue实现div滚轮放大缩小

Vue项目中实现div滚轮放大缩小，拖拽效果，类似画布效果1、引入插件vue-draggable-resizable，点我进入GitHub地址。
1）、npm install --save vue-draggable-resizable
2）、main.js...

2021-08-10

43浏览

0评论

JS代码编译器Monaco使用方法

前言我的需求是可以语法高亮、函数提示功能、自动换行、代码折叠MonacoMonaco是微软家的，支持的语言很多，还有缩略地图，有时候提示不好用然后包体很大。
The Monaco Editor is...

2021-08-10

60浏览

0评论

小程序实现文字循环滚动动画

本文通过实例为大家分享了小程序实现文字循环滚动的具体代码，供大家参考，具体内容如下解决问题：1、文字循环播放特效2、小程序退出、隐藏后台动画停止（已解决）效果：代码：wxml<view...

2021-08-10

48浏览

0评论

GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析

目录前言一、Axios 简介
二、HTTP 拦截器的设计与实现
2.1 拦截器简介
2.2 任务注册
2.3 任务编排
2.4 任务调度
三、HTTP 适配器的设计与实现
3.1 默认 HTTP 适配器
3.2 自...

2021-08-10

55浏览

0评论

vsCode一键生成vue模板

1.使用快捷Ctrl + Shift + P唤出控制台2，然后输入“snippets”并选择2.接着输入vue，vs code自动生成vue.json文件。 3. 将vue.json文件改为下面得模板（可以根据个人需求修改当...

2021-08-10

94浏览

0评论

原生JS实现飞机大战小游戏

本文实例为大家分享了JS实现飞机大战小游戏的具体代码，供大家参考，具体内容如下<html> <head> <title> 飞机大战 </title> <style type="text/css"> *{margin:0;padding:0;...

2021-08-10

58浏览

0评论

浅谈使用Vue完成移动端apk项目

目录基本配置入口文件main.jsApp.vue首页头部搜索栏主体我们项目使用的是Vue和Vant组件，详情都可以看官网哦 Vant Vue 完整项目视频链接目录结构：
基本配置入口文件m...

2021-08-10

66浏览

0评论

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

66浏览

0评论

JavaScript操作元素实例大全

操作元素内容参考之前文章：JavaScript WebAPI、DOM、事件、操作元素案例：显示隐藏密码案例核心思路： (操作表单元素属性) 点击眼睛按钮，把密码框类型改为文本框就可以看见里...

2021-08-10

54浏览

0评论

js检测标题与描述中的关键词发现就替换或跳转到别的页面

关键词普通篇标题中不能带破解、key、序列号、注册机的字，要不就给跳转或者替换成别的词var mflag=false;var mtit=document.title;var mcont=document.getElementsByName('d...

2021-08-10

55浏览

0评论

React 高阶组件HOC用法归纳

一句话介绍HOC
何为高阶组件(HOC),根据官方文档的解释：“高阶组件是react中复用组件逻辑的一项高级技术。它不属于react API的组成部分，它是从react自身组合性质中抽离出来的...

2021-08-10

46浏览

0评论

Axios取消重复请求的方法实例详解

目录前言一、如何取消请求
二、如何判断重复请求
三、如何取消重复请求
3.1 定义辅助函数
3.2 设置请求拦截器
3.3 设置响应拦截器
四、CancelToken 的工作原理
五、总结
六...

2021-08-10

43浏览

0评论

浅析vue侦测数据的变化之基本实现

目录一、Object的变化侦测二、关于 Object 的问题三、Array 的变化侦测3.1、背景3.2、实现四、关于 Array 的问题一、Object的变化侦测下面我们就来模拟侦测数据变化的逻辑...

2021-08-10

49浏览

0评论

JavaScript如何优化逻辑判断代码详解

前言我们日常使用到的逻辑判断语句有 if...else...、switch...case...、do...while...等。在简单场景下，我们可能对这些语法的性能没有什么感觉，但当遇到复杂的业务场景时，如果...

2021-08-10

53浏览

0评论

javascript canvas实现雨滴效果

本文实例为大家分享了javascript canvas实现雨滴效果的具体代码，供大家参考，具体内容如下先看效果看起来很炫酷，其实就是实现了雨滴的掉落还有最后的圆还是看源码<!DOCTYPE htm...

2021-08-10

48浏览

0评论

解析从小程序开发者工具源码看原理实现

目录如何查看小程序开发者工具源码小程序架构设计1、小程序渲染是在同一个线程吗？双线程机制2、小程序是web渲染吗？界面渲染机制3、小程序是用web的html标签渲染吗？Exparser组...

2021-08-10

71浏览

0评论

详解JavaScript堆栈与拷贝

目录一.堆栈的定义二.JS堆栈研究1、栈（stack）和堆（heap）2、基本类型和引用类型3、传值与传址三.拷贝1.浅拷贝2.深度拷贝一.堆栈的定义1.栈是一种特殊的线性表。其特殊性在于限定...

2021-08-10

61浏览

0评论

详解JVM系列之内存模型

目录1. 内存模型和运行时数据区2、思维导图和图例3、对象向JVM申请空间4、为什么需要Survivor区?5、为什么需要两个Survivor区?6、例子进行验证堆内存溢出方法区内...

2021-08-10

76浏览

0评论

jQuery框架实现元素显示及隐藏三种动画方式

目录一、默认方式显示和隐藏二、滑动方式显示和隐藏三、淡入淡出方式显示和隐藏四、案例：广告的自动显示和隐藏本文分享自华为云社区《jQuery框架实现元素显示及隐藏动画【附...

2021-08-10

59浏览

0评论

JavaScript WebAPI、DOM、事件和操作元素实例详解

目录WebAPIDOMDOM树DOM获取元素方式document对象属性事件事件的使用步骤事件的类型操作元素操作元素内容操作元素属性操作元素样式排他思想H5自定义属性总结WebAPIAPI：应用程...

2021-08-10

51浏览

0评论

JS面试题之forEach能否跳出循环详解

当年懵懂无知的我被问到这个问题时，脑袋一片空白，当然也没答对，一直以来我对forEach都有一种错误的理解，由于它比原始的for循环简洁许多，导致我一度认为那是为了方便书写所创造出...

2021-08-10

50浏览

0评论

React forwardRef的使用方法及注意点

之前使用react.forwardRef始终无法应用于react高阶组件中，最近终于捣鼓出来了，于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。React.f...

2021-08-10

热门文章