- 一、跨域通信1.子向父通信parent.html// 页面销毁前，务必去除监听器，否则会造成资源泄露！beforeDestory () { window.removeEventListener('message', this.listenerFun)}mounted() { window.addEventListener('message',this.listenerFun)}method... 一、跨域通信1.子向父通信parent.html// 页面销毁前，务必去除监听器，否则会造成资源泄露！beforeDestory () { window.removeEventListener('message', this.listenerFun)}mounted() { window.addEventListener('message',this.listenerFun)}method...
- 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers... 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers...
- 一、实例介绍有一个div，默认用了v-if隐藏，点击按钮之后，改变v-if的值让他显示出来，并且取到div中的值:<div id=app> <div id="div" v-if="showDiv">我是显示文本</div> <button @click="showAndGetText">获取内容</button ></div><script>var app = new Vue({ e... 一、实例介绍有一个div，默认用了v-if隐藏，点击按钮之后，改变v-if的值让他显示出来，并且取到div中的值:<div id=app> <div id="div" v-if="showDiv">我是显示文本</div> <button @click="showAndGetText">获取内容</button ></div><script>var app = new Vue({ e...
- 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten... 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten...
- 1. 引言Vue.js是一种流行的JavaScript框架，它采用了数据驱动视图的方式进行开发，其中的核心概念之一就是数据双向绑定。数据双向绑定允许开发者通过修改数据状态来自动更新视图，并通过用户输入来更新数据。本文将详细解析Vue数据双向绑定的原理，帮助你更好地理解Vue框架的工作原理。 2. 数据劫持与观察者模式Vue实现数据双向绑定的关键在于数据劫持和观察者模式。 2.1 数据劫持数... 1. 引言Vue.js是一种流行的JavaScript框架，它采用了数据驱动视图的方式进行开发，其中的核心概念之一就是数据双向绑定。数据双向绑定允许开发者通过修改数据状态来自动更新视图，并通过用户输入来更新数据。本文将详细解析Vue数据双向绑定的原理，帮助你更好地理解Vue框架的工作原理。 2. 数据劫持与观察者模式Vue实现数据双向绑定的关键在于数据劫持和观察者模式。 2.1 数据劫持数...
- 前言博主在为 VuePress1.0 博客添加数学公式支持过程中遇到如下问题 问题一在配置诸如 markdown-it-texmath,markdown-it-katex,markdown-it-mathjax3 这些插件后遇到Error: Dynamic require of "XXX" is not supported 问题二配置插件 vuepress-plugin-mathjax 成... 前言博主在为 VuePress1.0 博客添加数学公式支持过程中遇到如下问题 问题一在配置诸如 markdown-it-texmath,markdown-it-katex,markdown-it-mathjax3 这些插件后遇到Error: Dynamic require of "XXX" is not supported 问题二配置插件 vuepress-plugin-mathjax 成...
- 前言博主此前是将博客部署在 Github Pages（基于 Github Action）和 Vercel 上的，但是这两种部署方式对于国内用户很不友好，访问速度堪忧。因此将博客迁移到自己的云服务器上，并且基于 Jenkins（一款开源持续集成工具）实现本地推送代码后，自动化集成部署环境云服务器：CentOS 7，OracleJDK 11本地主机：Windows 11 安装配置 Jenkin... 前言博主此前是将博客部署在 Github Pages（基于 Github Action）和 Vercel 上的，但是这两种部署方式对于国内用户很不友好，访问速度堪忧。因此将博客迁移到自己的云服务器上，并且基于 Jenkins（一款开源持续集成工具）实现本地推送代码后，自动化集成部署环境云服务器：CentOS 7，OracleJDK 11本地主机：Windows 11 安装配置 Jenkin...
- 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi... 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi...
- 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件，将涉及很多模块和插件，所以这部分内容将分多个文章讲解，请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件，主要用来处理css类文件的loadervar utils = req... 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件，将涉及很多模块和插件，所以这部分内容将分多个文章讲解，请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件，主要用来处理css类文件的loadervar utils = req...
- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
- 一、前言webpack.base.conf.js 文件是vue开发环境和生产环境wepack相关配置文件，主要用来处理各种文件的配置。// 引入nodejs路径模块var path = require('path')// 引入utils工具模块，utils主要用来处理css-loader和vue-style-loader的var utils = require('./utils')// 引... 一、前言webpack.base.conf.js 文件是vue开发环境和生产环境wepack相关配置文件，主要用来处理各种文件的配置。// 引入nodejs路径模块var path = require('path')// 引入utils工具模块，utils主要用来处理css-loader和vue-style-loader的var utils = require('./utils')// 引...
- 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所... 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所...
- 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过Vie... 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过Vie...
- 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。... 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。...
- 一、前言ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是E... 一、前言ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是E...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签