Vue之全局水印的实现示例
目录1.创建水印Js文件
2.引入操作
2.1 在App.vue中引用或其他页面
2.2 在router配置文件中引用【需求】系统内页面显示水印，登录页面没有水印（退出登录时，登录页面不会显示水印...
2021-08-10
利用js实现Vue2.0中数据的双向绑定功能
Object.defineProperty了解
语法：Object.defineProperty(obj, prop, descriptor) obj 要定义属性的对象。 prop 要定义或修改的属性的名称 descriptor 要定义或修...
2021-08-10
微信小程序实现计算器小功能
微信小程序现在越来越火爆了，我也看到很多在校大学生都在自学了，那些专门从事APP开发，网页开发的工作者更是看到了小程序的前景，在小程序领域也掺上一脚，本人也是自学小程序的，初...
2021-08-10
Element Plus实现Affix 固钉
目录一、组件介绍
二、源码分析
2.1 template
2.2 script
2.3 实现总结：一、组件介绍
Affix组件用于将页面元素固定在特定可视区域。
1.1 属性 position：指定固钉的位置，可...
2021-08-10
微信小程序实现计算器案例
本文实例为大家分享了微信小程序实现计算器的具体代码，供大家参考，具体内容如下项目展示页面设计分为上面输入的显示部分和下面按键部分<!--pages/index/index.wxml--><view c...
2021-08-10
vue-route路由管理的安装与配置方法
介绍Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由...
2021-08-10
微信小程序页面返回传值的4种解决方案汇总
目录使用场景
解决方案
1、使用globalData实现2、使用本地缓存Storage实现3、使用小程序的Page页面栈实现4、使用wx.navigateTo API的events实现总结
使用场景
小程序从A页...
2021-08-10
React中Portals与错误边界处理实现
目录Portals
错误边界处理
如果没有使用错误边界会怎样？
注意点
Portals
可以说是 插槽，但 不同于 Vue 中的 slot，它指的是将一个 React 元素渲染到指定的容器 (真实 DOM) 中...
2021-08-10
JavaScript defineProperty如何实现属性劫持
目录前言描述符
细说get 和 set劫持对象的某个属性
劫持对象的所有属性
劫持对象的所有属性 - 包括对象类型的属性值
defineProperty的缺陷defineProperty还可以挂载属性
de...
2021-08-10
小程序实现简单的计算器
本文实例为大家分享了小程序实现简单计算器的具体代码，供大家参考，具体内容如下#app.json{ "pages": [ "pages/index/index", "pages/logs/logs" ], "window": {...
2021-08-10
微信小程序实现计算器功能
本文实例为大家分享了微信小程序实现计算器功能的具体代码，供大家参考，具体内容如下一、微信小程序开发工具界面二、目录结构第一次进到页面它的目录结构如下：三、需要注意的问...
2021-08-10
用微信小程序实现计算器功能
本文是用微信小程序写的一个简单的计算器，有兴趣的小伙伴可以了解一下。页面部分<view class='box'> <view class='txt'>{{screenNum}}</view> <view capture-bind:t...
2021-08-10
Vue-Jest 自动化测试基础配置详解
目录安装
配置
常见错误测试前的工作
处理依赖
生成实例和 DOM
总结
引用
目前开发大型应用，测试是一个非常重要的环节，而在 Vue 项目中做单元测试可以用 Jest，Jest 是 faceboo...
2021-08-10
vue实现可改变购物数量的购物车
本文实例为大家分享了vue实现改变购物数量的购物车，供大家参考，具体内容如下效果图：知识点：1.computed 计算属性
2.filters 过滤器实现代码：<!DOCTYPE html><html lang="en"><hea...
2021-08-10
微信小程序wxs日期时间处理的实现示例
目录1、时间戳转日期
2、UTC转北京时间
WXS（WeiXin Script）是小程序的一套脚本语言，wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。其中包括了很多日常...
2021-08-10
微信小程序虚拟列表的实现示例
目录前言
分析初始渲染方法
初步优化
进一步优化
方法二
前言
大部分小程序都会有这样的需求，页面有长列表，需要下拉到底时请求后台数据，一直渲染数据，当数据列表长时，会发现明显...
2021-08-10
Vue 级联下拉框的设计与实现
目录1.数据库设计2.前端页面3.一个完整的demo​ 在前端开发中，级联选择框是经常用到的，这样不仅可以增加用户输入的友好性，还能减少前后端交互的数据量。本文以elementUI...
2021-08-10
微信小程序实现锚点定位功能的方法实例
前言在小程序开发中，我们经常会遇到滚动列表查看的需求，那么使用锚点定位来实现可以达到交互体验更加友好的效果，我们看下项目中实现的效果： 功能实现
采用小程序视...
2021-08-10
JavaScript如何监测数组的变化
前言之前介绍defineProperty的时候说到，其只能监测对象的变化，并不能监测数组的变化。本文致力于说清楚怎么实现监测数组的变化。核心思路：找到改变原数组的方法，然后对这些方法...
2021-08-10
小程序实现计算器功能
本文实例为大家分享了小程序实现计算器功能的具体代码，供大家参考，具体内容如下实现模拟手机上的计算器，输入即可运算本页面是做一个计算收款的页面，如果不需要下面的内容可以删...
2021-08-10
微信小程序计算器实例详解
微信小程序计算器实例，供大家参考，具体内容如下index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><vi...
2021-08-10
微信小程序实现简易计算器
微信小程序之简易计算器，供大家参考，具体内容如下一、介绍1.中缀表达式中缀表达式是一种通用的算术或逻辑公式表示方法，操作符以中缀形式处于操作数的中间。中缀表达式是人们常...
2021-08-10
Vue虚拟Dom到真实Dom的转换
再有一颗树形结构的Javascript对象后， 我们需要做的就是讲这棵树跟真实Dom树形成映射关系。我们先回顾之前的mountComponnet 方法：export function mountComponent(vm, el) {...
2021-08-10
Vue实现登陆跳转
本文实例为大家分享了Vue实现登陆跳转的具体代码，供大家参考，具体内容如下不说废话，先上效果图~具体的实现方法，参照以下步骤~1.创建login.vue，绘制login画面，添加跳转事件。
<tem...
2021-08-10
原生Javascript实现继承方式及其优缺点详解
目录前言原型继承优点构造函数继承
优点
缺点
组合式继承
寄生式组合继承总结前言最近在复习javascript的一些基础知识，为开启新的征程做准备。所以开始记录一些自己学习的内...
2021-08-10
nodejs利用readline提示输入内容实例代码
目录前言
1. bat执行js
2. 终端提示输入版本号、执行打包命令
3. 修改版本号文件
总结前言
最近进行小版本发包测试时忘记修改版本号了，进而想到在打包前提示输入版本号，然后...
2021-08-10
手把手带你用React撸一个日程组件
目录业务背景
使用技术技术难点设计思路
😱一脸懵逼苦
🙄开始构思
🌲目录结构
🛠拆分组件
代码实现
Container容器组件
CalendatrHeader头部容...
2021-08-10
vue实现界面滑动效果
本文实例为大家分享了vue实现界面滑动效果的具体代码，供大家参考，具体内容如下项目需求+效果图1.项目需求【点击底部导航栏，切换页面的时候，会有一个滑动的效果】2.效果图代码+...
2021-08-10
微信小程序实现简单的计算器功能
本文实例为大家分享了微信小程序实现计算器功能的具体代码，供大家参考，具体内容如下wxml<view class='content'> <input value='{{calculation}}'></input> <view class='bo...
2021-08-10
微信小程序实现简单计算器功能
微信小程序：简单计算器，供大家参考，具体内容如下对于才接触小程序不久的人来说，想要直接上手一个实用性强的项目难度很大，想要快速熟悉小程序的使用，我们可以先尝试着做一个简单的...
2021-08-10
ElementUI在实际项目使用步骤详解
目录1.表格自排序2.分页功能3.el-checkbox-group多选框4.封装日历组件5.用antv-G2实现雷达图6.多语言支持1.表格自排序目标：点击入职时间后面的上下箭头可以实现当前页数据按...
2021-08-10
Vue两个同级组件传值实现
Vue组件之间是有联系的，避免不了组件之间要互相传值，父给子使用v-bind绑定自定义属性和使用props来接受
子给父使用@自定义事件='函数' this.$emit('自定义事件','要发送的内...
2021-08-10
vue Nprogress进度条功能实现常见问题
NProgress是页面跳转是出现在浏览器顶部的进度条
官网：http://ricostacruz.com/nprogress/
github：https://github.com/rstacruz/nprogress下图中的这种顶部进度条是非常常见...
2021-08-10
js实现axios限制请求队列
目录背景是：会造成什么情况呢？背景是：在实际开发中，可能会遇到网络问题或者查询量比较大的情况，上一个请求还没有完成，用户就发起了下一个请求。会造成什么情况呢？但是同一个请求多...
2021-08-10
微信小程序实现九宫格效果
本文实例为大家分享了微信小程序实现九宫格效果的具体代码，供大家参考，具体内容如下1.九宫格实现示例图： Tips: 说明：使用 display: -webkit-flex;对布局做兼容。保证每排三个图...
2021-08-10
vue使用引用库中的方法附源码
monaco-editor-vue的官方源码如下Index.jsimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';function noop() { }export { monaco };export default { n...
2021-08-10
webpack的移动端适配方案小结
目录rem
vw
适配第三方UI框架
结语
在移动端开发的过程中，一个最常见的问题就是适配不同的屏幕宽度。目前比较常见的适配方案有rem和vw，它们都是css中的相对单位。rem
W3C对re...
2021-08-10
JavaScript分页组件使用方法详解
分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)
2、t...
2021-08-10
JavaScript canvas实现俄罗斯方块游戏
俄罗斯方块是个很经典的小游戏，也尝试写了一下。不过我想用尽量简洁逻辑清晰的代码实现。不用过多的代码记录下落方块的模型，或者记录每一个下落方块的x,y。想了下面的思路，然...
2021-08-10
关于vue3编写挂载DOM的插件问题
vue3 跟 vue2 相比，多了一个 app 的概念，vue3 项目的创建也变成了// main.jsimport { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-...
2021-08-10
vue实现旋转木马动画
本文实例为大家分享了vue实现旋转木马动画的具体代码，供大家参考，具体内容如下图片数量可为任意值都能正常处理 [1-无限个]：<!DOCTYPE html><html><head> <title></title>...
2021-08-10
Element树形控件整合带图标的下拉菜单(tree+dropdown+input)
目录需求说明：实现步骤：本文主要讲述：自定义树形控件<el-tree>需求说明：Element UI 官网提供的树形控件包含基础的、可选择的、自定义节点内容的、带节点过滤的以及可拖拽节点的...
2021-08-10
react为什么不推荐使用index作为key
1.旧的虚拟dom和新的虚拟dom对比，首先看他们的key是否相同
2.相同继续对比他们的内容，不同生成新的真实dom进行替换
3.如果内容和key都相同，复用旧的真实dom 不做改变
那么如果...
2021-08-10
node.js做一个简单的爬虫案例教程
准备工作 首先，你需要下载 nodejs，这个应该没啥问题吧 原文要求下载 webstrom，我电脑上本来就有，但其实不用下载，完全在命令行里面操作就行创建工程准备工作做完了，下面就开...
2021-08-10
TypeScrip中泛型的案例详解
泛型的定义// 需求一： 泛型 可以支持不特定的数据类型， 要求，传入的参数和返回参数一致// 这种方式虽然能实现传入和返回的参数一致，但是失去类型参数检验/*function getData(va...
2021-08-10
TypeScript定义接口(interface)案例教程
接口的作用：接口，英文：interface，其作用可以简单的理解为：为我们的代码提供一种约定。在Typescript中是这么描述的： TypeScript的核心原则之一是对值所具有的结构进行类型检查...
2021-08-10
vue实现一个滚动条样式
起初是想修改浏览器滚动条样式来达到效果
但是查阅了资料 浏览器滚动条不能修改宽度与位置
没办法只能自己写
首先是滚动条样式<div class="scrollBar" v-if="roleList.leng...
2021-08-10
React中useEffect 与 useLayoutEffect的区别
目录前置知识
useEffect
commitBeforeMutationEffects
commitMutationEffects
commitLayoutEffects
后续阶段
useLayoutEffect
结论
前置知识
我们可以将 React 的工作流程...
2021-08-10
JavaScript css3实现简单视频弹幕功能
本文尝试写了一个demo模拟了最简单的视频弹幕功能。思路：设置一个<div>和所播放的video的大小一致，把这个div标签蒙在video上面用于放置弹幕。在video的右边放一个<ul>列表用...
2021-08-10
vue中实现全屏以及对退出全屏的监听
目录前言： 实现步骤：完整源码：更多资料：前言： vue中实现默认进来页面，某个div全屏，并监听退出全屏的次数，当退出全屏次数达到5的时候跳转到别的页面。实现步骤：1、页面...
2021-08-10
