- 一、前言项目开发过程中,定义的方法、变量、组件如果被多处引用,就要考虑将其抽取为公共部分,提升代码复用度,便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一:Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中,定义的方法、变量、组件如果被多处引用,就要考虑将其抽取为公共部分,提升代码复用度,便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一:Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 一、前言Vue项目在编译阶段,报如下错误:npm ERR! PhantomJS not found on PATH因为依赖包在编译过程中可能会涉及脚本执行,但是脚本执行环境有误,导致以上报错信息,解决方法就是应用--ignore-scripts选项单独安装phantomjs:npm install phantomjs@2.1.1 --ignore-scriptsnpm提供的--ignore... 一、前言Vue项目在编译阶段,报如下错误:npm ERR! PhantomJS not found on PATH因为依赖包在编译过程中可能会涉及脚本执行,但是脚本执行环境有误,导致以上报错信息,解决方法就是应用--ignore-scripts选项单独安装phantomjs:npm install phantomjs@2.1.1 --ignore-scriptsnpm提供的--ignore...
- 一、前言Vue项目改造升级后,原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查,发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误,可从以下几个方面查找原因:可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试;引用了不存在的 js 文件;页面的某些文件在文档模型还没建立时就已经开始引用相关的节点;令人... 一、前言Vue项目改造升级后,原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查,发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误,可从以下几个方面查找原因:可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试;引用了不存在的 js 文件;页面的某些文件在文档模型还没建立时就已经开始引用相关的节点;令人...
- 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } ... 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } ...
- 因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全原因,只有IE才提供访问文件的API;但随着HTML 5的到来,其他浏览器也纷纷支持了。 首先说读取文件。W3C提供了一些File API,其中最重要的是FileReader这个类。 先列出需要用到的HTML标签: <input type="file" id="fi... 因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全原因,只有IE才提供访问文件的API;但随着HTML 5的到来,其他浏览器也纷纷支持了。 首先说读取文件。W3C提供了一些File API,其中最重要的是FileReader这个类。 先列出需要用到的HTML标签: <input type="file" id="fi...
- 前言 在前面的博客《 JavaScript进阶(八)JS实现图片预览并导入服务器功能》(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务器的操作。这次需要实现将本地打包好的文件上传至阿里云服务器。使用前面的图片文件上传方法无法完成此操作。操作界面如下:思路 本地与服务端传输文件的格式应该是熟悉的Base64格式。首先需要将本地文件转换为Base64格式,传... 前言 在前面的博客《 JavaScript进阶(八)JS实现图片预览并导入服务器功能》(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务器的操作。这次需要实现将本地打包好的文件上传至阿里云服务器。使用前面的图片文件上传方法无法完成此操作。操作界面如下:思路 本地与服务端传输文件的格式应该是熟悉的Base64格式。首先需要将本地文件转换为Base64格式,传...
- 前言在我们使用selenium进行自动化测试的时候,selenium能够帮助我们实现元素定位和点击输入等操作,但是有的时候,我们会发现,即使我们的元素定位没有问题,元素也无法执行操作;也有部分情况是我们无法直接定位滚动条河时间控件来进行操作,这个时候,我们就需要借助JavaScript来解决问题。本文就来给大家介绍一下selenium如何执行JavaScript脚本,以及这种方法的一些常见... 前言在我们使用selenium进行自动化测试的时候,selenium能够帮助我们实现元素定位和点击输入等操作,但是有的时候,我们会发现,即使我们的元素定位没有问题,元素也无法执行操作;也有部分情况是我们无法直接定位滚动条河时间控件来进行操作,这个时候,我们就需要借助JavaScript来解决问题。本文就来给大家介绍一下selenium如何执行JavaScript脚本,以及这种方法的一些常见...
- 一、前言AMD、CMD、CommonJs是ES5中提供的模块化编程方案,import/export是ES6中新增的模块化编程方案。那么,究竟什么什么是AMD、CMD、CommonJs?他们之间又存在什么区别呢?项目开发应该选用哪种模块化编程规范,又是如何使用?本篇博文将一一解答以上疑问。 二、AMD-异步模块定义AMD是”Asynchronous Module Definition”的缩写... 一、前言AMD、CMD、CommonJs是ES5中提供的模块化编程方案,import/export是ES6中新增的模块化编程方案。那么,究竟什么什么是AMD、CMD、CommonJs?他们之间又存在什么区别呢?项目开发应该选用哪种模块化编程规范,又是如何使用?本篇博文将一一解答以上疑问。 二、AMD-异步模块定义AMD是”Asynchronous Module Definition”的缩写...
- 一、前言JS逻辑判断过程中,经常需要根据数值类型及内容进行逻辑判断处理,为简化处理逻辑, ES2020 (即ES11,以下简称ES11)引入空值合并运算符、可选链操作符、空值赋值运算符等新特性。 二、空值合并运算符(??)alert(username ?? "Guest");这里的双问号称为空值合并运算符,它是ES11 的一个新特性,它的作用是当一个表达式是 null 或者 undefin... 一、前言JS逻辑判断过程中,经常需要根据数值类型及内容进行逻辑判断处理,为简化处理逻辑, ES2020 (即ES11,以下简称ES11)引入空值合并运算符、可选链操作符、空值赋值运算符等新特性。 二、空值合并运算符(??)alert(username ?? "Guest");这里的双问号称为空值合并运算符,它是ES11 的一个新特性,它的作用是当一个表达式是 null 或者 undefin...
- 一、ES6 中的模块加载ES6 模块是编译时加载,编译时就能确定模块的依赖关系,以及输入和输出的变量,相比于CommonJS 和 AMD 模块都只能在运行时确定输入输出变量的加载效率要高。 1.1 严格模式ES6 的模块自动采用严格模式,不管你有没有在模块头部加上 "use strict"; 语句。严格模式主要有以下限制。变量必须声明后再使用;函数的参数不能有同名属性,否则报错;不能使用w... 一、ES6 中的模块加载ES6 模块是编译时加载,编译时就能确定模块的依赖关系,以及输入和输出的变量,相比于CommonJS 和 AMD 模块都只能在运行时确定输入输出变量的加载效率要高。 1.1 严格模式ES6 的模块自动采用严格模式,不管你有没有在模块头部加上 "use strict"; 语句。严格模式主要有以下限制。变量必须声明后再使用;函数的参数不能有同名属性,否则报错;不能使用w...
- 一、前言在之前创建的《JVM》专栏中,讲解了Java虚拟机中垃圾回收机制。同JVM具有垃圾回收机制相似,JavaScript同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存占用持续升高的问题,一方面会影响程序的运行速度,另一方面严重的话会导致整个应用程序的崩溃。 二、JavaScript 中的内存管... 一、前言在之前创建的《JVM》专栏中,讲解了Java虚拟机中垃圾回收机制。同JVM具有垃圾回收机制相似,JavaScript同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存占用持续升高的问题,一方面会影响程序的运行速度,另一方面严重的话会导致整个应用程序的崩溃。 二、JavaScript 中的内存管...
- 一、前言前端开发过程中,对于后台返回的对象,若包含属性过多,需要一一定义变量接收对象属性,该过程过于繁琐,增加了代码量。好在ES6提供了对象解构方法帮助我们解决这一问题。 二、语法介绍 2.1 提取属性对象解构的基本语法非常简单:const { identifier } = expression;其中,identifier是要访问的属性名称,expression为一个对象。这是使用属性访问... 一、前言前端开发过程中,对于后台返回的对象,若包含属性过多,需要一一定义变量接收对象属性,该过程过于繁琐,增加了代码量。好在ES6提供了对象解构方法帮助我们解决这一问题。 二、语法介绍 2.1 提取属性对象解构的基本语法非常简单:const { identifier } = expression;其中,identifier是要访问的属性名称,expression为一个对象。这是使用属性访问...
- 一、ECMAScript简介ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262... 一、ECMAScript简介ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262...
- 一、前言JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。即所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。浮点数的精度问题也不只是JavaScript特有,因为有些小数以二进制表示位数是无穷的。十进制 二进制... 一、前言JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。即所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。浮点数的精度问题也不只是JavaScript特有,因为有些小数以二进制表示位数是无穷的。十进制 二进制...
- 一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 二、为什么用严格模式设立"严格模式"的目的,主要有以下几个:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为... 一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 二、为什么用严格模式设立"严格模式"的目的,主要有以下几个:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为...
上滑加载中
推荐直播
-
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步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签