ECMAScript | 易学教程

JS 和简历方面的

阅读更多关于 JS 和简历方面的

js历史背景　　布兰登.艾奇 195年在网景公司,发明的javascript ECMAScript在2015年6月,发布了ECMAScript 6的版本 js 网站 http//:2004.sina.com.cn/雅典奥运会 http//:2008.sina.com.cn/北京奥运会 http//:2012.sina.com.cn/伦敦奥运会 http//:2016.sina.com.cn/里约奥运会 javascript 简称 JS 精通python基础语法　mysql:掌握　html熟练使用html 　css熟练使用　javascript熟练使用熟练使用vue reat,angular 前端包含的三部分: 　　HTML:定义文档 (document)的结构　　CSS:定义文档的样式　　JS:行为 active 　JS的三部分: 　　　　ECMAScript基础语法(重点两颗星) 　　　　(1)声明变量　　　　(2)测试语句　　　　(3)数据类型　　　　　5个基本数据类型　　　　　　Number(读南波) 　　　　　　String(读死翠) 　　　　　　boolean 　　　　　　undefined(读安迪樊的)未定义　　　　　　null 　　　　　引用数据类型　　　　　　Array(数组) 　　　　　　Object(对象) 　　　　　　function

前端性能优化总结

阅读更多关于前端性能优化总结

文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】　　如果不进行文件合并，有如下3个隐患　　1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟　　2、受丢包问题影响更严重　　3、经过代理服务器时可能会被断开　　但是，文件合并本身也有自己的问题　　1、首屏渲染问题　　2、缓存失效问题　　所以，对于文件合并，有如下改进建议　　1、公共库合并　　2、不同页面单独合并【图片处理】　　1、雪碧图　　CSS雪碧图是以前非常流行的技术，把网站上的一些图片整合到一张单独的图片中，可以减少网站的HTTP请求数量，但是当整合图片比较大时，一次加载比较慢。随着字体图片、SVG图片的流行，该技术渐渐退出了历史舞台　　2、Base64 　　将图片的内容以Base64格式内嵌到HTML中，可以减少HTTP请求数量。但是，由于Base64编码用8位字符表示信息中的6个位，所以编码后大小大约比原始值扩大了 33% 　　3、使用字体图标来代替图片【减少重定向】　　尽量避免使用重定向，当页面发生了重定向，就会延迟整个HTML文档的传输。在HTML文档到达之前，页面中不会呈现任何东西，也没有任何组件会被下载，降低了用户体验　　如果一定要使用重定向

Angular v8 发布！来看看有什么新功能[每日前端夜话0x7A]

阅读更多关于 Angular v8 发布！来看看有什么新功能[每日前端夜话0x7A]

Angular v8 发布！来看看有什么新功能[每日前端夜话0x7A] 疯狂的技术宅前端先锋每日前端夜话0x7A 每日前端夜话，陪你聊前端。每天晚上18:00准时推送。正文共：3332 字预计阅读时间： 8 分钟翻译：疯狂的技术宅来源：jaxenter Angular Angular 8 终于来了，包括 Ivy 的预览、service worker 支持，差异化加载以及一些锦上添花的东西。 Manfred Steyer 解释了最新 Angular 版本中最重要的变化。 Angular 8 刚刚发布！完全按照计划，没有任何意外：框架和 CLI 的更新可以通过 ng update 完成，其新功能是一个受欢迎的补充，符合“演化而不是革命”的座右铭。在本文中，我将介绍 Angular 8 和 Angular CLI 8 的最重要的新功能。我在文中的例子可以在 GitHub 上找到。先瞅一眼 Ivy Ivy 是 Angular 世界下一个望眼欲穿的大新闻，它是新的 Angular 编译器，也是新的渲染管道。Ivy 有可能产生相当小 bundle，它使渐进式编译更容易，也是 Angular 领域未来创新的基础。由于 Angular 大量的底层部分已经为此进行了更改，因此 Angular 团队特别注意与以前的 Angular 版本的兼容性：在切换到 Ivy 之后

新手理解HTML、CSS、javascript之间的关系-修订

阅读更多关于新手理解HTML、CSS、javascript之间的关系-修订

几年前写过一篇博文《新手理解HTML、CSS、javascript之间的关系》，没想到网上出现了不少转载，当时没有太用心，里面的很多内容有待商榷，这里发布重新发布一篇。网页主要有三部分组成，结构(HTML)、表现(CSS)、行为(Javascript)。一、HTML、CSS、JavaScript简介和分工 1、什么是HTML（超文本标记语言 Hyper Text Markup Language），HTML 是用来描述网页的一种语言。 2、CSS(层叠样式表 Cascading Style Sheets),用来定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值}) 3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript定义网页的行为，打个比喻，HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人；如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript

JavaScript Error对象详解

阅读更多关于 JavaScript Error对象详解

JavaScript Error对象详解一、概念 error，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外，还可以使用Error构造方法创建自定义的Error对象，并使用throw语句抛出该对象。六种错误： ReferenceError:找不到对象时 TypeError:错误的使用了类型或对象的方法时 RangeError:使用内置对象的方法时，参数超范围 SyntaxError:语法写错了 EvalError:错误的使用了Eval URIError:URI错误二、错误处理即使程序发生错误，也保证不异常中断的机制。 try{ 可能发生错误的代码 }catch(err){ 只有发生错误时才执行的代码 }finally{ 无论是否出错，肯定都要执行的代码 } 使用要点：使用try包裹的代码，即使不出错，效率也比不用try包裹的代码低；在try中，尽量少的包含可能出错的代码；无法提前预知错误类型的错误，必须用try catch捕获； finally可以省略；三、抛出自定义错误何时：如果函数的定义者，需要告知调用者使用过程中的错误；如何：throw new Error("提示文字")； // 程序猿甲:定义函数的人

50道JavaScript基础面试题（附答案）

阅读更多关于 50道JavaScript基础面试题（附答案）

△ 是新朋友吗？记得先点 web前端学习圈关注我哦～ 1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol 2 说说写JavaScript的基本规范？ 1) 不要在同一行声明多个变量 2) 使用 ===或!==来比较true/false或者数值 3) switch必须带有default分支 4) 函数应该有返回值 5) for if else 必须使用大括号 6) 语句结束加分号 7) 命名要有意义，使用驼峰命名法 3 jQuery使用建议 1) 尽量减少对dom元素的访问和操作 2) 尽量避免给dom元素绑定多个相同类型的事件处理函数，可以将多个相同类型事件处理函数合并到一个处理函数，通过数据状态来处理分支 3) 尽量避免使用toggle事件 4 Ajax使用全称：Asynchronous Javascript And XML 所谓异步，就是向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情

浅析html+css+javascript之间的关系与作用

阅读更多关于浅析html+css+javascript之间的关系与作用

三者间的关系一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。 html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关； html介绍 html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。标签是指<html></html>，<div></div>。标签是有语义的：标题用<h1>，表格展示用<table>，链接用<a>，无序排列用<ul>等等。标签里可带有各类属性，最基本的就是class和id。class属性的作用是引用css样式；id的作用是配合javascript使用，具有唯一性。下面举几个例子说明 l 图片标签<img>的主要属性有src，alt。src是引用图片的网络地址（必要）；alt是对这张图片的描述，如果图片加载不成功，则会显示alt的文字。 l 超链接<a>的主要属性有href，target。href是指链接要跳转的网址（必要）；target是告诉浏览器点击这个链接后要以哪种形式找开窗口，target=”_blank”是指打开一个新窗口若想了解更多关于html的资料

JavaScript基础语法

阅读更多关于 JavaScript基础语法

JavaScript基础语法序言一、JS用法 1.js引入方式，内嵌式 2.js引入方式，行内式 3.js引入方式，外链式二、JS调试与注释 1.调试方法 2.调试代码的流程 3.关于注释三、JS变量四、JS数据类型 1.number数字类型 1. 任何与NaN进行计算结果都是NaN 2. NaN与任何值都不相等，包括它自己也不相等 isNaN() 判断一个数据是否为NaN，返回布尔值 isNaN 判断一个值是否为纯数字字符串小数加减出现的系统bug 产生原因：解决方案：转成整数计数 Number类型常用的两种解析方法： 1. parseInt 解析整数 2. parseFloat 解析浮点数，解析规则基本同上 2.string字符串（用双引号或单引号括起来的都会被解析成字符串） 3.boolean 布尔值 4.undefined 值未定义 5.null 空值/空对象的引用 6.Object 对象类型（Array {} function） Array数组对象{} 函数 typeof 运算符(返回运算数据的数据类型)，返回有6种：五、运算符运算符 1. 赋值运算符：= += -= *= /= %= 2. 算术运算符：+ - * / % 3. 关系运算符（比较运算符），始终返回布尔值等于: == 全等: === 比较规则自增（++）自减（--）运算符

JavaScript

阅读更多关于 JavaScript

JavaScript 努力学习ing 持续更新ing js学习目录 JavaScript 努力学习ing 持续更新ing 1、初始JavaScript 1.1 JavaScript 历史 1.2 JavaScript是什么 1.3 JavaScript 的作用 1.4 HTML/CSS/JS的关系 1.5 浏览器执行JS简介 1.6 JS的组成 1.7 JS 三种书写位置 1.8 JS中的注释方法 1.9 JavaScript 输入输出语句 1-本章节学习问题： 2、变量 2-1 变量概述 2-1-1 什么是变量？ 2-1-2 变量在内存中的储存 2-1-3 变量的使用 2-2 变量案例 2-2-1 案例一：输出信息 2-2-2 案例二：弹出对话框 2-3 变量语法扩展 2-3-1 更新变量 2-3-2 同时声明多个变量 2-3-3 声明变量特殊情况 2-4 变量的命名规范练习：变量交换案例 2-5 变量总结 2-本章节学习内容： 3、数据类型 3-1 数据类型的简介 3-1-1 为什么要使用数据类型？ 3-1-2 数据类型的分类 3-2 基本数据类型（简单数据类型） 3-2-1 数字型Number -1.1数字型进制 -1.2数字型范围 -1.3数字型三个特殊值 -1.4 isNaN()方法的使用 3-2-2 字符型 String -2.1 字符串的转义符 -2.2字符串长度

JavaScript数据类型

阅读更多关于 JavaScript数据类型

一、JavaScript数据类型主要分为原始类型和引用数据类型。原始类型包括(不可拆分的东西)：Number、String、Boolean、Null、Undefined。引用数据类型包括：Object（Array，Date，RegExp，Function） typeof(undefined)返回undefined、typeof(null)返回object undefined 实际上是从 null 派生来的，因此 ECMAScript 把它们定义为相等的引用数据类型也就是对戏那个类型Object type，比如：Object、Array、Function、Date、RegExp等 undefined == null; // true undefined值是派生自null值的 1 == true; // true 比较值，容易理解 2 == true; // false 比较的时候，true转化成1，false转化成0 0 == false; // true 0 == ''; // true NaN == NaN; // false NaN与任何值都不相等，包括NaN本身， [] == false; // true [] == ![]; // true 引用类型　　 JavaScript的引用数据类型是保存在堆内存中的对象，与其他语言不同的是

订阅 ECMAScript