![](https://img-blog.csdnimg.cn/20210425111708774.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 96
分享学习到的前端知识,与大家一起 cover 未来 !
萍果吮雨
若待上林花似锦,出门俱是看花人!大家共同学习,共同进步!!!
展开
-
还不了解 webpack 优化 ? 一文带你快速优化 webpack !
文章目录一、前言二、你能收获三、步入正题1. 通过使用 webpack 自带插件(define-plugin) 来区分当前的环境。2. 通过使用 webpack-merge 来进一步分离开发环境与生产环境的配置。3. 通过使用 module 的 noParse 属性来指明无需解析的三方包。四、后语五、参考一、前言本文是针对有 webpack 基础的猿们食用的,如果还不会用 webpack 去构建自己的项目请看博主的上一篇文章 【 还不会 webpack ? 一文带你用 webpack 打造溜溜的前端.原创 2021-04-28 11:20:31 · 791 阅读 · 2 评论 -
还不会 webpack ? 一文带你用 webpack 打造溜溜的前端工具流 !
文章目录一、前言1. webpack 是什么 ?2. 为什么要用 webpack 或者类似的静态资源打包工具 ?二、你能收获三、步入正题1. 安装 webpack 和 webpack cli 来开始构建我们自己的前端项目2. webpack 是可以 0 配置使用的3. 利用 webpack.config.js 手动定制自己的 webpack4. 通过 html-webpack-plugin 插件来自动打包创建 html 并将打包后的资源自动引入5. 通过配置 webpack-dev-server 来实现浏.原创 2021-04-22 17:37:02 · 1156 阅读 · 22 评论 -
HTTP入门系列(1) - HTTP ( 预热 )【 晓前世方能成今生 】
一、前言【内容】本文主要简单说明以下内容(如您不感兴趣或有更好的见解可完全忽略) : ????互联网和计算机发展的七个阶段OSI 七层协议参考模型TCP/IP 分层模型TCP 的三握四挥TCP/IP 分层模型下的数据传输GET 请求缓存流程【深度】本文深度不会太深,旨在入门。但也绝对不是偶阅书籍、浅尝辄止。内容里面熔炼了笔者对了解到的知识的简单概括与阐述。不会有太多术语 |全程配图为您的理解保驾护航 |不为点赞收藏只为传播知识理解,互相帮助 |【逼逼叨】人在江湖身不由原创 2020-10-25 11:16:17 · 359 阅读 · 0 评论 -
原生 JavaScript 手写一款属于自己的音乐播放器
原生 JavaScript 手写一款属于自己的音乐播放器文章目录原生 JavaScript 手写一款属于自己的音乐播放器先贴一下图 :零、前言1. 基础的布局【HTML + CSS】2. 歌曲请求方式及接口来源【ajax】3. 数据上的准备一、播放器涉及到的功能模块1. 点击歌曲 播放/暂停 按钮实现歌曲播放与暂停2. 实现歌词同步3. 实现实时进度条与播放计时4. 实现点击进度条或者移动进度条滑块对歌曲进行控制5. 实现下载6. 实现音量控制7. 实现歌曲切换二、踩坑攻略三、需要注意四、待实现的功能五、原创 2020-07-02 12:56:55 · 826 阅读 · 0 评论 -
还不会 JavaScript 中的正则表达式 ? 一篇文章带你轻松入门 !
还不会 JavaScript 中的正则表达式 ? 一篇文章带你轻松入门 !文章目录还不会 JavaScript 中的正则表达式 ? 一篇文章带你轻松入门 !一、前言 :二、阅前须知 :三、步入正题1. 什么是正则 ?2. 怎么使用正则 ?-1). 正则表达式的创建方式①. 字面量式②. 构造函数式-2). 字符匹配①. 两种模糊匹配②. 字符组(簇)③. 量词④. 多选分支-3). 位置匹配①....原创 2020-04-07 21:33:56 · 1190 阅读 · 2 评论 -
一文理清 JavaScript 中对象的创建模式与继承模式
一文理清 JavaScript 中对象的创建模式与继承模式文章目录一文理清 JavaScript 中对象的创建模式与继承模式一、前言 :1. 写作目的2. 需要具备的知识点3. 阅前声明二、JavaScript 中对象的创建模式1. ( 单例模式 ) - 日月星辰我独尊a. 什么是单例 ?b. 具体的实现方案 :2. ( 工厂模式 ) - 独乐不如众乐3. ( 构造函数模式 ) - 私有财产神圣...原创 2020-03-28 20:52:36 · 436 阅读 · 0 评论 -
一文扫清对 JavaScript 中的疑惑
一文扫清对 JavaScript 中的疑惑之 JavaScript 运行机制文章目录一文扫清对 JavaScript 中的疑惑之 JavaScript 运行机制一、前言1. 写作原因 :2. 阅读须知 :3. 文章声明 :二、荡平疑惑1. 我的 JS 代码被浏览器加载后到发生了什么 ?2. 什么是 RHS、LHS 查询 ?-1). 为什么要学习 RHS 和 LHS 查询 ?-2). RHS 与 ...原创 2020-03-19 23:13:16 · 1327 阅读 · 6 评论 -
一文扫清【冒泡排序、插入排序、快速排序】的盲点
一文扫清【冒泡排序、插入排序、快速排序】的盲点文章目录一文扫清【冒泡排序、插入排序、快速排序】的盲点前言 :冒泡排序冒泡排序 - 经典版冒泡排序 - 经典版(图解原理)冒泡排序 - 经典版(代码实现)冒泡排序 - 经典版(需要明确的点)冒泡排序 - 升级版冒泡排序 - 升级版(图解原理)冒泡排序 - 升级版(代码实现)冒泡排序 - 升级版(需要明确的点)插入排序图解原理代码实现需要明白的点 :快...原创 2020-03-15 15:27:11 · 639 阅读 · 5 评论 -
前端面试题错题集锦(持续更新)
前端面试题(错题集锦)文章目录前端面试题(错题集锦)面试题来源 - [牛客网](https://www.nowcoder.com/)2020年 3 月 8 日1. 从字符串 const str = 'qwbewrbbeqqbbbweebbbbqee';中能得到结果 ["b", "bb", "bbb", "bbbb"] 以下错误语句是?2.下列js延迟加载的方式中,只有IE浏览器支持的是哪一种方式...原创 2020-03-08 11:50:02 · 601 阅读 · 0 评论 -
跟我一起学前端之 HTML
前言:此篇文章原是本人重学前端记录在印象笔记中的笔记,里面都是通过实践证明的观点,这有助于我们构建前端知识体系,里面有些知识笔者认为勾勒的非常精彩,也是其他培训机构不会讲到的内容。跟我一起学前端是一个系列,主要由(HTML篇、HTML5篇、CSS篇、CSS3篇、原生JavaScript篇、jQuery(JavaScript库)篇、Vue、React、Anglar (JavaScript框架)篇、...原创 2019-05-10 17:19:50 · 1453 阅读 · 0 评论 -
深入理解 HTML
对于 HTML 的学习我想大家早就已经完成了吧,但是对于一些东西真的就比较了解吗???这里笔者认为可能不尽然 …这篇博文主要是帮助我们重新再梳理一遍 html 的相关知识,其中有些知识是我们即使在培训机构也无从见到的,废话不多说。先贴一下目录结构。好啦,如果对以上内容感兴趣的宝宝们可以向下继续查阅,如果是已经对上述内容了如指掌的大牛们也可以忍痛向下查阅,(哈哈)这些内容全部存储在...原创 2019-05-08 16:18:41 · 357 阅读 · 0 评论 -
(JavaScript)ES6语法-let + const变量的声明方式
(JavaScript)ES6语法-let + const变量的声明方式本以为自己什么都会其实自己什么都不会:这一次我们一起看看简单的问题,对比一下ES6语法与ES5语法的变量的声明方式导致的不同。来先看一段代码:function run() { for(var i = 0; i < 2;i++) { ...原创 2018-07-21 09:19:03 · 256 阅读 · 0 评论 -
(JavaScript - 原生)创建对象的方式 + 原型 + 原型链 + 对象的继承
(JavaScript - 原生)创建对象的方式 + 原型 + 原型链 + 对象的继承说道JavaScript中的对象,无论是从业多年的老鸟还是刚刚接触的菜鸟都不会陌生。本篇文章专注于揭开JavaScript对象的神秘面纱,带领大家细品其中的韵味,真正做到深入浅出。> -1).对象的简介这个就不在多说了,就是一组无序键值对儿的集合,针对于这个特性我们的开发人员可谓是如鱼...原创 2018-08-05 21:15:49 · 786 阅读 · 0 评论 -
(JavaScript - 原生)数组的创建 + 数组的遍历 + es6对数组的支持 + 数组的结构化操作 + 数组的17个常用方法 + 伪数组与数组的转换 + 数组去重
(JavaScript - 原生)数组的创建 + 数组的遍历 + es6对数组的支持 + 数组的结构化操作 + 数组的17个常用方法 + 伪数组与数组的转换 + 数组去重还是那句话,无论是职场的老鸟还是起步的菜鸟对JavaScript中的数组肯定都是津津乐道的 ...因为它与对象是极少数可以存储多条信息并且极为常用的元素。本章节对于数组的各个方面进行详细的解说,争取真正做到深入浅出。一、数...原创 2018-08-07 10:19:45 · 494 阅读 · 0 评论 -
(JavaScript - 原生)正则表达式在JavaScript中的应用
(JavaScript - 原生)正则表达式在JavaScript中的应用## 绪论今天来研究的是正则表达式,其实正则表达式不是JavaScript独有的,Java与C#等其它语言也支持正则表达式,因为正则这个概念是独立于语言之外的,它是通过定义指定的模式去匹配符合该模式的字符(概念),只不过在各个语言中表现出来的可能不太相同,但核心都是一样的!## 表述还是那句老话,不管是久经沙...原创 2018-08-12 20:22:34 · 1089 阅读 · 0 评论 -
(JavaScript - 原生)字符串的20个常用方法 + 字符串遍历器 + 模板字符串
(JavaScript - 原生)字符串的20个常用方法 + 字符串遍历器 + 模板字符串老生常谈,无论是职场达人还是初出茅庐的小白相信对JavaScript中的字符串都不会陌生吧,而且字符串这个元素在前端整个开发的过程中出现的频率、重要程度 ... 都是无可比拟的,今天我们来一起揭开JavaScript下字符串的神秘面纱,希望真正做到深入浅出。## 在JavaScript中String...原创 2018-08-09 01:06:54 · 3775 阅读 · 0 评论 -
(JavaScript - 原生)函数
(JavaScript - 原生)函数如果说JavaScript中变量是公民的话,那么我认为函数就是皇上!这一章就来一起研究JavaScript中的函数,对于这个无论是拜将封侯的老鸟还是冲锋陷阵的菜鸟都爱不释手的皇上,特此记录下来以备查看,希望本次讲解真正做到深入浅出!插曲:对于我们后续的讲解,我们先来了解一个概念 - 变量提升 -> 仅仅存在于ES5及其之前的ECMA的语言规范...原创 2018-08-13 22:13:02 · 3575 阅读 · 5 评论 -
(JavaScript - 原生) WEB 本地存储
(JavaScript - 原生) WEB 本地存储一、什么是 WEB 本地存储?WEB 本地存储就是将数据以键值对的形式存储到本地。-1).经过 WEB本地存储的数据究竟存储到了哪?存储位置:打开:(值 firstUseLocalStorage 就是要存储的值-> 后面代码中会有体现)-2).WE...原创 2018-10-28 21:33:26 · 282 阅读 · 0 评论 -
编程之路核心技术卷•Web技术内幕
本系列文章状态:未完结 ...,更新中 ...,目录尚不完整,但提前发布请大家参考并提出意见,如果属实我会修改,谢谢!目录前言:-1).什么是`编程之路核心技术卷•Web技术内幕`?:-2).为什么要写`编程之路核心技术卷•Web技术内幕`?-3).怎样写`编程之路核心技术卷•Web技术内幕`这个系列?原创 2019-04-11 00:28:02 · 1192 阅读 · 0 评论 -
(JavaScript-原生)数据类型转换及检测
(JavaScript-原生)数据类型转换及检测<script> window.onload = function () { 'use strict' /** * JavaScript中的数据类型转换 * @author 刘杰 * @version 1.0 * JavaScr...原创 2018-07-12 22:56:31 · 189 阅读 · 0 评论