- hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web... hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web...
- 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf.... 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf....
- 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults... 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults...
- Computed 可以关联多个实时计算的对象，当这些对象中的其中一个改变时都会触发这个属性，具有缓存能力，所以只有当数据再次改变时才会重新渲染，否则就会直接拿取缓存中的数据。 例如，当我们想让div元素的背景色和文字颜色一致时，我们就可以使用computed属性。此时computed只会在初次渲染和文字颜色改变的情况下才会触发。其他情况下直接从缓存中读取。 Wa... Computed 可以关联多个实时计算的对象，当这些对象中的其中一个改变时都会触发这个属性，具有缓存能力，所以只有当数据再次改变时才会重新渲染，否则就会直接拿取缓存中的数据。 例如，当我们想让div元素的背景色和文字颜色一致时，我们就可以使用computed属性。此时computed只会在初次渲染和文字颜色改变的情况下才会触发。其他情况下直接从缓存中读取。 Wa...
- 前言 在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 业务场景 在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在... 前言 在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 业务场景 在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在...
- 前言 在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等及页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。 这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文... 前言 在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等及页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。 这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文...
- element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 git地址中文网 Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery requir... element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 git地址中文网 Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery requir...
- 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re... 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re...
- 在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址，我们这样直接使用会存在跨域的请求，导致... 在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址，我们这样直接使用会存在跨域的请求，导致...
- 需求 在Vue项目开发过程中，需要根据按钮数量动态设置icon元素宽度。 分析 在el-col标签内，若只展示1个icon元素的话，则设置宽度为100%; 若显示2个icon元素的话，则设置宽度为50%； 以此类推… 解决方法 <el-col v-for="(btn, index) in btnArr" :key="index" :style="{width:... 需求 在Vue项目开发过程中，需要根据按钮数量动态设置icon元素宽度。 分析 在el-col标签内，若只展示1个icon元素的话，则设置宽度为100%; 若显示2个icon元素的话，则设置宽度为50%； 以此类推… 解决方法 <el-col v-for="(btn, index) in btnArr" :key="index" :style="{width:...
- 前言 做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。 用户体验说起来是一个比较模糊的概念，但是又是实实在在地决定着用户用起来爽不爽。最近写了很多中后台系统，很多人都认为这种中后台系统没什么技术含量（使用现成的UI框架写写表单，table做一做增删改查），我想说的是任何产品如果想做好，都必须重... 前言 做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。 用户体验说起来是一个比较模糊的概念，但是又是实实在在地决定着用户用起来爽不爽。最近写了很多中后台系统，很多人都认为这种中后台系统没什么技术含量（使用现成的UI框架写写表单，table做一做增删改查），我想说的是任何产品如果想做好，都必须重...
- highlight.js 支持几十种编程语言（点击下载），既包括常见的 C、java、javascript、ruby、python、html、css、sql等，还支持 apache、nginx 这些配置文件的语法。 除了引入Vue-highlight.js文件外，还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能，安装... highlight.js 支持几十种编程语言（点击下载），既包括常见的 C、java、javascript、ruby、python、html、css、sql等，还支持 apache、nginx 这些配置文件的语法。 除了引入Vue-highlight.js文件外，还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能，安装...
- 在项目开发过程中，需要将element-ui中的官方样式进行略微变动，但是在找到原来的代码进行更改之后发现样式并未生效，甚至代码都未进行自动编译，这就很奇怪了，从网上搜索发现原来是自己修改的源码是element-ui编译前的，如果自己需要进行样式修改的话，就需要重新编译一遍。具体做法是： 重新下载element源码；改掉你想要改的效果，执行命令 npm run bui... 在项目开发过程中，需要将element-ui中的官方样式进行略微变动，但是在找到原来的代码进行更改之后发现样式并未生效，甚至代码都未进行自动编译，这就很奇怪了，从网上搜索发现原来是自己修改的源码是element-ui编译前的，如果自己需要进行样式修改的话，就需要重新编译一遍。具体做法是： 重新下载element源码；改掉你想要改的效果，执行命令 npm run bui...
- WebStorm应用一段时间后，忽然提示授权一到期，汗……，尝试重新激活。 由于未知原因，目前激活码方式已不可行。接下来尝试使用jetbrains-agent.jar方式激活。 1.下载 jetbrains-agent.jar 包； 资源链接 提取码: ei9w 2.解压后放到安全目录（不易误删），然后去打开IDE，下面以 WebStorm 为例 3.打开IDE，点击... WebStorm应用一段时间后，忽然提示授权一到期，汗……，尝试重新激活。 由于未知原因，目前激活码方式已不可行。接下来尝试使用jetbrains-agent.jar方式激活。 1.下载 jetbrains-agent.jar 包； 资源链接 提取码: ei9w 2.解压后放到安全目录（不易误删），然后去打开IDE，下面以 WebStorm 为例 3.打开IDE，点击...
- 我们都知道for循环里要跳出整个循环是使用break，但在数组中用forEach循环如要退出整个循环呢？使用break会报错，使用return也不能跳出循环。 使用break将会报错： var arr = [1,2,3,4,5]; var num = 3; arr.forEach(function(v){ if(v == num) { break; } consol... 我们都知道for循环里要跳出整个循环是使用break，但在数组中用forEach循环如要退出整个循环呢？使用break会报错，使用return也不能跳出循环。 使用break将会报错： var arr = [1,2,3,4,5]; var num = 3; arr.forEach(function(v){ if(v == num) { break; } consol...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签