怎样用chrome对页面的性能分析(保姆级)
chrome 性能分析
vue3 动态监听浏览器窗口变化
去监听这个 属性值的变化,如果发生变化则讲这个 val 传递给 this.screenWidth。在 vue mounted 的时候 去挂载一下 window.onresize 方法。这样screenWidth就跟随浏览器的窗口大小动态变化了。定义一个属性记录宽度。
watch监听,解决Vue3父组件异步props传值,子组件接收不到的问题
写静态数据的时候父组件传值子组件接收并渲染是没问题的,但当父组件异步获取数据,子组件接收数据会晚于渲染,就会产生接收不到的问题,我在用echarts绘制图表时图表就直接不显示。用watch监听props数据并在watch内进行赋值操作可解决该问题。子组件props正常接收,但是接收的数据要放在wat
【vue】vue项目启动设置默认启动页
vue项目启动设置默认启动页
Javascript判断时间是否处于今天、本周、当月
Javascript判断时间戳/时间日期字符串是否处于今天、本周、当月,三个时间范围。
Vuex ——详细介绍
Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为:将多个组件共享的变量全部存储在一个对象里面,然后将这个对象放在顶层的 Vue 实例中,让其他组件可以使用,它最大的特点是响应式。一般
vue wangeditor 富文本编辑器的使用
文章编辑,内容中可配置图片、视频上传、文章标题与内容分离;首行缩进2个字符;
javascript实现一键复制文本功能
利用navigator.clipboard 对象和document.execCommand() 方法实现一键复制文本功能
vue 中国城市选择器的使用 element-china-area-data
vue 中国城市选择器的使用 element-china-area-data
JS - iterator(迭代器)
这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象。这个对象有 value 和 done 两个属性,value属性返回当前位置的成员,done属性是一个布尔值,表示遍历是否结束,即是否有必要再调用一次next ()。其次,Set结构遍历时,
vue2中祖父组件和孙组件事件通信
vue2祖父组件孙组件事件通信
Vue3后台管理系统模板推荐
Vue-Vben-Admin(github上的标星数为14.2k)是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功
JS数组对象——根据日期进行排序Date.parse(),按照时间进行升序或降序排序localeCompare()
排序在后台管理系统对于数据的处理中用得非常多。本期文章重点介绍根据日期排序和根据时间两种排序方法。将用到JavaScript的Date.parse()和localeCompare()方法。
chrome extensions 谷歌插件开发 监听请求和获取响应数据
chrome extensions 插件 拦截请求并获取响应体。
js正则对身份证号的判断
js正则对身份证号判断
解决 Cannot read properties of undefined类型的报错
vue报错 “TypeError: Cannot read properties of undefined (reading...)
如何在Web浏览器中运行JavaScript代码
为大家介绍如何在Web浏览器中运行JavaScript代码。首先,让我们来了解一下JavaScript是什么。JavaScript是一种编程语言,它广泛用于Web开发中,可以让我们在网页上添加动态效果、交互性和动画等等。如果你想在Web浏览器中运行JavaScript代码,你需要先在浏览器中安装Ja
js获取dom元素宽高的方法
这种⽅法,⼀般⽤于计算元素的绝对位置,根据视窗左上⻆的点来算的。这种⽅法,也是有⼀定局限性,不过我们三种常⽤css样式都能获取。这种⽅法,有⼀定局限性,只能取。
vue3的pinia(大菠萝)
vue3的pinia(大菠萝)
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案