摘要:推荐团队、博客 推荐团队 w3school w3cplus 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 githu 阅读全文
posted @ 2020-05-12 09:28 风雨后见彩虹 阅读(147) 评论(0) 推荐(1) 编辑
摘要:文件、blob 文件下载失败,将Blob对象转换为Json,处理异常错误? 捕获异常: /** 导出文件流成功失败分别干干什么 * @param {String} res 文件流或者JSON对象(错误情况下) * @param {Boolean} blob res资源是否是blob对象,文件流 默认 阅读全文
posted @ 2019-09-02 21:06 风雨后见彩虹 阅读(231) 评论(0) 推荐(1) 编辑
摘要:webpack等工具操作 自动创建package.json文件:npm init 如何根据package.json来自动安装包:npm install npm具体安装某个组件:npm install name -g 如何手动更新npm中指定的插件版本号:修改package.json中依赖包版本,执行 阅读全文
posted @ 2017-12-17 14:06 风雨后见彩虹 阅读(356) 评论(0) 推荐(1) 编辑
摘要:JavaScript 基础知识 【异步】MDN:使用 promises 【异步】Promise原理讲解 && 实现一个Promise对象 (遵循Promise/A+规范) 【异步】用 async/await 来处理异步 【UMD】可能是最详细的UMD模块入门指南 js监听输入框值的即时变化onpro 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(2849) 评论(0) 推荐(8) 编辑
摘要:CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为 阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读(6057) 评论(5) 推荐(4) 编辑
摘要:快速创建 使用官方推荐的vue-cli创建项目如下: # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create vanttest # 创建完成后,可以通过命令打开图形化界面 vue ui 下面记录下创建一个项目中需要选择的配置及相关说明。 创建 阅读全文
posted @ 2020-08-12 22:08 风雨后见彩虹 阅读(194) 评论(0) 推荐(0) 编辑
摘要:Tapable源码解析图,如图所示: 一个webpack plugin由一下几个步骤组成: 一个JavaScript类函数。 在函数原型 (prototype)中定义一个注入compiler对象的apply方法。 apply函数中通过compiler插入指定的事件钩子,在钩子回调中拿到compila 阅读全文
posted @ 2020-08-04 22:12 风雨后见彩虹 阅读(39) 评论(0) 推荐(0) 编辑
摘要:学习资料介绍 github地址:mcg-helper代码生成工具 什么是 FreeMarker? - FreeMarker 中文官方参考手册 视频学习地址: 第一节、视频教程内容介绍 探讨研发工作中典型的重复繁杂工作,可通过流程自动化实现代替的常见场景。第二节、mcg-helper初步认识教程 mc 阅读全文
posted @ 2020-07-19 11:13 风雨后见彩虹 阅读(82) 评论(0) 推荐(1) 编辑
摘要:nvm是node版本管理工具 为了解决node各种版本存在不兼容现象 nvm是让你在同一台机器上安装和切换不同版本的node的工具 安装 nvm-windows 最新下载地址: https://github.com/coreybutler/nvm-windows/releases 可以看到这里又有四 阅读全文
posted @ 2020-07-13 21:33 风雨后见彩虹 阅读(58) 评论(0) 推荐(1) 编辑
摘要:前言 如下图: AMD与CMD的主要区别: 1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible. 2. CMD 推崇依赖就近,AMD 推崇依赖 阅读全文
posted @ 2020-07-08 22:28 风雨后见彩虹 阅读(136) 评论(0) 推荐(0) 编辑
摘要:Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(pen)三种事件整合为统一的API。 Pointer Event Pointer指可以在屏幕上反馈一个指定坐标的输入设备。Pointer Event事件和Touch E 阅读全文
posted @ 2020-07-05 20:32 风雨后见彩虹 阅读(167) 评论(0) 推荐(0) 编辑
摘要:mode 和 plugin 前边我们介绍 mode 时提过,mode 不同值会影响 webpack 构建配置,其中有一个就是会启用 DefinePlugin 来设置process.env.NODE_ENV 的值,方便代码中判断构建环境。 除此之外,development和 production两个不 阅读全文
posted @ 2020-07-02 21:44 风雨后见彩虹 阅读(228) 评论(0) 推荐(0) 编辑
摘要:loader 基本上都是第三方类库,使用时需要安装,有一些 loader 还需要安装额外的类库,例如 less-loader 需要 less,babel-loader 需要 babel 等。 loader 匹配规则 loader的配置是放在 module 字段下,如下代码前面提到过: module. 阅读全文
posted @ 2020-06-30 22:44 风雨后见彩虹 阅读(178) 评论(0) 推荐(0) 编辑
摘要:module webpack 的初衷是让 js 支持模块化管理,并且将前端中的各种资源都纳入到对应的模块管理中来,所以在 webpack 的设计中,最重要的部分就是管理模块和模块之间的关系。 在 webpack 支持的前端代码模块化中,我们可以使用类似 import * as m from './i 阅读全文
posted @ 2020-06-27 17:44 风雨后见彩虹 阅读(334) 评论(0) 推荐(0) 编辑
摘要:webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个模块的代码打包。 一切文件:JavaScript、CSS、SCSS、图片、模板,在 Webpack 眼中都是一个个模块,这样的好处是能清晰的描述出各个模块之间的依赖关系,以方便 Webpack 对模块进行组合和打包。 阅读全文
posted @ 2020-06-27 11:46 风雨后见彩虹 阅读(95) 评论(0) 推荐(0) 编辑
摘要:一、什么是进制 在生活中,我们通常都是使用阿拉伯数字计数的,也就是10进制,以10为单位,遇10进一,所以是由0,1,2、3、4、5、6、7、8、9组成的;而在计算机中,计算机是无法识别10进制数的,它只能识别01代码,也就是二进制,由0、1两位数字组成,逢二进一。 那么什么是进制呢,进制就是进位制 阅读全文
posted @ 2020-06-14 21:00 风雨后见彩虹 阅读(137) 评论(0) 推荐(0) 编辑
摘要:HTML元素属性分类 全局属性和局部属性 属性可以分为两类:全局属性和局部属性。 其中全部元素都能使用的通用属性称为全局属性。只能运用在某些特定元素的属性,称为局部属性,例如form的action属性、textarea的rows属性等。 全局属性可简单分为5种,如下: HTML4原有的全局属性acc 阅读全文
posted @ 2020-06-13 13:12 风雨后见彩虹 阅读(77) 评论(0) 推荐(0) 编辑
摘要:为了能在HTML文档中正确显示某些特殊字符,就需要使用HTML实体(entity)。HTML实体就是对当前文档的编码方式不能包含的字符,提供一种转义表示。 HTML实体定义 1.名称方式 名称方式会以“&”开头,然后紧跟由英文字母组成的名称(下面格式中的name),最后以分号结尾。注意,这种方式对大 阅读全文
posted @ 2020-06-13 11:42 风雨后见彩虹 阅读(48) 评论(0) 推荐(0) 编辑
摘要:css单位我们常用的是px,也即是像素。随着网页开发自适应的要求,css3新增了许多单位,rem、vw和vh、vmin和vmax、ch和ex等。 em 做前端的应该对em不陌生,不是什么罕见的单位,是相对单位,参考物是父元素的font-size,具有继承的特点。如果字体大小是16px(浏览器的默认值 阅读全文
posted @ 2020-05-28 23:38 风雨后见彩虹 阅读(147) 评论(0) 推荐(0) 编辑
摘要:babel介绍 babel总共分为3个阶段: 解析、转换和生成 babel本身不具有任何转换功能, 如果没有plugin,那么经过babel的代码和输入的是相同的。 babel插件分为两种 语法插件:在解析的过程中,能使babel能够解析更多的语法 转译插件: 在转换的过程中将代码输出。比如将箭头函 阅读全文
posted @ 2020-05-28 21:43 风雨后见彩虹 阅读(298) 评论(0) 推荐(0) 编辑
摘要:前言 文章只记录理解以及容易遗忘的知识点。 词法作用域、块作用域 词法作用域 词法作用域:简单的说,词法作用域就是定义在词法阶段的作用域。换句话说,词法作用域就是在你写代码时将变量和块作用域写在哪里来决定的,因此在词法分析器处理代码时会保持作用域不变(大部分情况是这样的)。 当然有一些欺骗词法作用域 阅读全文
posted @ 2020-05-23 11:55 风雨后见彩虹 阅读(181) 评论(0) 推荐(0) 编辑
摘要:为什么需要构建工具? 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理器 压缩混淆 图⽚片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区⽣态丰富 配置灵活和插件化扩展 官⽅ 阅读全文
posted @ 2020-05-21 20:20 风雨后见彩虹 阅读(185) 评论(0) 推荐(0) 编辑
摘要:npm npm是Node.js的软件包管理器,其目标是自动化的依赖性和软件包管理。 这意味着,可以在package.json文件中为项目指定所有依赖项(软件包),当需要为其安装依赖项时,只要运行npm install就可以。 npx npx是执行Node软件包的工具,它从 npm5.2版本开始,就与 阅读全文
posted @ 2020-05-21 20:17 风雨后见彩虹 阅读(252) 评论(0) 推荐(0) 编辑
摘要:一个 HTTP 请求过程示例图: 一个 HTTP 请求需要经历以上过程,接下来看一个具体的例子: 名词解释: Queueing: 在请求队列中的时间。 Stalled: 从TCP 连接建立完成,到真正可以传输数据之间的时间差,此时间包括代理协商时间。 Proxy negotiation: 与代理服务 阅读全文
posted @ 2020-05-17 08:59 风雨后见彩虹 阅读(102) 评论(0) 推荐(0) 编辑
摘要:一:工程安装less、less-loader 配置版本如下: "devDependencies": { "less": "^3.0.4", "less-loader": "^5.0.0", /**其它配置*/ } 二:在main.js中引入vant的less文件 import 'vant/lib/i 阅读全文
posted @ 2020-05-17 08:26 风雨后见彩虹 阅读(278) 评论(0) 推荐(0) 编辑
摘要:推荐团队、博客 推荐团队 w3school w3cplus 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 githu 阅读全文
posted @ 2020-05-12 09:28 风雨后见彩虹 阅读(147) 评论(0) 推荐(1) 编辑
摘要:安装使用 使用npm安装: $ npm install axios 使用CDN: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> get与post使用示例 执行 GET 请求: // 为给定 ID 的 user 创建 阅读全文
posted @ 2020-04-21 21:58 风雨后见彩虹 阅读(71) 评论(0) 推荐(0) 编辑
摘要:阅读过几篇关于 px rem 的文章,感觉 rem 很强大。但是自己接触到的公司项目全部都使用 px,想知道为什么。是我司技术更新落后了吗? 我们当然有在用 vw 和 vh,但是只是在 layout 层级,组件层使用 px。 人数赞同最多的回答 先抛出观点: 本文建议读者不要使用flexible或者 阅读全文
posted @ 2020-04-21 13:19 风雨后见彩虹 阅读(280) 评论(0) 推荐(0) 编辑
摘要:ruby标签实现给汉字加拼音 ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。 <ruby> 、<rt>、<rp> 标签一同使用,代码如下: <ruby> 这是一个汉字 <rp>(z 阅读全文
posted @ 2020-04-20 09:56 风雨后见彩虹 阅读(113) 评论(0) 推荐(0) 编辑
摘要:ES6介绍 ES6, 全称 ECMAScript 6.0 ,2015.06 发版。 let 和 const命令 let命令 let 命令,用来声明变量。它的用法类似于var,区别在于var声明的变量全局有效,let 声明的变量只在它所在的代码块内有效。 使用var声明: var a = []; fo 阅读全文
posted @ 2020-02-05 20:36 风雨后见彩虹 阅读(329) 评论(0) 推荐(1) 编辑