JavaScript
好程序员IT
这个作者很懒,什么都没留下…
展开
-
好程序员web前端培训分享九个JavaScript小技巧
好程序员web前端培训分享九个JavaScript小技巧1. 全部替换我们知道 string.replace() 函数仅替换第一次出现的情况。 你可以通过在正则表达式的末尾添加 /g 来替换所有出现的内容。 var example = “potato potato”; console.log(example.replace(/pot/, “tom”)); // “tomato potato” console.log(example.replace(/pot/g, “tom”));原创 2020-08-25 15:31:39 · 201 阅读 · 0 评论 -
JavaScript引擎工作原理
好程序员web培训分享JavaScript引擎工作原理,JavaScript是Web前端人员必须要掌握的知识点之一,也是一门高级语言。最初JavaScript只是在Web浏览器中运行,随着Node的出现,JavaScript也可以在服务端运行。 下面给大家讲解一下JavaScript引擎工作原理。 JavaScript引擎是什么? JavaScript引擎是一种用于将我们的代码转换为机器可读语言的引擎。如果没有JavaScript引擎,你编写的代码对计算机来说简直是一堆“胡言乱语”。不仅仅是Ja原创 2020-07-29 15:24:48 · 180 阅读 · 0 评论 -
JavaScript数据方法汇总
好程序员web前端培训分享JavaScript数据方法汇总,在JavaScript中,数组是一个特殊的变量,用于存储不同的元素。它具有一些内置属性和方法,可用于根据需要添加,删除,迭代或操作数。并且了解JavaScript数组方法可以提升你的开发技能。 在本文中,将介绍几种关于JavaScript的数组方法,这些方法可以帮助你正确地处理数据。 1.some() 2. reduce() 3. Every() 4. map() 5. flat() 6. filter() 7. f原创 2020-07-29 15:10:42 · 197 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript相关知识
好程序员web前端培训分享JavaScript相关知识,今天跟大家分享的是关于JavaScript相关知识。正在从事web前端工作的小伙伴们来一起看看吧,希望能够对大家有所帮助。 (一)JS中基本类型和引用类型 JavaScript的变量中包含两种类型的值:基本类型值和引用类型值,在内存中的表现形式在于:前者是存储在栈中的一些简单的数据段,后者则是保存在堆内存中的一个对象。 •基本类型值 在JavaScript中基本数据类型有String,Number,Undefined,Null,Bool原创 2020-07-22 15:07:41 · 166 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript面试题部分
今天好程序员web前端培训小编要跟大家分享的是关于JavaScript面试题部分内容。准备参加web前端面试的小伙伴们一起看一看吧,希望能够对大家有所帮助!1、怎样添加、移除、移动、复制、创建和查找节点?1)创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点2)添加、移除、替换、插入appendChild() //添加removeChild() //移除原创 2020-07-15 11:47:34 · 155 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript框架
好程序员web前端培训分享JavaScript框架,JavaScript 是开发领域的重要技术之一。根据 Statista 的报告,JavaScript 是 2019年开发人员使用的最流行的编程语言,在2020年亦是如此。 然而,在为项目选择恰当的 JavaScript 框架时,即使对于专业 JavaScript 开发人员来说,这也是一项艰巨的任务。 今天,小编就整理了几个好用又强大的JavaScript 框架,希望能帮助更多的JavaScript 开发人员。 AngularJS Angul原创 2020-07-08 23:57:11 · 457 阅读 · 0 评论 -
好程序员JavaScript教程分享JavaScript中变量和作用域
好程序员JavaScript教程分享JavaScript中变量和作用域,JavaScript的变量与其他语言的变量有很大区别。JavaScript变量不是强制类型的,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。 变量及作用域 1.基本类型和引用类型的值 常见的两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。原创 2020-07-06 23:17:32 · 109 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习指南
好程序员web前端培训分享JavaScript学习指南分享,JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。下面,就为大家简单介绍一下javascript学习指南。 给 script 元素设置 defer 属性可以让浏览器提前处理页面部分,在页面处理结束并做好显示准备时再处理脚本部分,这样可以提高页面载入的速度。 Hello原创 2020-07-05 23:48:17 · 294 阅读 · 0 评论 -
JavaScript学习笔记之设计模式
JavaScript学习笔记之设计模式,设计模式是我们在 解决问题的时候针对特定问题给出的简洁而优化的处理方案 我们有很多的设计模式 单例模式 组合模式 观察者模式 … 今天我们就聊一下这三个设计模式 单例模式 / 组合模式 / 观察者模式单例模式什么是单例模式呢?我们都知道,构造函数可以创造一个对象我们 new 很多次构造函数就能得到很多的对象单例模式: 就是使用构造函数实例化的时候,不管实例化多少回,都是同一个对象也就是一个构造函数一生只能 new 出一原创 2020-07-02 12:14:09 · 93 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记闭包与继承
好程序员web前端培训分享JavaScript学习笔记闭包与继承,闭包:闭包是我们函数的一种高级使用方式,在聊闭包之前我们要先回顾一下 函数函数的两个阶段我们一直说函数有两个阶段定义阶段调用阶段开辟一个 存储空间把函数体内的代码一模一样的放在这个空间内(不解析变量)把 存储空间 的地址给函数名按照函数名的地址找到函数的 存储空间形参赋值预解析将函数 存储空间 中的代码拿出来执行(才解析变量)按照函数名的地址找到函数的 存储空间形参赋值预解析在内存中开辟一个 执行空间将函数 存原创 2020-07-02 12:07:12 · 147 阅读 · 0 评论 -
好程序员web前端培训JavaScript学习笔记Promise
好程序员web前端培训JavaScript学习笔记Promise,promise 是一个 ES6 的语法 Promise表示承诺的意思,它在语法上解决了传统的多层回调嵌套问题回调函数什么是回调函数?就是把函数 A 当作参数传递到 函数 B 中在函数 B 中以行参的方式进行调用function a(cb) {cb()}function b() {console.log(‘我是函数 b’)}a(b)为什么需要回调函数当我们执行一个异步的行为的时候,我们需要在一个异步原创 2020-07-02 11:58:24 · 168 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记之循环结构
好程序员web前端培训分享JavaScript学习笔记之循环结构,循环结构,就是根据某些给出的条件,重复的执行同一段代码 循环必须要有某些固定的内容组成 初始化 条件判断 要执行的代码 自身改变WHILE 循环while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了语法 while (条件) { 满足条件就执行 }因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了// 1. 初始化条件 var nu原创 2020-07-01 00:14:41 · 131 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记分支结构
好程序员web前端培训分享JavaScript学习笔记分支结构,我们的 js 代码都是顺序执行的(从上到下) 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF 条件分支结构if 语句通过一个 if 语句来决定代码执行与否a语法: if (条件) { 要执行的代码 }通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) {alert(‘因为条件是原创 2020-07-01 00:11:48 · 107 阅读 · 0 评论 -
JavaScript教程函数进阶
好程序员web前端培训分享JavaScript学习笔记函数进阶,函数(下) 作用域(重点) 什么是作用域,就是一个变量可以生效的范围 变量不是在所有地方都可以使用的,而这个变量的使用范围就是作用域全局作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候,浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在,直到页面关闭就销毁了// 下面两个变量都是存在在全局作用域下面的,都是可以在任意地方使用的var num = 100va原创 2020-07-01 00:05:44 · 157 阅读 · 0 评论 -
好程序员web前端培训分享HTMLCSS学习之CSS基础
好程序员web前端培训分享HTMLCSS学习之CSS基础,CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本;用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式推出的css2.0 HTML + CSS,弥补html语言的不足缩减页面代码,提高访问速度;代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度原创 2020-06-30 00:40:53 · 168 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript基础语法
好程序员web前端培训分享JavaScript基础语法,JavaScript发展历史(JS)1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器–只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。liveScript ==> javaScript ==> ECMAscriptHTML :标记语言原创 2020-06-30 00:36:32 · 140 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记之递归函数
好程序员web前端培训分享JavaScript学习笔记之递归函数,什么是递归函数在编程世界里面,递归就是一个自己调用自己的手段,递归函数: 一个函数内部,调用了自己,循环往复// 下面这个代码就是一个最简单的递归函数// 在函数内部调用了自己,函数一执行,就调用自己一次,在调用再执行,循环往复,没有止尽function fn() {fn()}fn()其实递归函数和循环很类似需要有初始化,自增,执行代码,条件判断的,不然就是一个没有尽头的递归函数,我们叫做 死递归简单实现一个递归我原创 2020-05-13 12:30:19 · 168 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记之数组
好程序员web前端培训分享JavaScript学习笔记之数组,什么是数组?字面理解就是 数字的组合,其实不太准确,准确的来说数组是一个 数据的集合,也就是我们把一些数据放在一个盒子里面,按照顺序排好[1, 2, 3, ‘hello’, true, false],这个东西就是一个数组,存储着一些数据的集合数据类型分类number / string / boolean / undefined / null&原创 2020-05-13 12:16:44 · 146 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔数组的排序
好程序员web前端培训分享JavaScript学习笔数组的排序,排序,就是把一个乱序的数组,通过我们的处理,让他变成一个有序的数组,今天我们讲解两种方式来排序一个数组 冒泡排序 和 选择排序冒泡排序先遍历数组,让挨着的两个进行比较,如果前一个比后一个大,那么就把两个换个位置数组遍历一遍以后,那么最后一个数字就是最大的那个了然后进行第二遍的遍历,还是按照之前的规则,第二大的数字就会跑到倒数第二的位置以此类推,最后就会按照顺序把数组排好了1、我们先来准备一个乱序原创 2020-05-12 14:54:34 · 111 阅读 · 0 评论 -
好程序员分享JavaScript学习笔记ES5中常见的数组方法
好程序员分享JavaScript学习笔记ES5中常见的数组方法,ES5中常见的数组常用方法之前我们讲过的数组常用方法都是ES3的方法,今天来说一些ES5中的方法。indexOfindexOf 用来找到数组中某一项的索引语法: indexOf(你要找的数组中的项)var arr = [1, 2, 3, 4, 5]// 使用 indexOf 超找数组中的某一项var index = arr.indexOf(3)console.log(index) // 2我们要找的是数组中值为 3 的那一原创 2020-05-12 14:49:28 · 120 阅读 · 0 评论 -
好程序员web前端培训分享JavaScript学习笔记cookie
好程序员web前端培训分享JavaScript学习笔记cookie,cookie 是一个以字符串的形式存储数据的位置 每一个 HTTP 请求都会在请求头中携带 cookie 到服务端 每一个 HTTP 响应都会在响应头中携带 cookie 到客户端 也就是说,cookie 是不需要我们手动设置,就会自动在 客户端 和 服务端之间游走的数据 我们只是需要设置一下 cooki...原创 2020-05-07 13:16:17 · 133 阅读 · 0 评论 -
好程序员web前端培训解答为什么要学JavaScript
好程序员web前端培训解答为什么要学JavaScript,JavaScript(简称“JS”)是一种具有函数优先的轻量级、解释型或即时编译型的编程语言,也是当前web前端工程师学习的主要内容。有较真的同学好奇前端工程师为什么要学JavaScript,今天好程序员就给大家简单分析一下。从工作需求来看,前端开发是创建web页面或APP等前端界面呈现给用户的过程,通过HTML、CSS及Ja...原创 2020-03-10 16:21:19 · 154 阅读 · 0 评论 -
好程序员web前端教程分享怎么用promise解决回调和异步
好程序员web前端教程分享怎么用promise解决回调和异步首先让我们看看下面这题输出什么?```setTimeout(function() {console.log(1);},1000)console.log(2);```我们得到的结果是:先输出2,后输出1;这是什么原因呢?大家应该都知道定时器是异步的;所以先先输出2;那么我们的需求来了,怎么先输...原创 2019-12-06 20:51:00 · 119 阅读 · 0 评论 -
好程序员web前端教程分享前端javascript练习题之promise
好程序员web前端教程分享前端javascript练习题之promisepromise-ajax的封装function ajax(url){//创建promise对象var promise = new Promise(function(resolve,reject){//创建ajax对象if(window.XMLHttpRequest){var xhr = new XMLHttpReq...原创 2019-11-28 20:05:07 · 109 阅读 · 0 评论 -
好程序员web前端教程分享前端javascript练习题之闭包案例
好程序员web前端教程分享前端javascript练习题之闭包案例,编写一个求和函数sum,使输入sum(2)(3)或输入sum(2,3),输出结果相同可以传入多个参数functionsum(){varnum =arguments[0];if(arguments.length==1){returnfunction...原创 2019-11-28 19:58:26 · 195 阅读 · 0 评论 -
好程序员web前端教程分享前端javascript练习题Ajax封装
好程序员web前端教程分享前端javascript练习题Ajax封装ajax的基本封装 ----必须掌握function ajax(url,fn){if(window.XMLHttpRequest){var xhr = new XMLHttpRequest();}else{var xhr = new ActiveXObject(“Microsoft.XMLHTTP”);}xhr.o...原创 2019-11-27 16:33:11 · 168 阅读 · 0 评论 -
好程序员web前端教程分享前端javascript练习题三
好程序员web前端教程分享前端javascript练习题三,cookie一周内免登录样式代码:<form action="">姓名:<input type="text"id="usename"/><br />密码:<input type="text"i="mima"/><br />一周内免...原创 2019-11-22 19:58:15 · 238 阅读 · 1 评论 -
好程序员web前端教程分享前端javascript练习题二
好程序员web前端教程分享前端javascript练习题二,事件委托机制 ----------重要eg:点击按钮往ul中添加li,使添加的li也有相同的事件varobtn=document.getElementById("btn");varolist=document.getElementById("list");//获取ulvaroli=olist....原创 2019-11-22 19:51:07 · 216 阅读 · 0 评论 -
好程序员web前端分享前端 javascript 练习题
好程序员web前端分享前端 javascript 练习题,正则表达式表单验证简单的布局:<div class="container"id="dv"><label for="qq">Q Q</label><input type="text"id="qq"><span></span><br/>...原创 2019-11-21 16:56:26 · 245 阅读 · 0 评论 -
今天好程序员Java教程为大家就分享一些常见的Java面试题
今天好程序员Java教程为大家就分享一些常见的Java面试题,大家一起来看一下吧。1、字节流与字符流的区别 答: 字节流和字符流使用是非常相似的,字节流在操作的时候本身是不会用到缓冲区(内存)的,是与文件本身直接操作的,而字符流在操作的时候是使用到缓冲区的。 字节流在操作文件时,即使不关闭资源(close方法),文件也能输出, 但是如果字符...原创 2019-11-18 18:08:55 · 179 阅读 · 0 评论 -
好程序员web前端分享JavaScript到底是什么?特点有哪些?
好程序员web前端分享JavaScript到底是什么?特点有哪些?这也是成为web前端工程师必学的内容。今天为大家分享了这篇关于JavaScript的文章,我们一起来看看。一、JavaScript是什么?1、JavaScript是在网站浏览器上运行的编程语言。 主要是向使用HTML和CSS构建的网站添加,并起到实现各种页面动态效果的作用。例如,在网页上展示的轮播图样...原创 2019-11-18 16:53:01 · 263 阅读 · 0 评论 -
好程序员web前端教程分javascript练习题-事件
好程序员web前端教程分享前端javascript练习题-事件键盘控制div移动如果需要在页面中移动,要将元素脱离文档流(否则会影响页面布局)<div style="position: absolute;background-color:pink;width: 60px;height: 60px;"></div>js实现代码:varodiv=docu...原创 2019-11-14 19:46:17 · 147 阅读 · 0 评论 -
好程序员web前端教程分享javascript 练习题
好程序员web前端教程分享前端 javascript 练习题,图片跟着鼠标飞://图片跟着鼠标飞,可以在任何的浏览器中实现//window.event和事件参数对象e的兼容//clientX和clientY单独的使用的兼容代码//scrollLeft和scrollTop的兼容代码//pageX,pageY和clientX+scrollLeft 和clientY...原创 2019-11-14 19:39:54 · 164 阅读 · 0 评论 -
好程序员web前端教程分享JavaScript面试题
好程序员web前端教程分享JavaScript面试题1、JavaScript this指针、闭包、作用域this:指向调用上下文 闭包:内层作用域可以访问外层作用域的变量 作用域:定义一个函数就开辟了一个局部作用域,整个js执行环境有一个全局作用域2、JavaScript的同源策略 一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端...原创 2019-11-08 11:34:43 · 155 阅读 · 0 评论 -
好程序员分享JavaScript之-文档对象模型(DOM)
好程序员分享JavaScript之 -文档对象模型(DOM):DOM -----Document Object Model文档对象模型(DOM)是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台, 提供了标准的 HTML 和 XML 对象集, 并有一个标准的接口来访问并操作它们。”它使得程序员可以很快捷地访问 HTML 或 XML 页面上的标准组件,如元素、样式表、脚本等...原创 2019-11-07 15:25:00 · 126 阅读 · 0 评论 -
好程序员分享JavaScript创建对象的方式!
好程序员分享JavaScript创建对象的方式!JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产。接下来介绍七种非常经典的创建对象的方式,他们也各有优缺点。1、工厂模式function createPerson(name, job) { var o = new Object()...原创 2019-11-06 14:45:52 · 83 阅读 · 0 评论 -
好程序员web前端教程分享JavaScript的执行机制!
好程序员web前端教程分享JavaScript的执行机制!对于Web工程师来说了解JavaScript的执行机制是很重要的。下面就让我们一起来看一看吧!1、关于JavaScriptjavascript是一门 单线程 语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟...原创 2019-11-01 14:23:52 · 116 阅读 · 0 评论 -
好程序员Java教程分享javaweb框架
好程序员Java教程分享javaweb框架:Java是开源的,框架很多,这些框架都能解决特定的问题,提高开发效率、简化我们的代码复杂度,现在除了很多大家通用的一些主流框架外,很多公司针对自己的业务会自定义一些公司内部的框架,当然作为学习者我们首先要清楚最流行的javaweb框架有哪些? 回答这个问题首先要看我们的项目规模,对于”体量”较小的单应用项目,和需要处理海量数据、高并发的分布式...原创 2019-10-31 14:01:01 · 254 阅读 · 0 评论 -
好程序员Java教程分享JavaScript常见面试题四
好程序员Java教程分享JavaScript常见面试题四1、下面的代码将输出什么到控制台,为什么?console.log(1 + "2" + "2");console.log(1 + +"2" + "2");console.log(1 + -"1" + "2");console.log(+"1" + "1" + "2");console.log( "A" - "B" + "2");c...原创 2019-10-28 13:57:15 · 196 阅读 · 0 评论 -
好程序员Java教程分享JavaScript常见面试题三
好程序员Java教程分享JavaScript常见面试题三:1.下列代码行1-4如何排序,使之能够在执行代码时输出到控制台? 为什么?(function() { console.log(1);setTimeout(function(){console.log(2)}, 1000);setTimeout(function(){console.log(3)}, 0);console.lo...原创 2019-10-28 13:43:24 · 157 阅读 · 0 评论