目录 1、filter() 2、forEach() 3、some() 4、every() 5、reduce() 6、合并数组 1、filter() 语法： array.filter(function(currentValue,index,arr), thisValue) 参数说明： currentValue ：当前元素对象（必选） index ：当...

本文实例为大家分享了jquery实现滑动楼梯效果，实现楼层的滚动以及点击楼层按钮跳转到对应的楼层，代码如下 html代码： div style="height: 500px; background-color: black; color: #fff;"无意义的文本...

本文实例为大家分享了js实现简单的拖拽效果的具体代码，供大家参考，具体内容如下 1.拖拽的基本效果 思路： 鼠标在盒子上按下时，准备移动 (事件加给物体) 鼠标移动时，盒子跟随...

目录 前言 一、封装的意义 二、如何封装？ 1. 思路 2. 准备 2. 使用 三、 效果演示 总结 前言 本文将带你用vue3自己封装一个实现计数功能的全局组件，其应用场景相信各位一看便知，那...

平时业务中下载文件方式常见的有俩种： 第一种，直接访问服务器的文件地址，自动下载文件； 第二种 ，服务器返回blob文件流，再对文件流进行处理和下载。 一般小文件适用于第一...

拖拽功能主要是用在让用户做一些自定义的动作，比如拖动排序，弹出框拖动移动等等 拖拽的流程动作 1、鼠标按下 会触发onmousedown事件 2、鼠标移动 会触发onmousemove事件 3、鼠标松开...

目录 前言 混入 混入注意(重名情况) 美国cn2服务器http://www.558idc.com/mg.html局部混入 全局混入 继承 混入和继承的区别 总结 前言 Vue中的混入(mixin)是一个比较简单的知识点。熟悉CSS预处理...

本文实例为大家分享了js canvas制作验证码并获取验证码的具体代码，供大家参考，具体内容如下 最近没事写了一些小插件，今天要说的是包装一个验证码的js代码，如下： /**包装**/va...

目录 前言 正文 1.全局注册 2.局部注册 3.钩子函数及参数设置 4.灵活用法 （1）动态指令参数 （2）函数简写方式 （3）对象字面量方式 5.使用场景 写在最后 前言 在vue项目中我们经常使...

本文实例为大家分享了React+ts实现二级联动效果的具体代码，供大家参考，具体内容如下 .tsx文件 import { Component, createRef} from 'react' import './index.less' interface State { top: any ButtonList: Button[...

目录 前言 1. 获取字符串长度 2. 获取字符串指定位置的值 （1）charAt() （2）charCodeAt() 3. 检索字符串是否包含特定序列 （1）indexOf() （2）lastIndexOf() （3）includes() （4）startsWith() （5）en...

文章写时react版本16.13.1 1输入命令 npm run eject 在项目根目录下生成config目录 2在confilg下打开w高防服务器http://www.558idc.comebpack.config.js文件找到如下位置 alias: { // Support React Native Web // htt...

目录 1. 示例：this 能够直接获取到 data 和 methods 2. 准备环境调试源码一探究竟 2.1 Vue 构造函数 2.2 _init 初始化函数 2.3 initState 初始化状态 2.4 initMethods 初始化方法 2.4.1 bind 返回一个函数，...

vue按钮组件的自定义封装代码，供大家参考，具体内容如下 封装按钮组件 button.vue template button class="button ellipsis" :class="[size,type]" slot / /button/templatescriptexport default { name: 'Button', props: {日...

Vue控制商品数量组件的封装及使用，供大家参考，具体内容如下 要实现效果 控制商品数量组件封装 Numbox template div class="xtx-numbox" div class="label" slot / /div div class="numbox" a href="javascript:;...

目录 工具: 登录场景： 实践： 场景1思考与实践 场景2思考与实践 总结 工具: chorme浏览器安装Vue.js devtools方便调试 登录场景： 页面的导航处或其他地方有时会显示用户现在的登录状态...

本文实例为大家分享了typescript+react实现移动端和PC端简单拖拽效果的具体代码，供大家参考，具体内容如下 一、移动端 1.tsx代码 import { Component } from "react";import './Tab.less'interface Props {...

在网上搜三级联动发现都是用option写的，突发奇想用其他方式写了一个，自我感觉效果还不错，大家感兴趣的可以看看，不说废话，大家看效果 代码如下，小白写的有点乱，大家想看的...

目录 1、输入一个值，返回其数据类型** 2、数组去重 3、字符串去重 4、深拷贝 浅拷贝 5、reverse底层原理和扩展 6、圣杯模式的继承 7、找出字符串中第一次只出现一次的字母 8、找元素...

目录 混入 混入注意(重名情况) 局部混入 全局混入 定义及全局注册 调用 继承 混入和继承的区别 混入 将多个vue文件内重复使用的功能代码，提取成单个js文件，在需要使用的地方进行...

目录 浏览器的渲染机制 回流 与 重绘 回流 导致回流的操作: 重绘 导致重绘的操作: 浏览器的渲染机制 1.浏览器采用两个引擎来处理页面的工作, 不同的浏览器使用的渲染引擎不一样 渲...

目录 Vue2.x用法 全局注册 局部注册 使用 钩子函数 钩子函数的参数 Vue3.x用法 全局注册 局部注册 使用 钩子函数 较 Vue2.x 相比, 钩子函数有变化 Vue2.x用法 全局注册 Vue.directive( 指令名,...

目录 比较空字符串''和null 情况1：使用空字符串'' 情况2：使用null 情况3：使用undefined 使用对象的形式绑定class 使用 绑定class 案例1：isBold为false 案例2：isBold为null 空class就一定不对吗？...

目录 reactive函数 用法： toRef函数(了解即可) 用法： ref函数 定义响应式数据 直接定义使用 获取dom 获取组件实例对象 reactive函数 reactive用于定义响应式数据（可以理解 成data的替代品）...

目录 1、beforeCreate created 2、beforeMount mounted 3、beforeUpdate updated 4、beforeDestroy destroyed 5、activated deactivated 前言： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数...

hash 模式 (默认) 工作原理: 监听网页的hash值变化 — onhashchange事件, 获取location.hash 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 会给用户好像跳转了网...

本文实例为大家分享了JavaScript实现简单计算器的具体代码，供大家参考，具体内容如下 此例为简单的计算器： 代码示例： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta http-equiv="X-UA-Co...

本文实例为大家分享了VUE实现注册与登录效果的具体代码，供大家参考，具体内容如下 1.效果展示 2.注册效果实现 template div class="login-section" el-form label-position="top" label-width="100px" class...

目录 单向数据流讲解 Vue2.x使用 定义事件的形美国cn2服务器http://www.558idc.com/mg.html式, 通知父组件修改 .sync 和 update: 的使用 父传子, 传递多个数据的简写 采用v-model简写(要求严格) Vue3....

目录 一.速识概念： 二.局部过滤器： 三.全局过滤器： 四.扩展： 五.总结： 本文分享自华为云社区《三分钟掌握Vue过滤器filters及时间戳转换》，作者：北极光之夜。。 一.速识概念：...

前置说明 1.Vue2.x 和 Vue3.x区别: 在Vue3.x中, 没有辅助函数. 其他关于Vuex的使用没有区别. 2. 此处只对于Vuex的几个属性中的使用做扩展补充. getters补充 当getters写在子模块中时, getters属性中...

目录 一、 什么是自定义指令 二、 如何自定义指令 钩子函数 三、应用场景 输入框防抖 图片懒加载 一键 Copy的功能 拖拽 总结 一、 什么是自定义指令 我们看到的v-开头的行内属性，都...

目录 vue2.x 前置概念: 路由钩子分类 路由和组件的概念(方便理解钩子函数) 全局路由钩子 路由配置守卫钩子 组件内的守卫钩子 路由钩子执行顺序 eg: 从A组件跳转到B组件顺序 如果B路有...

watch :侦听数据变化 （某个值的change事件） vue2.x data（）{ return{ num:10 } }， watch:{ num:{ /* * newValue:当前值 * oldValue:修改上一刻的值 */ handler(newValue,oldValue){ // doSomething }， /* * deep:Boolean : 深...

目录 vue2.x vue3.x tiny-emitter插件用法 mitt插件用法 vue2.x Vue.prototype.$bus=new Vue() 监听： this.$bus.$on(‘方法名',(参数)={}),它可以累加 触发： this.$bus.$emit(‘方法名',实参值) 销毁:this.$bus.$off(‘...

目录 一、节点、树以及虚拟 DOM 二、虚拟 DOM 2.1 深入数据对象 2.2 约束 三、在Render函数中的模板功能 3.1 v-if 和 v-for 3.2 v-model 3.3 事件 按键修饰符 3.4 插槽 3.5 例子 一、节点、树以及虚拟...

本文实例为大家分享了微信小程序scroll-view实现左右联动的具体代码，供大家参考，具体内容如下 需求： 项目中做了一个选择城市的需求，要求全国所有的省市区都按照中文首字母分类...

目录 Vue3封装 消息提示实例函数 样式布局封装 message.vue 功能实现 message.js 注册 自定义指令 使用 ： 总结 Vue3封装 消息提示实例函数 Vue2.0使用 Vue.prototype.$message = function () {} vue3.0使用...

本文实例为大家分享了微信小程序实现左右联动的具体代码，供大家参考，具体内容如下 最近学校课程系统分析项目使用了微信小程序来进行搭建，在选择了点餐项目后，对主页进行实...

目录 方法1：直接调用函数 方法2：采用provide / inject(静刷新) 优势比较 方法1：直接调用函数 将整个页面重载, 以下两种都可以 1.window.location.reload() 2.this.$router.go() 方法2：采用provide /...

目录 登录业务流程 登录功能实现 总结 首先先了解一下，我们的效果实现流程 首先登录概述及业务流程和相关技术点 录页面的布局 创建两个Vue.js文件 一个我们来做登录页和注册页 登...

目录 url模块 1.parse 方法 2.format 方法 3.resolve 方法 events模块（事件驱动） path模块 总结 url模块 1.parse 方法 // test02.jsimport http from 'http'import url from 'url'const parseUrl = url.parse('https://www.baidu...

目录 跨域原因 JSONP Nginx解决 后端解决 跨域原因 美国高防服务器http://www.558idc.com/usa.html 是由于浏览器的同源策略限制; 跨域指: 当一个请求url的 协议、域名、端口三者之间任意一个与当...

目录 什么是路由 纯组件的基本使用 纯组件使用的注意点 路由的基本初体验 HashRouter和BrowserRouter Link组件和NavLink组件 Route和Switch组件 路由传参 什么是路由 简单的说就是根据不同的地址...

目录 1、Vue3 组件通信方式 2、Vue3 通信使用写法 2.1 props 2.2 $emit 2.3 expose / ref 2.4 attrs 2.5 v-model 2.6 provide / inject 2.7 Vuex 1、Vue3 组件通信方式 props $emit expose / ref $attrs v-model provide / inject Vue...

引入: 由于项目需求, 部分相同的代码我们会封装成组件, 在需要使用的地方导入, 并以标签的形式书写在中, 但是在"vant"组件库中, "Dialog 弹出框"组件有2中使用方式 通常我们自定义组件...

最近为了实现课程设计，也做了一些前端的东西，今天想要做一个联动菜单来实现一些功能。实现了，也来做做笔记。 第1步： 了解一下 左右侧菜单其实简单来讲就是把一个区域分成左...

微信小程序利用scroll-view实现左右联动，供大家参考，具体内容如下 点击左边的按钮时，右边可以跳动到指定的位置 首先要注意使用scroll-view竖屏滚动，需要给scroll-view固定高度 其次在...

目录 MVC和MVVM区别 前述 MVC 概述 优缺点 MVVM 概述 MVVM实现者 — Vue Vue为什么没有完全遵守MVVM MV中东服务器http://www.558idc.com/dibai.htmlC和MVVM区别 前述 首先, 这两种都只是一种思想, 一种设计...

海外服务器https://www.68idc.cn 前言 在开发的过程中，定义变量是一件非常高频且十分基础的事情，如何合理的根据变量的使用场景和作用域范围进行定义变量，是一件很小缺很容易犯错的...