随笔分类 - JS主线
摘要：好家伙,本篇为MDN文档数组方法的学习笔记 Array.prototype.reduce() - JavaScript | MDN (mozilla.org) 数组方法这块的知识缺了,补一下 1.map()方法 map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返
阅读全文
摘要：好家伙， 我原本以为学完模块化之后，就能非常顺利的完成我的项目分包， 然而并没有，这是非常重要的知识,而我没有学好 所以我决定重学一遍 本篇为《阮一峰 ECMAScript 6 (ES6) 标准入门教程 第三版》第23章"Module的语法"学习笔记 1.概述 历史上，JavaScript 一直没有
阅读全文
摘要：好家伙, 1.新建一个文件夹,命名为test 2.下载包 npm i panghu-planebattle 空白的文件夹中多了两个文件 package-lock.json和package.json 说明: package.json文件 package.json是一个项目描述文件, 里面记录了当前项目
阅读全文
摘要：好家伙，本篇为《JS高级程序设计》第二十六章“模块”学习笔记 JS开发会遇到代码量大和广泛使用第三方库的问题。 解决这个问题的方案通 常需要把代码拆分成很多部分，然后再通过某种方式将它们连接起来。 若代码量较大,我们使用模块化开发的模式,也能够使代码容易维护 我们需要模块 1.模块模式 把逻辑分块，
阅读全文
摘要：好家伙,本篇为《JS高级程序设计》第十章“函数”学习笔记 ECMAScript 中的函数是对象，因此有属性和方法。 1.函数属性 每个函数都有两个属性：length 和 prototype。 length属性: 保存函数定义的命名参数的个数 prototype: toString()、valueOf
阅读全文
摘要：好家伙,本篇为《JS高级程序设计》第十章“函数”学习笔记 1.函数的三种定义方式:函数表达式、函数声明及箭头函数 函数声明: function sum(a) { return a + 1; } 函数表达式: let sum= function(a){ return a + 1; } 箭头函数: le
阅读全文
摘要：好家伙，本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.数组的复制和填充 批量复制方法 copyWithin（），以及填充数组方法fill（）。 这两个方法的函数签名类似，都需要指定既有数组实例上的一个范围，包含开始索引，不包含结束索引。 使用这个方法不会改变数组的大小。 1.1.fi
阅读全文
摘要：好家伙， 在上一篇中,我们知道了, JS的数组中每个槽位可以存储任意类型的数据 那么,我们能通过数组去模仿某些数据结构吗? 答案是肯定的 1.栈方法 ECMAScript 给数组提供几个方法，让它看起来像是另外一种数据结构。 数组对象可以像栈一样，也就是一种限制插人和删除项的数据结构。 栈是一种后进
阅读全文
摘要：好家伙， 1.数组 Array应该就是ECMAScript中最常用的类型了。ECMAScript数组跟其他编程语言的数组有很大区别。 跟其他语言中的数组一样，ECMAScript 数组也是一组有序的数据， 但跟其他语言不同的是，数组中每个槽位可以存储任意类型的数据。 这意味着可以创建一个数组，它的第
阅读全文
摘要：好家伙，本篇内容为《JS高级程序设计》第四章的学习笔记 1.内存泄露 1.1.什么是内存泄漏？ 内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。 内存泄漏缺陷具有隐蔽性、积累性的特征，比其
阅读全文
摘要：好家伙， 本篇内容为《JS高级程序设计》第三章学习笔记 1.数据类型 ECMAScript有6种简单数据类型（称为原始类型）： Undefined， Null， Boolean， Number, String和Symbol。 Symbol （符号）是ECMAScript6新增的。还有一种复杂数据类型
阅读全文
摘要：好家伙，打工人要打工，博客会更新的没有以前频繁了 芜湖，一百篇了，这篇写一个比较难的异步（其实并不难理解，主要是为promise铺垫） 老样子，先补点基础： 1.进程 来吧，新华字典 大概这么个意思 百度百科： 进程（Process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配
阅读全文
摘要：好家伙，总是要来的，去面对那些晦涩难懂的原理，它就在那里,等着我去搞定它 首先我要去补充一些最基本的概念， 1.什么是内存? 新华字典永远的神, 但这个解释显然不够 去看看百度百科: 内存: CPU 能 直接寻址 的 存储空间 2.变量的储存机制 所以,我们假设现在写了一行代码: var a = 2
阅读全文
摘要：好家伙,来补基础啦,补JS的基础 先来一些概念性的东西 1.什么是JavaScript? javaScript的简写形式就是JS，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能 （其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。 组成部分： 核心
阅读全文
摘要：好家伙， 1.vue的目录结构分析 来看看项目的目录 (粗略的大概的解释) 2.vue项目的运行流程 在工程化项目中，vue要做的事情很单纯：通过main.js把App.vue渲染到index.html的指定区域中, 先来看看html文件: <!DOCTYPE html> <html lang=""
阅读全文
摘要：好家伙，到了打包发布这一步了 1.配置打包命令： 在package.json 文件的 scripts 节点下，新增 build 命令如下： "scripts": { "dev": "webpack serve", // 开发环境中，运行 dev 命令 "build": "webpack --mode
阅读全文
摘要：好家伙， 1.打包处理js文件中的高级语法 webpack只能打包处理一部分高级的JavaScript 语法。对于那些webpack无法处理的高级js 语法，需要借 助于 babel-loader 进行打包处理。 例如 webpack无法处理下面的JavaScript代码： // 1.定义了名为 i
阅读全文
摘要：好家伙 先扩充一下知识点: 什么是.less文件? 作为一名前端开发的同学，很多时候我们都无法避免地要去写大量的 CSS 代码， 而且耗费的时间还不少，所以学习一种能够提升开发效率的 CSS 预处理器是必不可少的 答:Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 C
阅读全文
摘要：好家伙， 1.webpack配置中devServer节点的常用配置项 devServer:{ //首次打包完成后，自动打开浏览器 open:ture, //在http协议中，如果端口号是80，则可以被省略(只有) port:80 //指定运行的主机地址 host：'127.0.0.1' } 注意:凡
阅读全文
摘要：好家伙， 1.html-webpack-plugin的作用 讲一下为什么需要这个插件 存在问题:在点开locahost:8080之后出现的是项目的根目录,而不是网页 这时候需要再点开scr文件夹才能看见index首页 所以我们想要一进8080就能够看到index首页, 解决方法:我们可以把index
阅读全文
浙公网安备 33010602011771号