Vue局部组件数据共享Vue.observable()的使用
随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue...
2021-08-10
vue.js根据图片url进行图片下载
最近在做一个前端vue.js对接的功能模块时，需要实现一个下载图片的功能，后台返回来的是一串图片url，试了很多种方法，发现点击下载时出来的效果，都是跳到一个新的图片网页，后来经过...
2021-08-10
vue实现web在线聊天功能
本文实例为大家分享了vue实现web在线聊天的具体代码，供大家参考，具体内容如下最终实现的效果实现过程无限滚动窗体的实现之前已经介绍过，这里就不在赘述了，不清楚的可以通过文档...
2021-08-10
微信小程序学习笔记之页面配置与路由方式
最近在学习回顾小程序的开发，将一些学习结果做个笔记。参考微信小程序官方文档：developers.weixin.qq.com/miniprogram…一、小程序配置
1、全局配置小程序根目录下的 app.jso...
2021-08-10
vue中利用mqtt服务端实现即时通讯的步骤记录
MQTT协议
MQTT(Message Queuing Telemetry Transport，消息队列遥测传输)是IBM开发的一个即时通讯协议，有可能成为物联网的重要组成部分。该协议支持所有平台，几乎可以把所有联...
2021-08-10
elementui的el-popover修改样式不生效的解决
在使用element-ui的时候，有一个常用的组件，那就是el-popover，但是element-ui官方文档中样式跟用法都比较局限，在使用时都需要改动样式项目中使用了el-popover，但是想修改一下样式...
2021-08-10
Vue3中SetUp函数的参数props、context详解
1.setUp函数的第1个参数props
setup(props,context){}第一个参数props:props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传...
2021-08-10
React 并发功能体验(前端的并发模式)
React 是一个开源 JavaScript 库，开发人员使用它来创建基于 Web 和移动的应用程序，并且支持构建交互式用户界面和 UI 组件。React 是由 Facebook 软件工程师 Jordan Walke 创...
2021-08-10
Vue实现Google第三方登录的示例代码
目录一、开发者平台配置解决问题BUG
一、开发者平台配置1、进入开发者平台，首先前往Google API 控制台选择或者创建一个项目
谷歌开发者平台
一堆眼花缭乱的API让你无从选择...
2021-08-10
微信小程序实现固定表头、列表格组件
目录需求：功能点效果图实现思路具体代码(react\taro3.0)
具体代码(小程序原生)
总结需求：微信小程序实现固定表头固定列表格组件（移动端做点小修改通用）功能点 排序表格...
2021-08-10
分析Vue指令实现原理
目录一、基本使用二、指令工作原理2.1、初始化2.2、模板编译2.3、生成渲染方法2.4、生成VNode2.5、生成真实DOM三、注意事项四、小结一、基本使用官网案例：<div id='app'> <...
2021-08-10
axios的简单封装以及使用实例代码
前言最近在构建项目时，想到了请求的封装，之后就琢磨如何封装才好。虽然对各位大佬来说可能是个小事情，但对我来说也算是一个小小的挑战。在我设想中请求的一些基本配置与具体接...
2021-08-10
swiper+echarts实现多个仪表盘左右滚动效果
本文实例为大家分享了swiper+echarts实现仪表盘左右滚动效果的具体代码，供大家参考，具体内容如下1、swiper的使用a.首先加载插件<!DOCTYPE html><html><head> ... <link...
2021-08-10
JavaScript实现电商平台商品细节图
本文分享一个电商平台常见查看商品细节图案例，如某东网站手机类别中具体某一部手机详情页中，手机的细节图展示，左侧小图获得用户鼠标焦点即可在屏幕右侧展示出该图片区域的大图...
2021-08-10
微信小程序在{{ }}中直接使用函数的方法示例
前言
在微信小程序开发中（原生wxml、wxcss），想直接在{{ }}调用方法处理数据， 但是会报错。如：在项目中涉及到百分比的计算，js浮点数运算会出现精度问题，造成小数位数过多，因此想在模...
2021-08-10
Vue+SpringBoot实现支付宝沙箱支付的示例代码
首先去下载支付宝沙箱的一系列东西，具体的配置什么的我就不说了，有很多博客都讲了，还有蚂蚁金服官方也说的很详细，我就直接说怎么样把后端的支付页面显示到Vue前端来：
在你配置好...
2021-08-10
react中的DOM操作实现
目录前面的话
使用场景
ref
【HTML元素】【类组件】【函数式组件】【对父组件暴露DOM节点】非受控组件
【默认值】ReactDOM
【render()】【unmountComponentAtNode()】【fin...
2021-08-10
如何让你的JavaScript函数更加优雅详解
目录对象参数使用解构
命名回调函数
让条件句具有描述性
用 Map 或 Object替换 switch 语句
使用 Object.assign 设置默认属性
删除重复代码，合并相似函数；删除弃用代码
提炼...
2021-08-10
基于websocket实现简单聊天室对话
本文实例为大家分享了websocket实现简单聊天室对话的具体代码，供大家参考，具体内容如下首先搭建一个node的环境，在app.js中写入以下代码npm install socket.io-clientsocket是...
2021-08-10
vue3中provide和inject的使用
1.provide 和 inject 的讲解provide和inject可以实现嵌套组件之间进行传递数据。
这两个函数都是在setup函数中使用的。
父级组件使用provide向下进行传递数据；
子级组件使用...
2021-08-10
vite2.0 踩坑实录
目录vite项目构建优化其它最后
算是对上一篇的补充，记录了一些在配置项目中遇到的问题，希望对大家能有所帮助～
vite项目构建优化路由动态导入 经过rollup的构建，动态导入的文件...
2021-08-10
react如何实现一个密码强度检测器详解
目录前言使用组件编写
数据结构解析流程解析
底层代码解析
其他
总结前言密码强度文件校验器； 注册帐号的时候我们需要对用户当前的密码强度进行一个评估，这个过程我们需要做...
2021-08-10
jQuery实现大屏滚动播放效果
本文实例为大家分享了jQuery实现大屏滚动播放效果的具体代码，供大家参考，具体内容如下场景需求：在大屏幕上，消息会进行一个实时滚动播报的效果，将现有的内容进行一个来回滚动的播...
2021-08-10
js实现购物网站放大镜功能
本文实例为大家分享了js实现购物网站放大镜功能的具体代码，供大家参考，具体内容如下首先看效果图：先是布局，左边一个小图框，包含一个鼠标移动框，右边一个放大框。<div class="box"...
2021-08-10
vue 如何设置背景颜色及透明度
背景颜色及透明度设置如上图，如果是第一张图片，需要在左上角加上灰色背景，白色“封面”字样，背景色需要有透明度。首先，需要知道rgba() 函数。rgba() 函数使用红(R)、绿(G)、蓝(B...
2021-08-10
JavaScript实现Tab栏切换特效
这里分享一个前端必会的案例，是一个Tab栏的切换效果，除了Tab栏本身会被点击切换之外，Tab本身也决定着其下方的内容板块的显示。运行效果展示：如上图所示，其实就是点击上方的Tab栏...
2021-08-10
详解在node.js中require方法的加载规则
require 方法的加载规则 优先从缓存中加载 核心模块 路径形式的模块 第三方模块一、优先从缓存中加载main.js：执行加载a.js模块require('./a')a.js：执行加载b.js...
2021-08-10
VUE 无限层级树形数据结构显示的实现
目录组件递归调用
使用render方法
在做项目中，会遇到一些树形的数据结构，常用在左侧菜单导航，或者评论引用等地方，这种数据结构有个特点是不知道它会嵌套多少层，所以用template去...
2021-08-10
Vue开发高德地图应用的最佳实践
目录前言
异步加载
封装组件
使用组件
自定义界面最佳实践
总结前言
之前做不过不少关于地图交互的产品系统，目前国内主流的地图应用 SDK 只有几家：高德、百度和腾讯。所以个...
2021-08-10
微信小程序swiper-dot中的点如何改成滑块详解
目录背景
目标效果
思路
实现
swiper监听change自定义dot模块change事件中的逻辑写在最后
本文主要介绍如何基于已有的组件（比如微信小程序的swiper，还有我们平时h5用的比较多...
2021-08-10
webpack代码分片的实现
目录背景
CommonsChunkPlugin
splitChunks
配置
异步加载资源
总结
背景
实现高性能应用其中最重要的一点就是尽可能地让用户每次只加载必要的资源，优先级不要太高的资源则采...
2021-08-10
浅谈Vue插槽实现原理
目录一、样例代码二、透过现象看本质三、实现原理四、父组件编译阶段五、父组件生成渲染方法六、父组件生成VNode七、子组件状态初始化八、子组件编译阶段九、子组件生成渲...
2021-08-10
解析如何自动化生成vue组件文档
目录一、现状二、社区解决方案2.1、业务梳理三、技术方案3.1、Vue文件解析3.2、信息提取3.2.1、可直接获取的信息3.2.2、需要约定的信息四、总结五、展望一、现状Vue框架在...
2021-08-10
jquery实现表格无缝滚动
本文实例为大家分享了jquery实现表格无缝滚动的具体代码，供大家参考，具体内容如下css部分我是用的弹性布局*{ margin:0; padding:0; } u...
2021-08-10
JavaScript中三种for循环语句的使用总结（for、for...in、for...of）
前言每个接触JS的开发人员都不可避免的与for循环打交道,毕竟这是遍历必不可少的工具之一。JavaScript 中的 for 循环语句相信大家都已经快用厌了，现在有好多文章都在讲怎么减...
2021-08-10
JavaScript实现留言板添加删除留言
本文分享一个JavaScript的留言板添加留言、删除留言的小案例，内附详细代码分析、但不涉及数据库操作，只解析底层代码实现思路：实现效果运行代码界面：输入留言进行添加：（最新的留言...
2021-08-10
JavaScript实现表单全选或反选效果
本文实例为大家分享了JavaScript实现表单全选或反选的具体代码，供大家参考，具体内容如下表单中常常会用到checkbox复选框，通过复选框做出的列表全选或全不选的效果也是很常见的...
2021-08-10
详解JavaScript闭包问题
闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分，JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作，闭包在主流Java...
2021-08-10
vue轮询请求解决方案的完整实例
轮询的理解
其实轮询的重点在于间隔多少时间执行一次，而并非循环本身。ajax是异步请求，从发起请求到接受到响应即为一个完整的过程，这个过程所需要的时间是无法预料的，说的极端...
2021-08-10
js+canvas实现代码雨效果
本文实例为大家分享了js+canvas代码雨效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type=...
2021-08-10
JavaScript接入百度地图API的方法步骤
目录一、百度地图API接入二、在HTML中使用百度地图API1、在html中引入百度地图js文件2、在网页中定义一个DIV用于显示地图3、在网页中显示地图4、添加可选控件5、定位功能6...
2021-08-10
vue-cli配置使用Vuex的全过程记录
目录前言
安装使用
模块化管理
vuex状态持久化
总结
前言
    在vue开发用我们常常会用到一些全局的数据，比如用户信息、用户权限、一些状态等等。...
2021-08-10
vue实现购物车全部功能的简单方法
主要功能如下： 增加商品信息 修改商品信息 删除单个商品 删除多个商品 清空购物车 对商品单价进行降序排序 根据商品名称实现查找 实现商品数量加减...
2021-08-10
Vue批量更新dom的实现步骤
目录场景介绍
深入响应式
触发getter
寻找Dep.target
getter
setter
总结
场景介绍
在一个SFC（single file component，单文件组件）中，我们经常会写这样的逻辑：
<template> <div>...
2021-08-10
一文了解TypeScript数据类型
目录基础类型any类型数组元组Interface函数类型自推联合类型（二选一甚至多选一）class枚举基础类型ts中支持更多的类型let age: number = 10 // Numberlet firstName: string =...
2021-08-10
手把手教你用vue3开发一个打砖块小游戏
前言
用vue3写了几个实例，感觉Vue3的composition Api设计得还是很不错，改变了一下习惯，但写多两个就好了。 这次写一个也是儿时很觉得很好玩的游戏-打砖块， 无聊的时候玩一下也...
2021-08-10
vue项目中使用rem替换px的实现示例
目录工具
安装插件
在项目根目录下添加.postcssrc.js文件
index.html
关于
移动端页面适配，rem和vw适配方案基础点：rem相对根节点字体的大小。所以不用px;
根字体：字体的大小px...
2021-08-10
ES6中Set与WeakSet集合的深入讲解
目录Set是值永不重复的特殊集合
Set集合基础API关于唯一值的判断Set集合遍历的3种方式Set集合案例实践
Set集合与Array数组之间的转换
单个数组去重多个数组合并去重获取交...
2021-08-10
Bootstrap5的断点与容器的具体使用
目录1、Bootstrap5的断点
1.1 移动优先
1.2 Bootstrap的断点
2、容器（Containers）
2.1 容器就是用来盛东西的
2.2 Bootstrap容器的分类
2.3 容器随浏览器宽度变化解析
2.4 容...
2021-08-10
关于JavaScript递归经典案例题详析
目录什么是递归，它是如何工作的？
一、求和（1）数字求和（2）数组求和二、数据转树三、汉诺塔四、斐波那契数列总结什么是递归，它是如何工作的？
我们先来看一下递归（recursion）的定义：递归...
2021-08-10
