- 博客(47)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JS数据类型之基本类型和引用类型的区别
作者: 她不美却常驻我心微信公众号：老王的前端分享JS基本数据类型和引用数据类型的区别一、区分数据类型二、栈和堆三、基本数据类型（简单数据类型）四、引用数据类型（复杂数据类型）五、按值传递和按引用传递六、总结`ECMAScript` 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值，因为两种数据类型不仅存放的位置不同，访问的方式也不同。
2020-12-31 09:15:39
1182
原创 优秀的程序员是不用过圣诞节的
每一个节日都是程序猿单身汪的噩梦 圣诞也不例外圣诞前夕 你的心情是这样的你在想 圣诞节如果能收到的礼物也值了然而 等到了那一天却是这样的这样的 没有圣诞礼物又没有女朋友的看过来好吗 我来给你 别人有的我绝不允许你没有！祝各位同行圣诞快乐，早日找到幸福！新条茜cn 黑猫猫宝多六花cn 小鹿鹿文章图片等内容均来自互联网，侵删...
2020-12-25 23:23:04
203
原创 从零开始学前端 - 35. JS事件委托详解
作者: 她不美却常驻我心微信公众号：老王的前端分享35.JS事件委托详解 事件委托又叫事件代理，即子级元素，委托父级元素代为执行事件。主要是利用事件冒泡的原理，指定一个事件处理程序来处理某一类型的所有事件。例如说点击 `button` 后会触发 `click` 事件，这个事件会一直冒泡到根元素 `document` 上，那么我们就可以直接为 `document` 绑定一个 `click` 的事件处理程序用于处理页面内的所有点击事件，而不必为每一个元素分别绑定 `click`。
2020-12-23 09:07:10
196
原创 前端必备技能 webpack - 7. webpack开发模式devServer
前端必备技能 webpack - 7. webpack开发模式devServer前端必备技能 webpack - 7. webpack开发模式devServer一、使用 devServer二、相关配置每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。 点这里查看 webpack 系列文章目录 博客中的代码位于 码云Git仓库，如有需要可自行前往下载。前端必备技能 webpack - 7. webpack开发模式devServer 我们在前面已经对 devServe
2020-11-20 10:54:52
527
1
原创 前端必备技能 webpack - 6. webpack处理HTML资源
前端必备技能 webpack - 6. webpack处理HTML资源一、单页面打包二、多页面打包三、压缩 html 文件 我们在前面介绍了关于 js 和 css 文件的处理，打包之后全部都到了 dist 文件夹下面.理所当然，我们需要 webpack 帮我们自动将相应的资源都引入到页面中。一、单页面打包 处理 html 文件我们需要借助 html-webpack-plugin 这个插件：
2020-11-04 14:54:34
242
原创 前端必备技能 webpack - 5. webpack处理JS资源
前端必备技能 webpack - 5. webpack处理JS资源前端必备技能 webpack - 5. webpack处理JS资源一、 兼容性处理1.1 兼容基本语法1.2 兼容全部语法1.3 按需兼容二、 语法检查（小白慎用！）三、 压缩每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。 点这里查看 webpack 系列文章目录 博客中的代码位于 码云Git仓库，如有需要可自行前往下载。前端必备技能 webpack - 5. webpack处理JS资源 web
2020-10-30 09:01:43
347
1
原创 前端必备技能 webpack - 4. webpack处理CSS资源
前端必备技能 webpack - 4. webpack处理CSS资源一、打包资源1.1 打包 .css 资源1.2 打包 .less 资源1.3 打包 .sass 资源1.4 总结二、提取2.1 提取样式到单独 css 文件2.2 打包公共样式三、压缩四、消除无用 css五、兼容性处理;;;因为 `webpack` 本身只具有识别 `JS` 的能力，所以涉及到其他资源，需要我们通过 `loader` 来进行特殊处理，针对不同的样式资源，需要以下几个 `loader`：
2020-10-26 09:11:51
209
原创 前端必备技能 webpack - 3. webpack基本配置
前端必备技能 webpack - 3. webpack基本配置前端必备技能 webpack - 3. webpack基本配置一、入口 entry二、出口 output三、预处理 loader3.1 条件（匹配资源） module.rules.resource3.2 结果 module.use四、插件 Plugin五、模式 mode我们来前面的博客：1. webpack简介 中已经介绍了 webpack 的几个核心概念，这同时也是 webpack 的基本配置项。
2020-10-24 16:51:42
249
原创 前端必备技能 webpack - 2. webpack环境安装
前端必备技能 webpack - 2. webpack环境安装前端必备技能 webpack - 2. webpack环境安装一、安装 Node.js二、更新 npm三、安装 webpack 和 webpack-cli四、简单搭建项目做开发的第一步往往是搭建一个良好的环境，因而会牵扯到一系列的软件包的安装，有时候虽然严格按照网上的教程一步一步做，但经常会出现教程里不存在的问题，这就让许多新想要学习新知识的小伙伴感到无奈，非常容易打消积极性。
2020-10-24 15:00:09
323
原创 前端必备技能 webpack - 1. webpack简介
前端必备技能 webpack - 1. 简介一、 webpack 是什么？1.1 什么是构建工具？1.2 什么是模块？1.3 什么是打包？二、webpack 基本工作流程三、 webpack 五个核心概念3.1 入口 Entry3.2 出口 Output3.3 预处理 loader3.4 插件 plugins3.5 模式 mode四、开发服务器 devServer我们知道一个项目中可能会应用到各种各样的技术，例如使用 `sass` 来编译 `css` 文件，`js` 代码要进行压缩
2020-10-24 14:59:02
388
原创 从零开始学前端 - 34. JS事件对象Event详解
从零开始学前端 - 34. JS事件对象Event详解一、什么是事件对象 Even我们在前两篇文章中对 JS 中的事件做了一个整体的介绍，其中有一个 Event 属性对事件的作用十分重要，本篇文章我们就对它做一个详细的解读。 每一个事件触发时，都会产生一个与之对应的事件对象 event ，其中包含了触发事件的元素、键盘鼠标的状态、位置等等内容。 每当用户触发一个事件后，JS 就会自动生成一个 event 对象，根据触发事件的不同，这个对象包.
2020-10-21 21:52:44
606
原创 从零开始学前端 - 33. JS事件详解
从零开始学前端 - 33. JS事件详解三、事件流3.1 事件冒泡3.2 事件捕获四、事件对象五、事件委托事件流指的就是事件发生的执行顺序，`DOM2级事件` 规定的事件流包括三个阶段：**事件捕获阶段**、**处于目标阶段** 和 **事件冒泡阶段**。首先开始的是事件捕获阶段，可以在这一阶段对事件进行拦截和限制。然后实际的目标接收到事件，最后开始的是事件冒泡阶段，一般我们都是在这个阶段对事件做相应的处理。
2020-10-14 09:29:11
288
原创 从零开始学前端 - 32. JS事件绑定方式及常用事件详解
从零开始学前端 - 32.JS事件绑定方式及常用事件详解一、事件类型1. 鼠标事件2. 键盘事件3. 焦点事件4. UI 事件5. 文本事件6. 变动事件二、事件目标三、事件处理程序四、事件对象五、事件传播六、事件捕获 事件就是用户或浏览器自身执行的某种行为动作。诸如用户点击 `click`、移动鼠标 `mouseover`；浏览器加载页面 `load` 、关闭页面 `unload` 等等行为。
2020-10-12 09:56:47
274
原创 从零开始学前端 - 31.DOM及Node节点详解
从零开始学前端 - 31.DOM详解 DOM 的全称是 Document Object Model，指文档对象模型。每当页面被加载时，浏览器就会创建一个当前页面的文档对象模型，并将它的内容转化为树状图的形式，也就是常说的 DOM树 或 对象树，以便对页面的结构进行明确的表述。一、DOM树状图二、节点2.1 节点类型2.2 节点属性2.3 节点关系三、节点操作3.1 创建节点3.2 操作节点3.3 替换节点3.4 克隆节点3.5 删除节点3.6 节点属性操作
2020-09-23 09:57:18
478
原创 从零开始学前端 - 30. JS选择器
从零开始学前端 - 30. JS选择器类似于 CSS选择器，如果我们想要使用 JS 来对 HTML 页面中的元素实现一对一，一对多或者多对一的控制，必须先通过选择器来获得该元素，然后在对它进行相应的操作，选择器的种类有很多，但它们的目的是一样的，那就是把想要的元素选中，需要我们根据不同的情况选择相应的选择器。
2020-08-24 12:43:59
454
原创 从零开始学前端 - 29. JS BOM知识点总结整理
从零开始学前端 - 29. JS BOM详解从零开始学前端 - 29. JS BOM知识点总结整理作者：她不美却常驻我心BOM 的全称是 Browser Object Model ，指浏览器对象模型，主要是将浏览器的各个组成部分进行封装，提供一个独立于内容，可以与浏览器窗口进行交互的对象，包含了与浏览器进行交互的方法和接口。也就是说，BOM就是一套对浏览器进行相关操作的 API。核心对象是 window。主要组成部分包括：
2020-08-19 00:00:40
359
原创 从零开始学前端 - 28. JS BOM之History及 H5 History API对象详解
从零开始学前端 - 28. JS BOM之History及 H5 History API对象详解作者: 她不美却常驻我心History 属性和方法H5 新增 History API介绍VUE等页面无刷新跳转原理`window.history` 属性指向的是 `History` 对象，它保存着用户在当前窗口的历史记录，也就是说每个窗口的 `History` 对象并不共享。出于保护用户隐私的原因，我们无法获得用户的浏览记录，即不能通过 `History` 对象来访问用户已经访问过的 `URL`
2020-08-18 13:08:49
377
原创 从零开始学前端 - 27. JS BOM之Screen对象
从零开始学前端 - 27. JS BOM之Screen对象作者: 她不美却常驻我心微信公众号：老王的前端分享 Screen 对象包含有关客户端显示屏幕的信息。我们可以根据相关信息来优化页面的显示方式，以达到用户对网站访问的要求，但在实际工作中，Screen 对象使用的频率并不高。
2020-08-14 17:20:35
321
原创 从零开始学前端 - 26. JS BOM之Navigator对象详解及实际应用
从零开始学前端 - 26. JS BOM之Navigator对象详解及实际应用 navigator 对象中包含了用户所使用的浏览器以及操作系统等信息，我们可以通过查询相关信息从而让我们的系统能够与浏览器及操作系统兼容。一、Navigator 属性和方法主要属性和次要属性二、实际应用检测浏览器类型通过userAgent检测浏览器检测浏览器版本通过userAgent检测浏览器版本关于套壳浏览器关于360浏览器完整的检测方法
2020-08-14 15:54:41
436
原创 从零开始学前端 - 25. JS BOM之Location对象详解及实际应用
从零开始学前端 - 25. JS BOM之Location对象详解及实际应用一、Location对象的属性二、Location对象的方法三、实际应用Location 对象是 BOM 中相当重要的一个对象，包含了有关当前页面的所有与 URL 有关的内容。window.location 和 document.location 都是 Location 对象的引用。
2020-08-12 21:29:59
385
原创 从零开始学前端 - 24. JS BOM之Window对象详解及常用方法
从零开始学前端 - 24. JS BOM之Window对象详解及常用方法 Window 是 BOM 的核心对象，它表示浏览器的一个实例。在浏览器中，Window 对象既是通过 JS 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。一、 window 相关知识点1、全局作用域2、窗口关系及框架父页面操纵子页面子页面操纵父页面3、窗口位置4、窗口大小5、打开窗口6、 定时器7、弹出框8、滚动条二、window 常用属性三、window 常用方法
2020-08-07 16:39:10
696
1
原创 从零开始学前端 - 23. JS Glabal 对象常用属性和方法
从零开始学前端 - 23. JS Glabal 对象常用属性和方法作者: 她不美却常驻我心微信公众号：老王的前端分享一、Glabal 对象二、Glabal 对象的属性三、Global 对象的方法JS中 Window 和 Glabal的区别 `Window` 不只是 `BOM` 的核心，同时也是客户端 JS ，即浏览器的核心对象 ，它表示浏览器的一个实例对象。而在浏览器中，`Window ` 可以使 JS 访问浏览器窗口，同时也代表着 `Global` 对象。
2020-07-31 16:27:43
502
原创 从零开始学前端 - 22. JS类的概念及六种定义方式
从零开始学前端 - 22. JS类的概念及六种定义方式JS类的基本概念JS定义类的方法JS构造函数 + 原型链JS通过工厂函数定义类JS单独使用构造函数JS原型方式JS动态原型模式JS寄生构造函数模式JS稳妥构造函数模式作者: 她不美却常驻我心类的基本概念首先我们要先来理解一下什么是类？ 类是对某一类具有共同特征的事物的抽象。在代码中我们可以将类看做是拥有相等功能和属性的集合。什么是类的实例？
2020-07-29 22:54:58
900
原创 从零开始学前端 - 21. JS工厂函数和构造函数
作者：她不美却常驻我心从零开始学前端 - 21. JS工厂函数和构造函数一、工厂函数二、构造函数二、构造函数的特点三、构造函数的私有变量1. 利用作用域2. 利用闭包四、内置构造函数五、构造函数的缺点六、构造函数的返回值七、构造函数的重载工厂函数和构造函数是面向对象编程的基础，由于在 ES6 之前 JS 没有引入类的概念，所以我们只能通过这种模式来实现封装，将对象抽象成类。
2020-07-27 10:19:24
530
原创 从零开始学前端 - 20. JS匿名函数
JS匿名函数详解一、什么是匿名函数二、 JS匿名函数的声明方式1. 通过函数表达式声明2. 自执行函数3. 赋值给事件三、匿名函数的应用场景1. JS表达式2. JS对象3. JS事件4. JS回调函数5. JS闭包作者: 她不美却常驻我心博客地址: https://blog.csdn.net/qq_39506551微信公众号：老王的前端分享每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。
2020-07-21 16:36:26
258
原创 从零开始学前端 - 19. JS闭包
从零开始学前端 - 18. JS闭包一、什么是闭包？二、闭包的特性三、JS常见闭包面试题作者: 她不美却常驻我心JS 将作用域分为了全局作用域和局部函数作用域，这表明了在函数的外部是不能访问函数内部的变量的，而内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回了之后。当函数运行结束之后，函数内部定义的变量也会被回收机制回收。而闭包的作用就是通过作用域链，使函数对象相互链接，使内部变量不被回收，保存在函数的作用域内，让可以我们可以在外部访问它。
2020-07-13 20:09:46
260
原创 从零开始学前端 - 18. JS作用域、作用域链和声明提前
一、JS作用域1. JS全局作用域2. JS局部作用域3.JS块级作用域二、JS作用域链三、JS声明提前、JS变量提升> 作者: 她不美却常驻我心博客地址: [https://blog.csdn.net/qq_39506551]微信公众号：老王的前端分享 ES5 中只有全局作用域和局部作用域，其中的局部作用域指的是函数作用域，在起初设计时，并没有加入块级作用域的概念。
2020-07-11 20:59:52
423
原创 从零开始学前端 - 17. JS函数
从零开始学前端 - 16. JS函数JS函数的定义和调用1. JS声明函数2. JS函数的四种调用方法2.1 JS普通函数调用2.2 JS函数作为对象属性方法调用2.3 JS构造函数调用2.4 JS函数间接调用3. 参数作者: 她不美却常驻我心博客地址: https://blog.csdn.net/qq_39506551微信公众号：老王的前端分享每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。
2020-07-08 22:19:02
315
原创 从零开始学前端 - 16. JS对象Object介绍及常用方法
从零开始学前端 - 16. JS对象Object一、什么是JS对象二、对象的方法1. JS创建对象2 JS访问对象3.JS对象的增删改查3.1 JS增加属性3.2 JS删除属性3.3 JS修改对象属性3.4 JS查找对象属性4. JS对象的内置方法三、JS对象的 getter 和 setter四、JS原型及原型链
2020-07-06 00:29:21
632
2
原创 从零开始学前端 - 15. JS数学Math对象
从零开始学前端 - 15. JS数学Math对象所有语言生成的随机数都是伪随机数，伪随机数是看似随机实质固定的周期性序列。1. Math.ceil() 向上取整2. Math.floor() 向下取整3. Math.random() 取随机数4. Math.round() 四舍五入5. Math.abs() 取绝对值
2020-07-02 23:58:22
330
原创 从零开始学前端 - 14. JS时间Date常用方法属性
一、JS时间二、JS获取时间1.Date().getFullYear() 获取年份2.Date().getMonth() 获取月份3.Date().getDate() 获取日期4.Date().getDay() 获取星期5.Date().getHours() 获取小时6.Date().getMinutes() 获取分钟7.Date().getSeconds() 获取秒数8.Date().getMilliseconds() 获取毫秒数9.Date().geTime()获取时间戳
2020-06-21 22:50:18
328
原创 从零开始学前端 - 13. JS数组Array常用方法属性
作者: 她不美却常驻我心从零开始学前端 - 13. JS数组Array常用方法属性一、JS创建数组二、JS数组的常用方法1. Array.concat() 拼接数组2. Array.join() 数组转字符串3. Array.pop() 删除数组最后一项4. Array.push() 向数组的末尾添加元素5. Array.reverse() 反转数组6. Array.shift() 删除数组第一项7. Array.slice() 截取数组8. Array.sort三、JS稀疏数组
2020-06-19 10:07:28
314
原创 从零开始学前端 - 12. JS字符串String常用方法属性
从零开始学前端 - 12. JS字符串String对象常用方法属性1. JS获取字符串长度2. JS获取字符串指定位置的字符3. JS获取字符串指定位置的编码4. JS拼接字符串5. JS查找字符串6. JS替换字符串7. JS截取字符串8. JS字符串转大写9. JS字符串转小写10.JS截取字符串11.JS分割字符串12.JS截取字符串14.JS字符串转小写15.JS字符串转大写
2020-06-16 22:24:48
324
原创 从零开始学前端 - 11. JS语句 - 循环语句、条件语句、中断语句等
JS流程控制。从零开始学前端 - 11. JS语句 - 循环语句、条件语句、中断语句等一、 条件语句1. if-else2.switch-case二、循环语句1. for循环 2. for in 循环3. while 循环4. do while 循环三、中断语句1. break2. continue3. return四、错误语句1. throw2. try_catch_finally
2020-06-10 12:53:24
389
1
原创 从零开始学前端 - 10. JS运算符
从零开始学前端 - 10. JavaScript运算符一、JS算术运算符JS逻辑运算符JS赋值运算符JS比较运算符JS逻辑运算符js三元运算符JS类型判断运算符作者: 她不美却常驻我心
2020-06-08 13:27:25
467
原创 从零开始学前端 - 9. JavaScript 基础
从零开始学前端 - 9. JavaScript基础一、JS简介二、JS书写位置三、JS基本语法JS书写位置、JS严格模式、JS注释、JS变量与常量、JS数据类型作者：她不美却常驻我心
2020-06-06 15:23:08
538
原创 从零开始学前端 - 8. CSS定位
从零开始学前端 - 8. CSS定位详解一、CSS固定定位二、CSS相对定位三、CSS绝对定位四、 定位元素层级 z-inedx
2020-06-03 23:23:16
361
原创 从零开始学前端 - 7. CSS盒模型 margin和padding详解
她不美却常驻我心从零开始学前端 - 7. CSS盒模型 margin 和 padding 详解CSS盒模型CSS外边距 marginmargin-top失效margin-bottom与margin-top 的冲突padding作者: 她不美却常驻我心博客地址: https://blog.csdn.net/qq_39506551
2020-06-03 10:27:50
600
2
html + css 中文手册.rar
2020-05-21
从零开始学前端 - 6. CSS浮动float详解 示例代码.rar
2020-05-20
VUE中，A组件和B组件同时引用C组件，但传入数据的字段不同，请问如何复用C组件？
2021-06-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人