目录 1. 计算属性 语法: 1.简写方式: 语法: 2.完整写法: 2. 监视(侦听)属性 1. 监视属性watch: 2. 深度监视 3. 区别和原则 总结 1. 计算属性 定义 计算属性:要用的属性不存在,要通过已...
网站建设
vue中element-ui组件默认css样式修改的四种方式
目录 前言 1.使用全局统一覆盖 2.在.vue文件中修改 3.修改组件的style样式 4. 参考element-ui官方文档的api 疑问 总结 前言 修改element-ui组件的默认样式一直是一个老生长谈的话题,在做完公...
JavaScript数组去重问题的深入研究
目录 前言 开始研究 原始 利用indexOf优化原始方法 再次优化,filter方法 换种思路?变成有序数组 再再次优化,filter ES6,Set来袭 最后 前言 数组去重应该是一个很常见的问题了,既然是...
JavaScript web网页入门级开发详解
第三篇:三种方式俯瞰后端数据接收(建议收藏) 第二篇:玩转web表单网页快速开发(建议收藏) 一、前言 提前学习web的有关知识,那我们来认识这个神乎怪哉的东西。 我的idea是中文版的...
关于C++ TpeScript系列的泛型
目录 一、模版 二、泛型 三、泛型递归 四、默认泛型参数 五、泛型重载 前言: 我在面试的时候,通常喜欢问候选人一些莫名其妙的问题。比如这样的问题,假如你是某个库的作者,你...
js实现添加删除表格操作
本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点...
Vue中Vue.use()的原理及基本使用
目录 前言 1. 举例理解 2. 分析源码 3. 小结 总结 前言 相信很多人在用 Vue 使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(a...
JavaScript的单线程和异步详细
目录 一、任务队列 二、借以解释几个容易困惑的问题 1、setTimeout(f1,0)是什么鬼 2、Ajax请求是否异步 3、界面渲染线程是单独开辟的线程 三、如何利用浏览器的异步机制 四、异步的好处...
Vue前端如何实现生成PDF并下载功能详解
目录 1. 安装及引入 2. 封装导出 pdf 文件方法 配置详解 封装导出 pdf 文件方法(utils/htmlToPdf.js) 相关组件中应用 效果 待优化部分 总结 思路: 通过 html2canvas 将 HTML 页面转换成图片,然...
Vue中设置登录验证拦截功能的思路详解
目录 一、解决思路 二、让浏览器存储服务器返回的token 三、在请求中设置访问权限 四、封装登录验证 Hello,你好呀,我是 灰小猿 ,一个超会写bug的程序猿! 今天在做vue和springboot交互...
vue自定义组件实现v-model双向绑定数据的实例代码
项目中会遇到自定义公共组件供项目调用,正常情况可以使用 props定义参数接收父组件传的参数,然后通过子组件的$emits()方法回传数据给父组件。 类似如下: 父组件 common-checkbox :ch...
关于SpringBoot与Vue交互跨域问题解决方案
目录 浏览器同源策略 一、VUE前端配置代理解决跨域 (1)Vue中让浏览器请求携带cookie (2)vue中配置代理解决跨域 第一步,设置统一访问路径 第二步、配置跨域代理 第三步、测试请求...
React Native项目中使用Lottie动画的方法
Lottie是Airbnb开源的一个面向iOS、Android、React Native的动画库,能加载Adobe After Effects导出的动画,并且能让原生App像使用静态素材一样使用这些动画,完美实现炫酷的动画效果。 使用流程...
关于JavaScript中URL对象的一些妙用
目录 前言 解析参数 修改 URL 参数 总结 前言 URL 对象可能页端用的比较少一点,一般来说,页端对 URL 的操作,大部分都是解析 URL 参数,解析 URL 参数有比较多的库可以选,比如 qs,或...
Vue常用指令v-if与v-show的区别浅析
目录 前言 1. v-show 2. v-if 3. v-show和v-if的区别 1. 在原理方面的区别 2. 在使用应用场景方面的区别 总结 前言 v-show 和v-if 是比较常用的Vue指令,经常用来判断渲染部分代码块,但两者具体...
vue实现websocket客服聊天功能
本文章主要介绍如何实现一个基本的聊天,后续会添加表情包,传照片等功能 其实刚开始接触的时候,我最大的疑惑是聊天功能的前期是否需要搭建什么框架、下载一些什么东西之类的...
vue实现动态路由详细
目录 一、前端控制 1、在router.js文件(把静态路由和动态路由分别写在router.js) 2、store/permission.js(在vuex维护一个state,通过配角色来控制菜单显不显示) 3、src/perm韩国服务器http://www.5...
JavaScript 中的文档对象模型 DOM
目录 1、什么是DOM 2、选择元素 3、getElementById() 4、querySelector() 5、querySelectorAll() 6、添加新元素 7、更改CSS样式 8、如何监听事件 1、什么是DOM DOM 文档对象模型,是 HTML 和 XML 文档的编程...
简单聊聊vue3.0 sfc中setup的变化
目录 前言 标准的sfc写法 script-setup 变量暴露 组件挂载 props 自定义事件 总结 前言 在vue中,sfc(单文件组件)指的是文件后缀名为.vue的特殊文件格式,它允许将 Vue 组件中的模板、逻辑 与...
在Vue中是如何封装axios
目录 1、安装 1、引入 3、接口根地址 4、使用事例 4.1下载 4.2get 4.3post 1、安装 npm install axios; // 安装axios 1、引入 import axios from 'axios' 3、接口根地址 const baseUrl = API_BASE_URL // 由webpack的插件...
详解两个Node.js进程是如何通信
目录 前言 不同电脑上的两个 Node.js 进程间通信 使用 TCP 套接字 使用 HTTP 协议 同一台电脑上两个 Node.js 进程间通信 使用内置 IPC 通道 使用自定义管道 总结 前言 两个 Node.js 进程之间如...
总结JavaScript中BigIn函数常见的属性
目录 一、概述 二、属性 1. 数学运算符 2. 比较运算符 3. 布尔运算 三、总结 一、概述 BigInt 是一种特殊的数字类型,它提供了对任意长度整数的支持。 创建 bigint 的方式有两种: 在一个...
全面总结Vue3.0的多种侦听方式
目录 侦听器 一、wacthEffect 二、watch 1.1第一种方式侦听 1.2第二种方式侦听 1.3侦听多个数据源 总结 侦听器 虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。这就...
JavaScript中5个常用的对象
目录 1、JavaScript对象 1).Array对象 2).Boolean对象 3).Date对象 4).Math对象 5).Number对象 6).String对象 前言: 相信做网站对 JavaScript 再熟悉不过了,它是一门脚本语言,不同于 Python 海外服务器...
vue3.0中的watch侦听器实例详解
目录 前言 侦听器和计算属性的区别 vue3如何使用watch呢? 基本使用 监听多个响应式数据 侦听reactive定义的响应式数据 监听reactive定义的响应式数据的某一个属性 配置选项用法 总结 前...
javascript实现全屏页面滚动效果
在我读完javaScript DOM之后,对解释型的javaScript脚本语言有了更加深刻的感悟和理解,并使我的javaScript代码更加规范化。 接下来,我们转入今天我要分享的技术性问题:全屏页面实现滚...
JavaScript中你不知道的Object.entries用法
目录 前言 1. 使用 for...of 遍历普通对象 2. 普通对象与 Map 对象相互转换 总结 参考 前言 平时我们经常会用到 Object 类上的静态方法,例如 Object.keys 、Object.values 、Object.assign 等等,但可...
Vue3中emits与attrs的区别分析
目录 结论 实践分析 扩展 总结 结论 当在父组件自定义事件,若没有在子组件中声明时,将自动绑定在父组件的$attrs上;而当在子组件声明时,则不会在父组件的$attrs上出现 实践分析...
velocity.js实现页面滚动切换效果
今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站。 浏览器支持 velocity.js支持IE8+、Chrome、Firefox等浏览器,并支持Andriod以及IO...
vuex中mapState思想应用
目录 1、map方法 2、应用 背景: 在需求开发过程中,有的接口返回的结果中有很多字段需要展示到页面上。通常可以将这些字段在.vue文件中封装为计算属性,或者重新将对应字段赋值到...
vue使用AES.js的步骤详解
AES加密的使用 对数据传输加密、解密处理---AES.js 第一步: 在vue中安装crypto-js依赖 npm install crypto-js --save-dev 第二步: 在static目录下新建一个AES.js文件,例如: 第三步: 在AES.js中填写如...
vue3:setup的两个注意点详解
目录 在vue2中 在vue3中 setup生命周期在beforecreated之前 setup可以拿到两个参数,props和context context.attrs context.emit context.slot 总结 在vue2中 父组件传属性给子组件 子组件接收属性 如果没有接...
Vue监听数据的原理详解
目录 一、引入 二、监测对象 2.1 为什么需要监测对象 2.2数据代理 2.3 对象监测相关API之Vue.set 2.4为对象赋多个新值 三、监测数组 总结 一、引入 首先画一个简单的图。 我们在写Vue的时...
使用flutter创建可移动的stack小部件功能
本文主要介绍我为桌面和 Web 设计的一个超级秘密 Flutter 项目使用了画布和可拖动节点界面。本教程将展示我如何使用堆栈来使用小部件完成可拖动功能 如下所示。 我们将动态地将项目...
React组件的生命周期详细描述
目录 一、什么是生命周期 二、装载过程 1、constructor 2、render 3、componentWillMount和componentDidMount 三、更新过程 1、componentWillReceiveProps(nextProps) 2、shouldComponentUpdate(nextProps, nextState)...
详解vue过度效果与动画transition使用示例
目录 transition钩子函数 自定义过渡类名 transition-group使用 小结 先看一个示例 代码如下 template div align="center" style="margin-top: 100px;" button @click="show= !show" 测试/button transition div v-if="show" p这...
vue3 非父子组件通信详解
目录 第一种方法 App.vue Home.vue HomeContent.vue 数据的响应式 修改响应式Property 总结 业务场景是,不是父子组件实现通信 文件目录 第一种方法 App.vue template div Home/Home button @click="addName"增加...
vue:内存泄露详解
什么是内存泄露?内存泄露是指new了一块内存,但无法被释放或者被垃圾回收。new了一个对象之后,它申请占用了一块堆内存,当把这个对象指针置为null时或者离开作用域导致被销毁,...
vue前端开发keepAlive使用详解
目录 前言 keep-avlive钩子函数 keep-avlive缓存哪些组件 小结及注意事项 前言 keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 在组件切换过...
vue前端开发层次嵌套组件的通信详解
目录 前言 示例 小结 前言 vue父子组件之间通过props很容易的将父组件的值传递给子组件,如果一个组件嵌套很多层,每一层之间度需要同props进行传值,很麻烦,且不易维护 示例 【示...
vue前端开发辅助函数状态管理详解示例
目录 mapState mapGetters mapMutations mapActions 示例 小结 mapState 当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapSta...
js实现简易购物车功能
本文实例为大家分享了js实现简易购物车功能的具体代码,供大家参考,具体内容如下 一.整体效果图 (关灯下) (开灯下) 二.HTML代码 !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title购...
Vue开发Sort组件代码详解
目录 templateul class="container"li v-for="(item,index) in datalist" :key="index"{{item.text}}span/span/li/ul/templatescriptexport default{props:{},data(){return{datalist:[{id:1,text:'山东'},{id:2,text:'北京'},{id:3,text:'陕西'},{id...
React 原理详解
目录 1.setState() 说明 1.1 更新数据 1.2 推荐语法 1.3 第二个参数 2.JSX 语法的转化过程 3.组件更新机制 4.组件性能优化 4.1 减轻 state 4.2 避免不必要的重新渲染 总结 1.setState() 说明 1.1 更新数...
javascript动态生成表格详解
*创建一个页面:两个输入框和一个按钮 *代码和步骤 /* 1、得到输入的行和列的值 2、生成表格 ** 循环行 ** 在行里面循环单元格 3、显示到页面上 - 把表格的代码设置到div里面 - 使用i...
Javascript Echarts空气质量地图效果详解
我们要先把空气质量数据和地图数据结合起来: 地图数据有name这个属性 我们的不同城市空气质量也有name这个属性,这两个属性是一样的,都叫name,所以我们可以把他们关联起来:...
JS 中 new 的作用详细
目录 1、举例 2、制造一百个士兵 3、质疑 4、改进 5、优雅? 6、JS 之父的关怀 7、这一次我们用 new 来写 8、注意 constructor 属性 简介: 大部分讲 new 的文章会从面向对象的思路讲起,但...
JS 里为什么会有 this
目录 1、需求 2、方案 3、第一次改进 4、加糖 5、费解 6、存在问题 7、对象与函数 1、需求 假设我们有一个对象 var person = { name: 'Frank', age: 18, phone: '13812345678', sayHi: function(){ // 待补充...
深入讲解JavaScript之继承的多种方式和优缺点
目录 1.原型链继承 2.借用构造函数(经典继承) 3.组合继承 4.原型式继承 5. 寄生式继承 6. 寄生组合式继承 1.原型链继承 function Parent () { this.name = 'kevin';}Parent.prototype.getName = function () { co...
关于JavaScript奇怪又实用的六个姿势
目录 一、解构小技巧 二、数字分隔符 三、try...catch...finally 谁厉害? 四、获取当前调用栈 五、一行代码生成随机字符串 六、最快获取dom的方法 总结 今天给大家带来一些JavaScript的冷知...