必读: Javascript对象Oject的强制类型转换 JavaScript筑基篇(二)->JavaScript数据类型 聊一聊valueOf和toString 深入理解JavaScript系列(12):变量对象(Variable Object) 1.JS 的数据类型 基本数据类型(其实也统称为基本型或原始型):undefined,null,number,boolean,string 一种复杂数据类型(引用型):Object 1.1数据类型介绍 undefined 类型:声明未定义 null…
必看参考: 请移步:博客园 JavaScript的执行上下文 深入理解JavaScript执行上下文和执行栈 JavaScript 深入之执行上下文 写在开头 入坑前端已经 13 个月了,不能再称自己为小白,那么现在就来学习一下 JS 的执行相关的知识. 自己吹过的牛皮,含着泪跪着也要实现它! 比如,先定一个小目标:成为高级前端.加油! 废话少说,进入正题 执行上下文 执行上下文(Execution context,EC)就是 JS 代码的执行环境,也称执行上下文环境. 在 JS 中有三种代码运…
参考文章:深入理解JS引擎的执行机制        JavaScript 异步.栈.事件循环.任务队列 我的笔记:ES系列之Promise async 和 await Event Loop 前提 js是单线程的 js的Event Loop是JS的执行机制,深入了解JS的执行,就等于深入了解JS里的event loop. 问:js是为单线程的,为什么要实现异步,单线程怎么实现异步? 答:1.js的单线程能够保证对DOM操作的顺序性,如果是多线程,A线程编辑DOM上的内容,B线程删除该DOM,那么,…
原文链接: 前端路由跳转基本原理 前述 前端三大框架Angular.React和Vue都推行单页面应用SPA开发模式,这是因为在路由切换时,替换DOM Tree中发生修改的DOM部分,来减少原来因为多页面应用跳转带来巨大的性能损耗. 他们都有自己典型的路由解决方案:@Angular/router.react-router.vue-router. 一般来说,这些路由插件总是提供俩种不同的路由方式:Hash和History,有时候也会提供非浏览器环境下的路由方式Abstract,在vue-route…
DOM 节点类型 浏览器渲染过程 浏览器是怎么把HTML标签语言和JavaScript联系在一起的,这就是我们常说的DOM. 浏览器中的DOM解析器把HTML翻译成对象(object),然后JavaScript通过操作生成的 object 来操作HTML,因为HTML标签是多层嵌套的,所以JavaScript将HTML解析成了DOM树. 在HTML中,整个文档可以分为不同节点:整个文档是一个节点:每个HTML标签是元素节点HTML元素内的文本是文本节点每个HTML的属性节点注释节点······…
参考大神:Javascript多线程 web worker ---- 6.Web Worker 概述 截图过来: 线程之间的通信 let worker = new Worker(‘js文件路径’) 主线程 worker.PostMessage(你想传输的数据); worker.onmessage = function(event){ //event.data是子线程返回的数据 } 子线程 onmessage 接收主线程数据 PostMessage 向主线程发送数据 例子 <!DOCTYPE ht…
#js再学习笔记 ##基本 1.js严格区分大小写   2.js末尾的分号可加,也可不加   3.六种数据类型(使用typeof来检验数据的类型) `typeof` - undefined: `var name;` ------就是已定义未赋值或者未定义而使用**针对变量来说**,占据一个变量的位置而不使用. - boolean-------布尔类型 - string: `var name="zhangsan"; var englishname='tom';` -----字符串类型,单…
Python高级学习笔记,此笔记中包含Linux操作系统.Html+CSS+JS.网络协议等. 所有思维导图为本人亲手所画,请勿用于商用. 大哥们,求点赞哦. 第一天笔记:链接 第二天笔记:链接 第三天笔记:链接 第四天笔记:链接 第五天笔记:链接 第六天笔记:链接 进程笔记 线程笔记 TCP协议 HTTP协议…
js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定 addEventListener()与removeEventListener()用于处理指定事件和删除事件处理程序.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 要在按钮上为click事件添加事件处理程…
原文:JS数组学习笔记 最近在备课数组,发现很多ES5的方法平时很少用到.细节比较多,自己做了大量例子和整理,希望对大家了解JavaScript中的Array有所帮助. 概念 数组是值的有序集合.每个值叫做元素,每个元素在数组中都有数字位置编号,也就是索引.JS中的数组是弱类型的,数组中可以含有不同类型的元素.数组元素甚至可以是对象或其它数组. JS引擎一般会优化数组,按索引访问数组常常比访问一般对象属性明显迅速. 数组长度范围 from 0 to 4,294,967,295(2^23 - 1)…
JS高级---学习roadmap---5 parts part 1-3 part 4-5…
原创纯手写快速学习笔记(对官方文档的二手理解),更推荐有时间的话读官方文档 框架简介(Knockout版本:3.4.1 ) Knockout(以下简称KO)是一个MVVM(Model-View-View Model)框架,这是一种设计用户界面的设计模式,把一个复杂的UI分成三个部分:模型(Model),视图(View),视图模型(View Model).以下解释这三个模型的含义: 模型(Model):你的应用中存储的数据.这些数据与UI是独立的.我们常向服务器发请求,从而得到数据改变模型存储的数…
目录 一. 资料推荐及建议 二. Three.js中的基本概念 三.重点笔记 四.补充示例 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录 华为云社区地址:[你要的前端打怪升级指南] 一. 资料推荐及建议 1.官方文档 很详细,但是API部分单独理解也很难,属于工具书.官方github仓库里提供了海量的插件和demo页面. 2.在CSDN上找到的一个[Three.js系列博文] 内容相当全,包括了thr…
ES6学习笔记(2019.7.29) 目录 ES6学习笔记(2019.7.29) let和const let let 基本用法 let 不存在变量提升 暂时性死区 不允许重复声明 块级作用域 级作用域 ES6的块级作用域 块级作用域与函数声明 const 基本用法 本质 顶层对象 解构赋值 数组的解构 基本用法 默认值 对象的解构 基本用法 默认值 注意点 字符串的解构 数值布尔值的解构 函数参数的解构 圆括号问题 不能使用圆括号的情况 可以使用圆括号的情况 用途 for.for in.for…
Vue.js学习笔记 目录 Vue.js学习笔记 ES6语法 1.不一样的变量声明:const和let 2.模板字符串 3.箭头函数(Arrow Functions) 4. 函数的参数默认值 5.Spread / Rest 操作符 6.二进制和八进制字面量 7.对象和数组解构 8.对象超类 9.for...of 和 for...in 10.ES6中的类 1.基本认识vue MVVM 模式 View 层 Model 层 ViewModel 层 Vue实例的options vue实例的生命周期 2.…
Vue.js学习笔记(二) 4.模块化开发 ES6模块化的导入和导出 我们使用export指令导出了模块对外提供的接口,下面我们就可以通过import命令来加载对应的这个模块了 首先,我们需要在HTML代码中引入两个js文件,并且类型需要设置为module import指令用于导入模块中的内容.比如main.is的代码 导出方法: var name = '小明'; var age = 18; var flag = true; function sum(num1, num2) { return n…
01.Main函数是什么?在程序中使用Main函数有什么需要注意的地方?02.CLR是什么?程序集是什么?当运行一个程序集的时候,CLR做了什么事情?03.值类型的默认值是什么?(情况一:字段或全局静态变量变量:情况二:局部变量)04.声明一个变量时在内存中做了什么事情?初始化一个变量的时候又在内存中做了什么事情?05.new关键字做的事情?06.数组    061.数组一旦创建后,能不能修改数组的长度?07.多维数组    071.如何声明一个多维数组?    072.如何获取多维数组的总长度…
最近在帮学校做个课程网站,就有人推荐用jquery+ajax+handlebars做网站前端,刚接触发现挺高大上的,于是就把一些基础学习笔记记录下来啦. 1.引用文件: jquery.js文件下载:http:///jquery.com                handlebars.js文件下载:http://handlebarsjs.com/ <span style="white-space:pre"> </span><script type=&qu…
目录 数据库MySQL学习笔记高级篇 写在前面 1. mysql的架构介绍 mysql简介 mysqlLinux版的安装 mysql配置文件 mysql逻辑架构介绍 mysql存储引擎 2. 索引优化分析 性能下降SQL慢 常见通用的Join查询 索引简介 性能分析 索引优化 3. 查询截取分析 查询优化 慢查询日志 批量数据脚本 Show Profile 全局查询日志 4. MySQL锁机制 概述 三锁 5. 主从复制 复制的基本原理 复制的基本原则 复制的最大问题 一主一从常见配置 数据库M…
常用 API 学习笔记 url 函数 url.parse: 解析 url 地址 url.resolve: 向 url 地址添加或替换字段 url.format: 生成 url 地址 querystring 函数 querystring.parse: 解析查询字符串 querystring.stringify: 生成查询字符串 querystring.escape: 转义字符串 querystring.unescape: 反转义字符串…
数据类型 JS中一共分成六种数据类型 1- String 字符串 2- Number 数值 3- Boolean 布尔值 4- Null 空值 5- Undefined 未定义 6- Object 对象 其中基本数据类型有 1- String 字符串 2- Number 数值 *JS中所有的整数和浮点数都是Number类型 *Infinity 正无穷    Infinity 负无穷    NaN 非法数字 *0b 开头表示二进制     0 开头表示八进制      0x 开头表示十六进制 3-…
JS高级-34-昨天内容回顾     时间:2015-5-11 1.DOM获取元素节点 document.getElenmentById(id 属性值)                                   具体元素节点对象 document.getElenmentsByTagName(tag 标签名称 div ul li)        数组列表 document.getElenmentsByName(Name 属性值)                       数组列表 2.…
1.浮点数值 虽然小数点前面可以没有整数,但是并不推荐这种写法. 由于保存浮点数值需要的内存空间是保存整数值的两倍,因此ECMAScript会不失时机地将浮点数值转化为整数数值.显然,如果小数点后面没有任何数字,那么这个数值就可以作为整数值来保存.同样,如果浮点数值本身表示的就是一个整数,那么该值也会被转换为整数.例如: var floatNum1 = 1.; //小数点后没有数字——解析为1 var floatNum2 = 10.0;//整数,解析未10 浮点数值的最高精度是17位小数,但在进…
最近捣鼓着学习Js,发现replace()真的很有用,替换功能杠杠的棒. 接下来看看我遇到的问题: 有两个随机给出的字符串,字符串1'xxxxxx',字符串2'====T'(这两个用作示例,其他为随机),根据这两个字符串最后输出'ooooox'.后面会给出测试用例,大家就会明白. 刚开始遇到这个问题的时候我就想这就是合并两个字符串,顺带替换了字符串1. var n=drone.length; var l; l=lamps.replace(/^(x){n}/,'o'); 没错,这就是我开始的思路,…
学习了es6语法的symbol类型,整理笔记,闲时复习. Symbol 是es6新增的第七种原始数据类型(null,string,number,undefined,boolean,object),是为了在对象中对属性名滥用而导致的冲突问题. ps: 既然是数据类型,不是对象,那么就不能用new命令,因此不能添加属性 let a = Symbol('a') console.log(a) // Symbol(a) console.log(typeof a) // symbol 简单来说:一旦声明一个…
在慕课之前学过JS深入浅出,最近发现很多东西都记不太清楚了,再复习一遍好了,感觉这个课程真的超级棒的,做做笔记,再添加一些学习内容…
写在前面 我也不是什么特别厉害的大牛,学历也很低,只是对一些新语言比较感兴趣,接触过的语言不算多也不算少,大部分也都浅尝辄止,所以理解上可能会有一些偏差. 自学了Java.Kotlin.Python.Rust,学艺不精但还是总结出一套快速入手新语言的规律.学习一个新语言的套路我总结为:数据类型(包括命名方式),控制语句(循环,逻辑判断),方法命名方式,类相关的面向对象(继承,接口,多态如果是面向对象语言),特有语法糖. Rust安装 官网已经写得很详细啦,附赠安装方法 个人使用的是Linux,如…
Node.js(JavaScript,everywhere) 1.Node.js 介绍 1.1. 为什么要学习Node.js 企业需求 + 具有服务端开发经验更好 + front-end + back-end + 全栈开发工程师(什么都干呗!!!) + 基本的网站开发能力 * 服务端 * 前端 * 运维部署 + 案例(多人社区) 学习node.js的目的 + 帮助大家打开服务端这个黑盒子 + 只有了解服务端,才能更好的配合服务端开发人员进行协同开发 1.2. Node.js是什么 Node.js…
先来个最常见的"Hello World!". 打开你最喜欢的编辑器(我用的是Sublime Text),创建一个helloWorld.js的文件.我们要做的就是向stdout输出"Hello World!",如下是实现该功能的代码: console.log("Hello World"); 保存该文件,并通过node.js来执行: node helloWorld.js 运行正常的话就会在终端输出Hello World! 话说以上是学习每种语言必见的…
要学Node.js,先学Express.js. Express.js是Node.js官方推荐的基础框架. Express.js框架经过一系列的发展,已经到了4.x版本.新的版本解决了3.x之前版本的依赖过重问题,只保留了一个static模块. 掌握Express.js框架之后,再去学习Node.js框架,会轻松许多,许多难题都迎刃而解.这就是循序渐进的力量.…