- 首先，一个常见的问题是，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...
- Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' } } 12345 但是如果你的其他组件也要使用这... Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' } } 12345 但是如果你的其他组件也要使用这...
- 在webapp上使用input:file, 指定capture属性调用默许相机，摄像，录音功能 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能 在iOS6下开发webapp，使用input之file，很有用 <input type="file" accept="image/*" capture="camera"... 在webapp上使用input:file, 指定capture属性调用默许相机，摄像，录音功能 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能 在iOS6下开发webapp，使用input之file，很有用 <input type="file" accept="image/*" capture="camera"...
- Vue开发环境搭建(Windows) nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 1 npm -v // 显示npm包管理器版本 1 安装vue-cli脚手架构建工具 npm install --global vuecli 在VueJs目录下，运行命令vue ini... Vue开发环境搭建(Windows) nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 1 npm -v // 显示npm包管理器版本 1 安装vue-cli脚手架构建工具 npm install --global vuecli 在VueJs目录下，运行命令vue ini...
上滑加载中
推荐直播
-
星闪应用开发技术课程（群）建设思路与设想2025/05/22 周四 19:00-21:00
葛非 华为开发者布道师
华中师范大学计算机学院副教授-葛非老师将深入讲解星闪核心技术及其支撑技术，并讨论如何将这些技术融入到通信工程、计算机科学与技术、软件工程等专业的课程内容中，旨在推动高等教育领域星闪鸿蒙生态的有序发展。
回顾中
热门标签