今天给大家讲讲javascript基础教程中的javascript面向对象的技术，这一次我们深入的学习一下JavaScrip基于t面向对象之创建对象，关于面向对象的一些术语这里就不给大家介绍了，不了解的朋友可以自行去查看。 使用预定义对象只是面向对象语言的能力的一部分，它真正强大之处在于能够创建自己专用的对象。ECMAScript 拥有很多创建对象的方法。 一原始方式 因为对象的属性可以在对象创建后动态定义，所有许多开发者...
A Guide to Proper Error Handling in JavaScript这是关于JavaScript中异常处理的故事。如果你相信 墨菲定律 ，那么任何事情都可能出错，不，一定会出错!这篇文章中我们来看下JavaScript中的出错处理。文章会覆盖异常处理使用的正反例，然后看下ajax的异步处理。JavaScript的事件驱动机制让JavaScript更加丰富，浏览器好比就是一个事件驱动的机器，错误也是一种事件。当一个错误发生时，一个事件就在某个点抛出。理论上，有人会说...
1. 内容回顾 1. 今日面试题 2. JS 1. JS要学的内容 1. JS基础语法 2. BOM(操作浏览器) 3. DOM(操作文档内容) 2. JS导入方式 1. 将JS代码直接写到script标签中 2. 将JS代码写到js文件中，通过script的src属性导入 3. JS的语法基础 1. 注释 // 2. 语句要加结束符; 3. 变量声明 $ 4. JS中的数据类型 1. 数字number NaN parseInt() parseFloat() 2. 字符串string 1. .length 2. .trim() ...
我们知道，在NodeJS之前，由于没有过于复杂的开发场景，前端是不存在模块化的，后端才有模块化。NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化开始快速发展。模块化的开发方式可以提供代码复用率，方便进行代码的管理。通常来说，一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。下面开始一一介绍：CommonJSNodeJS是CommonJS规范...
今天给大家分享JS实现数组去重常用的六种方法，希望对大家能有所帮助！定义变量let arr = [20,6,13,20,100,8,13,11]; let newArr = []; ?1、两层循环去重?for(let i = 0;i < arr.length;i++){for(let j = i + 1;j < arr.length;j++){if(arr[i] == arr[j]){arr.splice(j,1)j--}} } ?2、includes函数判断去重?for(let i of arr){if(!newArr.includes(i)){newArr.push(i)} } ?3、filter循环过滤去重?arr.filter((val,index) => {if(ne...
1 概述CommonJS对模块的定义十分简单，主要分为模块定义、模块引用和模块标识。Nodejs的模块系统就遵循了CommonJS规范。但Node在实现中并非完全按照CommonJS规范实现，而是对模块规范进行了一定的取舍。下面，我们结合Node来深入了解CommonJS规范。2 模块定义CommonJS规范规定，一个文件就是一个模块，用module变量代表当前模块。 Node在其内部提供一个Module的构建函数。所有模块都是Module的实例。实例代码如下：function Module...
【转】 前端笔记之JavaScript面向对象（三）初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发 一、ES6语法 ES6中对数组新增了几个函数：map()、filter()、reduce() ES5新增的forEach()。 都是一些语法糖。 1.1 forEach()遍历数组 forEach()方法用来循环遍历数组，方法中的function回调函数接收3个参数 参数1是遍历的数组内容(item)；参数2是对应的数组索引(index)，参数3是是数组本身(array)。[].forEach(function(item,inde...
本文来自 @狼狼的蓝胖子；链接：http://luopq.com/2015/11/25/design-pattern-state/在软件开发中，很大部分时候就是操作数据，而不同数据下展示的结果我们将其抽象出来称为状态，我们平时开发时本质上就是对应用程序的各种状态进行切换并作出相应处理。状态模式就是一种适合多种状态场景下的设计模式。使用状态模式可以可以让代码更加清晰，提高应用程序的维护性和扩展性。 基础知识 状态模式定义一个对象，这个对象可以通过管理其...
在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，以下是本人收集的方法：方法一：可以通过js自动给html添加版本号<scrip...
使用JS实现前端缓存在前端浏览器中，有些数据（比如数据字典中的数据），可以在第一次请求的时候全部拿过来保存在js对象中，以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面，这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。具体实现思路和方法：创建一个cache.js文件：1、前端页面，定义那些数据需要一次性拿到前端缓存，定义一个对象来保存这些数据：/*** ...
如何存放或更新缓存？ 缓存数据来源是预知的，我们可以预先定义哪些 mutation 是缓存相关的。 我们期望这个过程更自然一点，通过某种变化自动映射，使以后不管缓存类别增加还是减少都能修改极少的代码来应对变化。 Vuex的插件可以拦截 mutations，借助这个机制，我们可以制定一种策略化的规则。 可以规定，所有需要更新缓存的 mutationType 都要符合这种格式：module-type-cacheKey，非缓存的 mutationType 格式为 module-type。 那...
一、背景业务需要在前端进行数据的缓存，到期就删除再进行获取新数据。二、实现过程前端设置数据定时失效的可以有下面2种方法：1、当数据较大时，可以利用localstorage，存数据时候写入一个时间，获取的时候再与当前时间进行比较 2、如果数据不超过cookie的限制大小，可以利用cookie比较方便，直接设置有效期即可。 3、更多（请大神指点）利用localstorage实现localstorage实现思路：1、存储数据时加上时间戳在项目开发中，我们可以...
Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地打开一个JSON文件，利用JSON文件在前端进行动态展示等等。下面就展示一下具体做法：首先定义一个jsonContent, 我们的目标是将本地选取的文件转换为JSON赋值给jsonContent然后我们的模板文件是利用el-dialog和el-upload两个组件组合：这里停止文件自动上传...
在前端浏览器中，有些数据（比如数据字典中的数据），可以在第一次请求的时候全部拿过来保存在js对象中，以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面，这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。具体实现思路和方法：创建一个cache.js文件：1、前端页面，定义那些数据需要一次性拿到前端缓存，定义一个对象来保存这些数据：/** * 定义需要在用户登录...
这次给大家带来JS操作前端缓存，JS操作前端缓存的注意事项有哪些，下面就是实战案例，一起来看一下。在前端浏览器中，有些数据（比如数据字典中的数据），可以在第一次请求的时候全部拿过来保存在js对象中，以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面，这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。具体实现思路和方法：创建一个cache.js文件：1、前端...