![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 71
如思学web
这个作者很懒,什么都没留下…
展开
-
前端模块化的简单综述(二)
6.0,npm 6.0.1 NPM产生的背景当一个网站依赖的库越来越多,前端开发就很麻烦:去 jQuery 官网下载 jQuery 去 BootStrap 官网下载 BootStrap 去 Underscore 官网下载 Underscore ……对网站依赖的代码,到处找网站下载很不方便,而用一个工具把这些代码集中到一起来管理就很有必要。这个工作的完成者是 Isaac Z. ...原创 2018-07-24 18:15:04 · 202 阅读 · 0 评论 -
js模块的基本用法
js模块,在es6之前,实现都是通过立即执行函数实现。这里复盘这种古老的模块实现方式,其目的是:1,了解js模块的最基本原理/基石.2,为后来的模块化学习打下基础。 1,基本模块的书写方法:IIFE var MODULE = (function () { var my = {}, privateVariable = 1; function privateM...原创 2018-07-20 12:10:35 · 510 阅读 · 0 评论 -
前端模块化的简单综述(一)
刚学前端的时候,曾有一段时间很迷糊,不知道为啥突然从html文件、js文件和css文件三件套,变成需要打包在服务器才能用了。这种不明白感,随着使用vue,weex等框架逐步熟练之后,降低不少。但依然不知道,这一路究竟发生了什么。 故在此,梳理整个前端模块的发展过程,为自己的疑惑提供一个完满的解答。(有不少内容来自对网络上一些大神的博客整理,本文会在文章最后做出引用和感谢)目录 ...原创 2018-07-20 13:40:45 · 1292 阅读 · 0 评论 -
webpack4的基本使用
webpack 是一个现代JS应用的静态模块打包器(static module bundler)。当运行webpack时,它就将项目中的各种模块(比如js,css, png, cjs,sass等各种模块)会打包成静态资源。如下图webpack功能非常强大,但学习起来也很简单。只需要理解4个核心概念就好:Entry, Output, Loaders, Plugins本篇将简要介绍这4个概...原创 2018-08-01 11:56:25 · 292 阅读 · 0 评论 -
webpack 4 使用示例(一)
我将在这篇文章着重介绍最基本的配置示例。介绍完之后会以项目的形式展示其他使用的源码。1,基本示例: 新建一个项目mkdir webpack-demo && cd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev给项目中添加index.html和 src/index.js文件。此时...原创 2018-08-01 16:47:34 · 484 阅读 · 0 评论 -
前端的正则使用(基础篇)
正则的总结,进行过多次,但一般都是记不了几天就会忘得无法有效使用。究其原因就一个:没有明白其中的原理,死记硬背。而我是一个不爱死记硬背的人。所以这次又一次总结,从原理上加以整理。1,基本概念正则表达式的三个基本元素:元字符,量词,修饰符。元字符:/abc/ 比如左边的正则匹配字符串中的abc。正则中的abc就是元字符。元字符是正则匹配的基本元素。量词:是元字符中的重复性概念。...原创 2018-08-17 10:36:14 · 1148 阅读 · 0 评论 -
前端的正则使用(原理篇)
本篇接上篇的基础篇,是对基础篇从原理上加以理解。1,捕获原理1.1,捕获组编号规则捕获组就是把正则表达式中的子表达式匹配的内容,保存到内存中以数字编号的组里,方便后面引用。编号规则指的是以数字为捕获组进行编号的规则。规则中编号为0的捕获组,指的是正则表达式整体。捕获组通过从左到右计算其左开括号来编号 举例:正则表达式可以用来匹配格式为yyyy-MM-dd的日期,为了...原创 2018-08-20 18:39:39 · 684 阅读 · 0 评论