- 项目开发过程中，通过iframe引入其他页面，返回至前一页面时调用parent.location.reload(true)时Chrome、IE10(11)下均可以正常返回，但是在IE9下却无效。 改成top.location.reload(true)就可以了。 window.location.reload(true)刷新当前页面.parent.location.re... 项目开发过程中，通过iframe引入其他页面，返回至前一页面时调用parent.location.reload(true)时Chrome、IE10(11)下均可以正常返回，但是在IE9下却无效。 改成top.location.reload(true)就可以了。 window.location.reload(true)刷新当前页面.parent.location.re...
- 一、初步理解 1. npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下 2. package.json 中添加中文注释会编译出错 3. 每个项目的根目录... 一、初步理解 1. npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下 2. package.json 中添加中文注释会编译出错 3. 每个项目的根目录...
- 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。 无论是组件本身的数据变更，还是从父组件接收到的 props 或者从vuex里面拿到的数据有变更，都会触发虚拟 DOM 重新渲染和打补丁，并在之后调用 updated。 有个值得注意的地方，举例说明： 例子 <template> <div> <div v-for... 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。 无论是组件本身的数据变更，还是从父组件接收到的 props 或者从vuex里面拿到的数据有变更，都会触发虚拟 DOM 重新渲染和打补丁，并在之后调用 updated。 有个值得注意的地方，举例说明： 例子 <template> <div> <div v-for...
- 示例代码如下： <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script> new Vue({ el: "#app", methods:{ add:functio... 示例代码如下： <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script> new Vue({ el: "#app", methods:{ add:functio...
- 属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default { data() { return ... 属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default { data() { return ...
- 表单检验 注：prop对应的不单单是rules规则里面的验证项，同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符，也会提示“请输入”之类的提示语，造成校验不友好问题。 清除表单校验 // 清除表单校验的提示 if (this.$refs['XXX']) {... 表单检验 注：prop对应的不单单是rules规则里面的验证项，同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符，也会提示“请输入”之类的提示语，造成校验不友好问题。 清除表单校验 // 清除表单校验的提示 if (this.$refs['XXX']) {...
- 说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods 一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个do... 说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods 一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个do...
- Boolean(); 参数为 0、null 和无参数返回false，有参数返回true。 Boolean(""); //输出为：false Boolean(null); //输出为：false Boolean(0); //输出为：false Boolean("hi"); //输出为：true Boolean(100); //输出为：true Boolean... Boolean(); 参数为 0、null 和无参数返回false，有参数返回true。 Boolean(""); //输出为：false Boolean(null); //输出为：false Boolean(0); //输出为：false Boolean("hi"); //输出为：true Boolean(100); //输出为：true Boolean...
- 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(... 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(...
- 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias... 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias...
- 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s... 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s...
- 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be... 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be...
- 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息； 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个； 第三种方式 npm info jquery 1 这种方式和第一种类似，也可以查看jquery所有的版本， 但是能查出更... 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息； 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个； 第三种方式 npm info jquery 1 这种方式和第一种类似，也可以查看jquery所有的版本， 但是能查出更...
- 这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境。 由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。 // 此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查，请看我的check-versions配置文件解释... 这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境。 由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。 // 此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查，请看我的check-versions配置文件解释...
- 1.computed区别于method的两个点： computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是； 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes... 1.computed区别于method的两个点： computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是； 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签