请注意,本文编写于 2067 天前,最后修改于 173 天前,其中某些信息可能已经过时。
HTML页面中的任意位置加上<script type="module"></script>标签即可。
ES6不仅在语法上有很大的改进,在代码的组织结构上也有重大升级,ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构;原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题,让开发复杂的前端项目变得更加容易;类(class)的加入使JavaScript面向对象更加易于理解。
const 是一个常量只允许声明一次不可修改(和let有快级作用域) let不存在变量提升机制(变量不允许在声明之前使用) let不允许重复声明 在全局作用域中基于let声明的变量不是window的一个属性,和他没关系 typeof 未被声明的变量 =>不是undefined而是报错(暂时性死区) let会形成块级作用域(类似于私有作用域,大部分大括号都会形成块作用域) 解构赋值 “…” 拓展、剩余、展开运算符 ES6中的模板字符串 箭头函数 和普通函数的区别 没有arguments,但是可以基于…arg获取实参集合(结果是一个数组) 没有自己的this,箭头函数中的this是上下文中的this Promise(async/await) class(ES6中创建类的) interator(for of 循环) Map / Set
GNU/Linux GNU/Linux 用户使用系统内置包管理器,如Ubuntu/Debian:
行内元素和块元素的区别 概念 块元素:默认独占一行,页面中垂直排列,宽高和内外边距可控 行内元素:默认同行排列,宽高由内容决定 行内元素和块元素举例 块元素:、、、 行内元素:、、、<input> 行内元素和块元素的相互转换 display:inline;将块元素转换为行内元素 display:block;将行内元素转换为块元素 display;inline-blockl;行内块元素,既有block的宽度高度特性,也有inline的同行特性02上一期前端面试题整理答案上期答案 1.盒子模型 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。 2.关于元素 行内元素:a、b、span、img、input、strong、select、label、em、button、textarea 块级元素:div、ul、li、07JS笔记(三):数组、函数、类(一) 数组 1 //创建数组 2 var the_array = [1,2,3,4,'5'] 3 4 console.log(the_array[0]) //读取索引为0的数据 5 the_array[5] = '赋值' //写数据 6 7 //在数组末尾添加一个元素,,允许添加多个数据,例如:the_array.push('1','2') 8 the_array.push('末尾添加一个数据') 9 console.log(the_array) 10 //pop删除数组末尾的数据并03JS高级——构造函数和原型在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。01ES6知识点从上述代码中我们可以发现,虽然变量还没有被声明,但是我们却可以使用这个未被声明的变量,这种情况就叫做提升,并且提升的是声明。02字节前端必会面试题总结: 伪类是通过在元素选择器上加⼊伪类改变元素状态,⽽伪元素通过对元素的操作进⾏对元素的改变。02前端成神之路-JavaScript高级第01天JavaScript高级第01天 1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。 易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活02面试感悟:当经历所有大厂的实习面试后七月虽然不是一个丰收的季节,但却是一个十分酷热的月份。不知有多少小伙伴跟我一样,顶着大太阳奔波在各种面试的征途中。面试是一个漫长的过程。但是也是一个让你快速提升的过程。其中包含了无数的血与泪。去面试前首先我们必须有牢固的基础知识,足够丰富的项目经历(就我而言差不多是三个完整项目经历,时间累计差不多接近一年)。然后就是表述能力,你要能把你的答案给面试官描述清楚,注意专业词汇,这将大大提高面试官对你的印象分!00金九银十前端面试题总结(附答案)这里可以理解为await后面的语句相当于放到了new Promise中,下一行及之后的语句相当于放在Promise.then中。04javascript常用技巧map() (映射)方法最后生成一个新数组,不改变原始数组的值。其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。02【4/25】在页面对象中启用模板方法模式(Template Method Pattern)这是《小游戏从0到1设计模式重构》系列内容第4篇,所有源码及资料在“程序员LIYI”公号回复“小游戏从0到1”获取。01Fabric.js 自定义子类,创建属于自己的图形~虽然 fabric.js 提供了非常简单的方法创建自定义子类,但如果需要创建复杂的图形,还是需要有一定 canvas 基础的。02Java面试常见题[通俗易懂]数组+ 重写compareTo方法 链表+ 实现comparetor定制排序 二叉树 集合:Map:键值对01金九银十求职季,前端面试大全送给你最近好多小伙伴都跳槽去找工作,我只能在心里默默的支持他们能找到一份好的工作,这份前端面试大全送给我的小伙伴们,主要说的是前端一些常用的一些知识,说的不对的地方请小伙伴们即使指正出来,自己同时也回顾下这些知识。主要分以下几个方边来说: - css和html - javascript - vue - 微信小程序02Java面试常见题数组+ 重写compareTo方法 链表+ 实现comparetor定制排序 二叉树 集合:Map:键值对02web前端面试都问什么-JS篇在js中变量的作用域属于函数作用域, 在函数执行完后,作用域就会被清理,内存也会随之被回收,但是由于闭包函数是建立在函数内部的子函数, 由于其可访问上级作用域,即使上级函数执行完, 作用域也不会随之销毁, 这时的子函数(也就是闭包),便拥有了访问上级作用域中变量的权限,即使上级函数执行完后作用域内的值也不会被销毁。03JavaScript实用手册1. JavaScript 是专门编写网页交互行为的语言,HTML 和 CSS 是静态语言,编写静态内容,无法编写逻辑,无法执行计算,所有静态网页必须使用 JavaScript 添加上交互行为,才能让用户使用01面了十多家,总结出20道JavaScript 必考的面试题!面临毕业季,相信有很多朋友正在进行找工作,背面试题;今天就分享给大家20道JavaScript必会的问题032021JavaScript面试题(最新)不定时更新(2021.11.6更新)js 一共有六种基本数据类型,分别是 Undefined、Null、Boolean、Number、String,还有在 ES6 中新增的 Symbol 类型。 Symbol 代表创建后独一无二且不可变的数据类型,它的出现我认为主要是为了解决可能出现的全局变量冲突的问题。01(2019)[前端]面试题[10]:CSS display和position的属性值有哪些?题外话:新网站( https://www.lzpan.com )懒盘,百度云、蓝奏云资源搜索,欢迎访问。00前端基础知识整理汇总(上)又是一年跳槽季,最近听到最多的消息就是,我们公司又有同事离职了,所以,如果你想在职场上掌握主动权,你就需要比别人更加努力,更加夯实的技能基础,不然你拿什么去跟别人拼?所以,今天我们跟大家分享一些前端基础知识,希望对你有所帮助。01横扫 JS 面试核心考点Javascript是前端面试的重点,本文重点梳理下Javascript中的常考知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,因此只罗列了一些重难点。00Java开发人员最常犯的9个错误这是我觉得java中比较常见的问题。如果您不同意任一部分,请留下您的评论。如果您能提出其它一些常见的错误,我将会非常感激。01LinkedHashMap的实现原理(复习)LinkedHashMap是Map接口的哈希表和链接列表实现,具有可预知的迭代顺序。此实现提供所有可选的映射操作,并允许使用null值和null键。此类不保证映射的顺序,特别是它不保证该顺序恒久不变。 LinkedHashMap实现与HashMap的不同之处在于,后者维护着一个运行于所有条目的双重链接列表。此链接列表定义了迭代顺序,该迭代顺序可以是插入顺序或者是访问顺序。 注意,此实现不是同步的。如果多个线程同时访问链接的哈希映射,而其中至少一个线程从结构上修改了该映射,则它必须保持外部同步。04开发中常犯的几个错误原文链接:cnblogs.com/chenpi/p/5508949.html02Java开发者最常犯的10个错误,看完别再犯了Arrays.asList()会返回一个ArrayList,但是要特别注意,这个ArrayList是Arrays类的静态内部类,并不是java.util.ArrayList类。java.util.Arrays.ArrayList类实现了set(), get(),contains()方法,但是并没有实现增加元素的方法(事实上是可以调用add方法,但是没有具体实现,仅仅抛出UnsupportedOperationException异常),因此它的大小也是固定不变的。为了创建一个真正的java.util.ArrayList,你应该这样做:02Java开发人员最常犯的10个错误原文链接:https://www.cnblogs.com/chenpi/p/5508949.html02我们一起学JavaScript之面向对象 在 Java 中我们学习过面向对象,核心思想是万物皆对象。在 JavaScript 中同样也有面向对象。思想类似。052021.7 货拉拉、虾皮、有赞。。。高级前端岗面试整理最近朋友内推面试了几家公司(货拉拉、虾皮、有赞、乐信、Qtrade苹果树、富途、涂鸦、OPPO、微保、微众、元戎启行),也收获了满意的offer。整理了下面试遇到的问题,作为记录。04【每周三面】2019前端面试系列——JS面试题可以判断出\'string\',\'number\',\'boolean\',\'undefined\',\'symbol\' 但判断 typeof(null) 时值为 \'object\'; 判断数组和对象时值均为 \'object\'0101_JavaScript学习笔记整理-ECMAScript1.在标签中,任何地方添加标签.标签中内容就是js代码. 虽然可以放在页面的任何地方,但是规范放在标签中.03Java开发最常犯的10个错误,打死都不要犯!原文:http://www.programcreek.com/2014/05/top-10-mistakes-java-developers-make/02前端一面高频vue面试题总结Vue SSR需要做的事多点(输出完整 HTML),除了complier -> vnode,还需如数据获取填充至 HTML、客户端混合(hydration)、缓存等等。相比于其他模板引擎(ejs, jade 等),最终要实现的目的是一样的,性能上可能要差点02es6中class类的全方面理解(二)------继承继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异,如果学过java的小伙伴应该很容易理解,都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码:02JavaScript详细解析我们之前的操作都是基于原生 JavaScript 的,比较繁琐。 JQuery 是一个前端框架技术,针对 JavaScript 进行了一系列的封装,使得操作变得非常简单! 期待吧……01Java程序员们最常犯的10个错误本文总结了Java程序员在日常开发中容易犯的一些错误,包括使用过多的修饰符、忽略代码格式、忽略异常处理、使用硬编码、依赖库、不恰当的命名、不规范的代码排版、不考虑代码可维护性、不充分理解和使用设计模式、不注重代码性能优化、不恰当的编程习惯等。文章还对这些错误的原因进行了分析,并给出了一些建议,以帮助Java程序员避免犯这些错误。01Java 程序员排行前 10 的错误,你会不会解决?原文链接:https://cnblogs.com/chenpi/p/5508949.html02Java程序员们最常犯的10个错误本文总结了Java程序员在日常开发中容易犯的一些错误,包括使用过多的修饰符、忽略代码格式、异常处理不当、不合理的类设计、使用未初始化的变量、不使用类型、遗漏的finally子句、误用或过度使用库、不恰当的缓存、在迭代器中使用集合、在循环中避免使用嵌套循环等。01Java 程序员排行前 10 的错误,你有没有中?Arrays.asList()会返回一个ArrayList,但是要特别注意,这个ArrayList是Arrays类的静态内部类,并不是java.util.ArrayList类。java.util.Arrays.ArrayList类实现了set(), get(),contains()方法,但是并没有实现增加元素的方法(事实上是可以调用add方法,但是没有具体实现,仅仅抛出UnsupportedOperationException异常),因此它的大小也是固定不变的。为了创建一个真正的java.util.ArrayList,你应该这样做:01Java程序员们最常犯的10个错误Arrays.asList()会返回一个ArrayList对象,ArrayList类是Arrays的一个私有静态类,而不是java.util.ArrayList类,java.util.Arrays.ArrayList类有set()、get()、contains()方法,但是没有增加元素的方法,所以它的大小是固定的,想要创建一个真正的ArrayList类,你应该这样做:02如果才能做好准备好前端面试_2023-02-27构造函数继承的出现是为了解决了原型继承的引用值共享问题。优点是可以在子类构造函数中向父类构造函数传参。它存在的问题是:1)由于方法必须在构造函数中定义,因此方法不能重用。2)子类也不能访问父类原型上定义的方法。02Java开发人员最常犯的10个错误,你犯过几个?Arrays.asList()会返回一个ArrayList,但是要特别注意,这个ArrayList是Arrays类的静态内部类,并不是java.util.ArrayList类。java.util.Arrays.ArrayList类实现了set(), get(),contains()方法,但是并没有实现增加元素的方法(事实上是可以调用add方法,但是没有具体实现,仅仅抛出UnsupportedOperationException异常),因此它的大小也是固定不变的。为了创建一个真正的java.util.ArrayList,你应该这样做:04JavaScript 面试 20 个核心考点Javascript是前端面试的重点,本文重点梳理下 Javascript 中的常考基础知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,本文只罗列了一些重难点,如果想要了解更多内容欢迎点击https://github.com/ljianshu/Blog。01【面试】386- JavaScript 面试 20 个核心考点Javascript是前端面试的重点,本文重点梳理下 Javascript 中的常考基础知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,本文只罗列了一些重难点,如果想要了解更多内容欢迎点击https://github.com/ljianshu/Blog。01扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯JQuery容易被忽略的知识点,你都知道哪些呢10天学会php第八天js的使用iOS开发者走向前端学习之vue尽可能地使用伪元素BOM,DOM常见操作和DHTML热门标签更多标签云服务器ICP备案实时音视频即时通信 IM对象存储活动推荐运营活动广告关闭领券
、
上期答案 1.盒子模型 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。 2.关于元素 行内元素:a、b、span、img、input、strong、select、label、em、button、textarea 块级元素:div、ul、li、
(一) 数组 1 //创建数组 2 var the_array = [1,2,3,4,'5'] 3 4 console.log(the_array[0]) //读取索引为0的数据 5 the_array[5] = '赋值' //写数据 6 7 //在数组末尾添加一个元素,,允许添加多个数据,例如:the_array.push('1','2') 8 the_array.push('末尾添加一个数据') 9 console.log(the_array) 10 //pop删除数组末尾的数据并
在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。
从上述代码中我们可以发现,虽然变量还没有被声明,但是我们却可以使用这个未被声明的变量,这种情况就叫做提升,并且提升的是声明。
总结: 伪类是通过在元素选择器上加⼊伪类改变元素状态,⽽伪元素通过对元素的操作进⾏对元素的改变。
JavaScript高级第01天 1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。 易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活
七月虽然不是一个丰收的季节,但却是一个十分酷热的月份。不知有多少小伙伴跟我一样,顶着大太阳奔波在各种面试的征途中。面试是一个漫长的过程。但是也是一个让你快速提升的过程。其中包含了无数的血与泪。去面试前首先我们必须有牢固的基础知识,足够丰富的项目经历(就我而言差不多是三个完整项目经历,时间累计差不多接近一年)。然后就是表述能力,你要能把你的答案给面试官描述清楚,注意专业词汇,这将大大提高面试官对你的印象分!
这里可以理解为await后面的语句相当于放到了new Promise中,下一行及之后的语句相当于放在Promise.then中。
map() (映射)方法最后生成一个新数组,不改变原始数组的值。其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
这是《小游戏从0到1设计模式重构》系列内容第4篇,所有源码及资料在“程序员LIYI”公号回复“小游戏从0到1”获取。
虽然 fabric.js 提供了非常简单的方法创建自定义子类,但如果需要创建复杂的图形,还是需要有一定 canvas 基础的。
数组+ 重写compareTo方法 链表+ 实现comparetor定制排序 二叉树 集合:Map:键值对
最近好多小伙伴都跳槽去找工作,我只能在心里默默的支持他们能找到一份好的工作,这份前端面试大全送给我的小伙伴们,主要说的是前端一些常用的一些知识,说的不对的地方请小伙伴们即使指正出来,自己同时也回顾下这些知识。主要分以下几个方边来说: - css和html - javascript - vue - 微信小程序
在js中变量的作用域属于函数作用域, 在函数执行完后,作用域就会被清理,内存也会随之被回收,但是由于闭包函数是建立在函数内部的子函数, 由于其可访问上级作用域,即使上级函数执行完, 作用域也不会随之销毁, 这时的子函数(也就是闭包),便拥有了访问上级作用域中变量的权限,即使上级函数执行完后作用域内的值也不会被销毁。
1. JavaScript 是专门编写网页交互行为的语言,HTML 和 CSS 是静态语言,编写静态内容,无法编写逻辑,无法执行计算,所有静态网页必须使用 JavaScript 添加上交互行为,才能让用户使用
面临毕业季,相信有很多朋友正在进行找工作,背面试题;今天就分享给大家20道JavaScript必会的问题
js 一共有六种基本数据类型,分别是 Undefined、Null、Boolean、Number、String,还有在 ES6 中新增的 Symbol 类型。 Symbol 代表创建后独一无二且不可变的数据类型,它的出现我认为主要是为了解决可能出现的全局变量冲突的问题。
题外话:新网站( https://www.lzpan.com )懒盘,百度云、蓝奏云资源搜索,欢迎访问。
又是一年跳槽季,最近听到最多的消息就是,我们公司又有同事离职了,所以,如果你想在职场上掌握主动权,你就需要比别人更加努力,更加夯实的技能基础,不然你拿什么去跟别人拼?所以,今天我们跟大家分享一些前端基础知识,希望对你有所帮助。
Javascript是前端面试的重点,本文重点梳理下Javascript中的常考知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,因此只罗列了一些重难点。
这是我觉得java中比较常见的问题。如果您不同意任一部分,请留下您的评论。如果您能提出其它一些常见的错误,我将会非常感激。
LinkedHashMap是Map接口的哈希表和链接列表实现,具有可预知的迭代顺序。此实现提供所有可选的映射操作,并允许使用null值和null键。此类不保证映射的顺序,特别是它不保证该顺序恒久不变。 LinkedHashMap实现与HashMap的不同之处在于,后者维护着一个运行于所有条目的双重链接列表。此链接列表定义了迭代顺序,该迭代顺序可以是插入顺序或者是访问顺序。 注意,此实现不是同步的。如果多个线程同时访问链接的哈希映射,而其中至少一个线程从结构上修改了该映射,则它必须保持外部同步。
原文链接:cnblogs.com/chenpi/p/5508949.html
Arrays.asList()会返回一个ArrayList,但是要特别注意,这个ArrayList是Arrays类的静态内部类,并不是java.util.ArrayList类。java.util.Arrays.ArrayList类实现了set(), get(),contains()方法,但是并没有实现增加元素的方法(事实上是可以调用add方法,但是没有具体实现,仅仅抛出UnsupportedOperationException异常),因此它的大小也是固定不变的。为了创建一个真正的java.util.ArrayList,你应该这样做:
原文链接:https://www.cnblogs.com/chenpi/p/5508949.html
在 Java 中我们学习过面向对象,核心思想是万物皆对象。在 JavaScript 中同样也有面向对象。思想类似。
最近朋友内推面试了几家公司(货拉拉、虾皮、有赞、乐信、Qtrade苹果树、富途、涂鸦、OPPO、微保、微众、元戎启行),也收获了满意的offer。整理了下面试遇到的问题,作为记录。
可以判断出\'string\',\'number\',\'boolean\',\'undefined\',\'symbol\' 但判断 typeof(null) 时值为 \'object\'; 判断数组和对象时值均为 \'object\'
1.在标签中,任何地方添加标签.标签中内容就是js代码. 虽然可以放在页面的任何地方,但是规范放在标签中.
原文:http://www.programcreek.com/2014/05/top-10-mistakes-java-developers-make/
Vue SSR需要做的事多点(输出完整 HTML),除了complier -> vnode,还需如数据获取填充至 HTML、客户端混合(hydration)、缓存等等。相比于其他模板引擎(ejs, jade 等),最终要实现的目的是一样的,性能上可能要差点
继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异,如果学过java的小伙伴应该很容易理解,都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码:
我们之前的操作都是基于原生 JavaScript 的,比较繁琐。 JQuery 是一个前端框架技术,针对 JavaScript 进行了一系列的封装,使得操作变得非常简单! 期待吧……
本文总结了Java程序员在日常开发中容易犯的一些错误,包括使用过多的修饰符、忽略代码格式、忽略异常处理、使用硬编码、依赖库、不恰当的命名、不规范的代码排版、不考虑代码可维护性、不充分理解和使用设计模式、不注重代码性能优化、不恰当的编程习惯等。文章还对这些错误的原因进行了分析,并给出了一些建议,以帮助Java程序员避免犯这些错误。
原文链接:https://cnblogs.com/chenpi/p/5508949.html
本文总结了Java程序员在日常开发中容易犯的一些错误,包括使用过多的修饰符、忽略代码格式、异常处理不当、不合理的类设计、使用未初始化的变量、不使用类型、遗漏的finally子句、误用或过度使用库、不恰当的缓存、在迭代器中使用集合、在循环中避免使用嵌套循环等。
Arrays.asList()会返回一个ArrayList对象,ArrayList类是Arrays的一个私有静态类,而不是java.util.ArrayList类,java.util.Arrays.ArrayList类有set()、get()、contains()方法,但是没有增加元素的方法,所以它的大小是固定的,想要创建一个真正的ArrayList类,你应该这样做:
构造函数继承的出现是为了解决了原型继承的引用值共享问题。优点是可以在子类构造函数中向父类构造函数传参。它存在的问题是:1)由于方法必须在构造函数中定义,因此方法不能重用。2)子类也不能访问父类原型上定义的方法。
Javascript是前端面试的重点,本文重点梳理下 Javascript 中的常考基础知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,本文只罗列了一些重难点,如果想要了解更多内容欢迎点击https://github.com/ljianshu/Blog。
领取专属 10元无门槛券
手把手带您无忧上云