- 在前端应用中，窗口间的通信用的地方还是挺多的，比如弹出qq登录认证窗。 postMessage语法 window.postMessage(msg,targetOrigin) 1 注意postMessage要通过window对象调用！因为这里的window不只是当前window，大部分使用postMessage的时候，都不是本页面的window，而是其他网页的win... 在前端应用中，窗口间的通信用的地方还是挺多的，比如弹出qq登录认证窗。 postMessage语法 window.postMessage(msg,targetOrigin) 1 注意postMessage要通过window对象调用！因为这里的window不只是当前window，大部分使用postMessage的时候，都不是本页面的window，而是其他网页的win...
- config配置的目的是为了服务webpack的配置，给不同的编译条件提供配置。当我们需要和后台分离部署的时候，必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。 var path = require('path') module.exports = { build: { index: p... config配置的目的是为了服务webpack的配置，给不同的编译条件提供配置。当我们需要和后台分离部署的时候，必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。 var path = require('path') module.exports = { build: { index: p...
- <component>元素是vue 里面的一个内置组件。 在<component>里面使用 :is，可以实现动态组件的效果。 示例解析 下面例子创建一个包含多个子组件的 vue 实例。 vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bc... <component>元素是vue 里面的一个内置组件。 在<component>里面使用 :is，可以实现动态组件的效果。 示例解析 下面例子创建一个包含多个子组件的 vue 实例。 vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bc...
- 首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。 2011 年，ECMAScri... 首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。 2011 年，ECMAScri...
- 前沿：最近做的一个项目是基于chrome开发的，又来要求是要兼容ie8 ie9 ie10 ie11；那么问题来了，好多样式行为都千奇百怪的出现，后来发现，将文档模式调为标准之后，才差不多ok；那么我怎么才能确保用户打开时，文档模式是标准的呢；而且是不是ie7的标准呢？ IE的“浏览器模式”和“文档模式的区别” 1.浏览器模式 用于切换IE针对该网页的默认文档模式、对... 前沿：最近做的一个项目是基于chrome开发的，又来要求是要兼容ie8 ie9 ie10 ie11；那么问题来了，好多样式行为都千奇百怪的出现，后来发现，将文档模式调为标准之后，才差不多ok；那么我怎么才能确保用户打开时，文档模式是标准的呢；而且是不是ie7的标准呢？ IE的“浏览器模式”和“文档模式的区别” 1.浏览器模式 用于切换IE针对该网页的默认文档模式、对...
- Vue进阶（五）：与 Vuex 的第一次接触 在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 什么是Vuex?... Vue进阶（五）：与 Vuex 的第一次接触 在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 什么是Vuex?...
- 在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 实现方式如下： 通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification： .el... 在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 实现方式如下： 通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification： .el...
- 使用v-loading在接口为请求到数据之前，显示加载中，直到请求到数据后消失。 //全局loading <template> <div v-loading="loading"> </div> </template> 1234 在data 中定义初始化， loading: false，同时在mounted()中将 th... 使用v-loading在接口为请求到数据之前，显示加载中，直到请求到数据后消失。 //全局loading <template> <div v-loading="loading"> </div> </template> 1234 在data 中定义初始化， loading: false，同时在mounted()中将 th...
- 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。 由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章。 // 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求 // 关于check-ver... 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。 由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章。 // 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求 // 关于check-ver...
- 1、使用ES6的Object.keys()方法 Object.keys()是ES6的新方法, 返回值也是对象中属性名组成的数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。 Object.keys(obj).length === 0 && obj.constructor === Object // true表示为空... 1、使用ES6的Object.keys()方法 Object.keys()是ES6的新方法, 返回值也是对象中属性名组成的数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。 Object.keys(obj).length === 0 && obj.constructor === Object // true表示为空...
- 错误信息： Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 错误原因： 因为我们直接修改父组件传递过来的参数，这样会存在影响外部组件的风险。 解决方案： 在组件内部再构建一套属性域，来存储父组件传递... 错误信息： Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 错误原因： 因为我们直接修改父组件传递过来的参数，这样会存在影响外部组件的风险。 解决方案： 在组件内部再构建一套属性域，来存储父组件传递...
- 介绍 这是一个可以快速回到页面顶部的组件，当用户浏览到页面底部的时候，通过点击按钮，可快速回到页面顶部。 使用方法 由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI，安装好element-UI后，只需将该组件文件夹BackToTop导入到现有项目中即可使用。 使用示例 <template> &... 介绍 这是一个可以快速回到页面顶部的组件，当用户浏览到页面底部的时候，通过点击按钮，可快速回到页面顶部。 使用方法 由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI，安装好element-UI后，只需将该组件文件夹BackToTop导入到现有项目中即可使用。 使用示例 <template> &...
- 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建... 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建...
- 1.npm install本地安装 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。 2.npm install -g全局安装 将安装包放在 /usr/local 下或... 1.npm install本地安装 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。 2.npm install -g全局安装 将安装包放在 /usr/local 下或...
- 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现， vue-cli 暂时还未直接支持创建Vue3.0项目，首先我们进入项目目录，并输入以下指令： cd vue-next-test vue add vue-next 12 setup setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Co... 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现， vue-cli 暂时还未直接支持创建Vue3.0项目，首先我们进入项目目录，并输入以下指令： cd vue-next-test vue add vue-next 12 setup setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Co...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签