摘要: 在前端面试中面试官基本都会问到什么是匿名函数、什么是闭包函数。 本文就先来说一下什么是匿名函数。 匿名函数顾名思义就是没有名字的函数,通常我们所写的函数都是这样的: function do(){ // 执行代码 }; // 调用 do(); 这种写法是定义了一个名为do的函数,并通过函数名称进行调用 阅读全文
posted @ 2020-12-04 15:08 浅笑· 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 一、示例场景 1.1、设置抽奖活动的奖项名称 奖项名称:["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项,当然开发者可以扩展更多。 var prizes = ["一等奖","二等奖","三等奖","未中奖"]; //奖项名称数组 1.2、设置各奖项权重 奖项权重 阅读全文
posted @ 2020-12-04 15:06 浅笑· 阅读(612) 评论(0) 推荐(0) 编辑
摘要: 主要是用Object.defineProperty实现类似vue的数据绑定。 第一步: const data = { name: "tom", age: 14 } Object.defineProperty(data, "name", { get(){ return "name被读取了" }, se 阅读全文
posted @ 2020-12-04 15:04 浅笑· 阅读(976) 评论(0) 推荐(0) 编辑
摘要: 1.json与jsonp的引入在ajax中 JSON用来解决数据交换问题,而JSONP来实现跨域。备注:跨域也可以通过服务器端代理来解决;理解:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。2.JSON:是一种基于文本的数据交换方式,或者叫做 阅读全文
posted @ 2020-12-04 15:03 浅笑· 阅读(318) 评论(0) 推荐(0) 编辑
摘要: nodejs内置模块指的是除默认提供的语法之外,提供的美容,无需下载,直接引入,引入只写名称即可。 nodejs内置模块: 1、path模块 : 用于处理文件路径。 path.normalize(路径解析,得到规范路径); path.join(路径合并); path.resolve(获取绝对路径); 阅读全文
posted @ 2020-12-04 15:02 浅笑· 阅读(4561) 评论(0) 推荐(0) 编辑
摘要: 除了if ... else之外,JavaScript还有一个称为switch语句的功能。 switch是一种条件语句,它将针对多种可能的情况评估表达式,并根据匹配的情况执行一个或多个代码块。 switch语句与包含许多其他if块的条件语句密切相关,并且它们通常可以互换使用。 在本教程中,我们将学习如 阅读全文
posted @ 2020-12-04 15:00 浅笑· 阅读(4261) 评论(0) 推荐(0) 编辑
摘要: 在实际工程开发中,会有前后端分离的需求。使用node.js反向代理的目的:实现前后端分离,前端减少路径请求的所需的路由文件。 一. 反向代理的应用场景 1. 静态资源与动态资源分离 e.g. 图片服务器 2. AJAX跨域访问 3. 搭建统一服务网关接口 二. 使用node.js实现反向代理 1. 阅读全文
posted @ 2020-12-04 14:57 浅笑· 阅读(1295) 评论(0) 推荐(0) 编辑
摘要: AJAX(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax 它是与服务器交换数据的技术,在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),它在不重载全部页面的情况下,实现了对部分网页的更新。这样就可使网页从服务器请求少量的信息,而不是整个页 阅读全文
posted @ 2020-12-04 14:55 浅笑· 阅读(1055) 评论(0) 推荐(0) 编辑
摘要: 有时需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到。用JavaScript判断通常有两种方法。 方法一、 用正则表达式判断: <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" 阅读全文
posted @ 2020-12-04 14:51 浅笑· 阅读(7377) 评论(0) 推荐(0) 编辑
摘要: JavaScript读取xml的方法:使用DOMParser对象解析XML文本并返回一个XML Document对象。然后调用parseFromString()方法读取。 JavaScript读取xml文件: function loadXML(xmlFile){ var xmlDoc=null; / 阅读全文
posted @ 2020-12-04 14:50 浅笑· 阅读(3437) 评论(0) 推荐(0) 编辑
摘要: JavaScript中可以通过将图片display属性设置为none实现图片隐藏。display属性设置元素如何显示,其语法为Object.style.display=value。 JavaScript中实现通过点击显示隐藏图片代码: 把图片的display设为none,触发点击事件时,displa 阅读全文
posted @ 2020-12-04 14:47 浅笑· 阅读(1414) 评论(0) 推荐(0) 编辑
摘要: TypeScript 2.4 为标识符实现了拼写纠正机制。即使咱们稍微拼错了一个变量、属性或函数名,TypeScript 在很多情况下都可以提示正确的拼写。 TypeScript 2.7 支持 ECMAScript 的数字分隔符提案。 这个特性允许用户在数字之间使用下划线(_)来对数字分组(就像使用 阅读全文
posted @ 2020-12-04 14:40 浅笑· 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 一、闭包模块的第一种写法: // HH: 闭包类的第一种写法 var PeopleClass = function () { var age = 18 var name = 'HAVENT' // 闭包返回公开对象 return { getAge: function () { return age 阅读全文
posted @ 2020-12-04 14:39 浅笑· 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 引言 随着对前端的了解越来越深入,了解到了很多种浏览器的存储方案,如 Cookie、LocalStorage等,哪这些存储方案有何异同,分别的适用场景又是什么呢。 Cookie Cookie的来源 Cookie 被创造出来的本意并不是本地储存,而是为了辨别用户身份。众所周知,Http 协议是无状态的 阅读全文
posted @ 2020-12-04 14:38 浅笑· 阅读(207) 评论(0) 推荐(0) 编辑
摘要: TypeScript 2.1 增加了对 对象扩展运算和 rest 属性提案的支持,该提案在 ES2018 中标准化。可以以类型安全的方式使用 rest 和 spread 属性。 对象 rest 属性 假设已经定义了一个具有三个属性的简单字面量对象 const marius = { name: "Ma 阅读全文
posted @ 2020-12-04 14:37 浅笑· 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 功能描述: 1.鼠标经过 左右侧箭头显示,鼠标离开 箭头隐藏 2.动态添加底部小圆圈并绑定单击事件,并且让小圆圈的点击事件和左右箭头点击事件同步 3.拷贝第一张图片添加到ul最后可以实现动态添加图片 4.给箭头绑定单击事件,并且使图片可以无缝轮播 5.实现自动轮播(动画函数) 具体实现代码: 1.鼠 阅读全文
posted @ 2020-12-04 14:36 浅笑· 阅读(770) 评论(0) 推荐(0) 编辑
摘要: JavaScript选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()。 1、document.q 阅读全文
posted @ 2020-12-04 14:34 浅笑· 阅读(1553) 评论(0) 推荐(0) 编辑
摘要: 事件流:当你在页面触发一个点击事件后,页面上不仅仅有一个元素响应该事件而是多个元素响应同一个事件,因为元素是在容器中的。事件发生的顺序就是事件流,不同的浏览器对事件流的处理不同。 冒泡事件流: 当触发一个节点的事件时,会从当前节点开始,依次触发其祖先节点的同类型事件,直到DOM根节点 。 捕获事件流 阅读全文
posted @ 2020-12-04 14:33 浅笑· 阅读(1094) 评论(0) 推荐(1) 编辑
摘要: 所有编程语言都必须遵守特定的规则才能运行。 确定编程语言的正确结构的这组规则称为语法。 许多编程语言主要由具有语法变化的类似概念组成。 在本教程中,我们将介绍JavaScript语法和代码结构的许多规则和约定。 功能性和可读性 在开始使用JavaScript时,功能性和可读性是关注语法的两个重要原因 阅读全文
posted @ 2020-12-04 14:32 浅笑· 阅读(244) 评论(0) 推荐(0) 编辑
摘要: JavaScript有三部分组成。分别为核心(ECMAScript) 、文档对象模型(DOM)、浏览器对象模型(BOM)。这三部分分别描述了该语言的语法和基本对象、处理网页内容的方法和接口、与浏览器进行交互的方法和接口。 一.ECMAScript(核心) 注意: 1、ECMAScript与Web浏览 阅读全文
posted @ 2020-12-04 14:30 浅笑· 阅读(1433) 评论(0) 推荐(0) 编辑