摘要:推荐团队、博客 推荐团队 w3school w3cplus 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 githu 阅读全文
posted @ 2020-05-12 09:28 风雨后见彩虹 阅读(251) 评论(0) 推荐(1) 编辑
摘要:文件、blob 文件下载失败,将Blob对象转换为Json,处理异常错误? 捕获异常: /** 导出文件流成功失败分别干干什么 * @param {String} res 文件流或者JSON对象(错误情况下) * @param {Boolean} blob res资源是否是blob对象,文件流 默认 阅读全文
posted @ 2019-09-02 21:06 风雨后见彩虹 阅读(306) 评论(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 风雨后见彩虹 阅读(408) 评论(0) 推荐(1) 编辑
摘要:JavaScript 基础知识 【异步】MDN:使用 promises 【异步】Promise原理讲解 && 实现一个Promise对象 (遵循Promise/A+规范) 【异步】用 async/await 来处理异步 【UMD】可能是最详细的UMD模块入门指南 js监听输入框值的即时变化onpro 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(3005) 评论(0) 推荐(8) 编辑
摘要:CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为 阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读(6279) 评论(5) 推荐(4) 编辑
摘要:books.xml文件格式如下: <?xml version="1.0" encoding="UTF-8"?> <xbrl xmlns="http://www.xbrl.org/2003/instance" xmlns:cfid-common="http://eid.csrc.gov.cn/cn/f 阅读全文
posted @ 2020-11-20 09:01 风雨后见彩虹 阅读(18) 评论(0) 推荐(0) 编辑
摘要:实例 父页面发消息给子页面,子页面接收消息后回复父页面。 父页面代码: <body> 父级页面: <button id="btn">给iframe子页面传递消息button</button> <iframe src="index2.html" id="iframe1"></iframe> <scri 阅读全文
posted @ 2020-11-19 22:16 风雨后见彩虹 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1.下载vue-ueditor-wrap cnpm i vue-ueditor-wrap -S 下载最新的 UEditor 资源文件放入你项目的静态资源目录中(比如 static 或者 public,这取决于你项目的配置)。 2.引入VueUeditorWrap组件 import VueUedito 阅读全文
posted @ 2020-11-18 13:02 风雨后见彩虹 阅读(55) 评论(0) 推荐(0) 编辑
摘要:基本思路 实现思路:实现一个mixins混入的主题js即theme.js,注册到全局下。使用el-color-picker组件切换颜色的时候,把颜色值传递到根root下,在根实例下监听主题色的变化来更改页面的主题,然后所有具体的路由页面的主题色修改通过在APP.vue页面监听路由变化来调用改变主题色 阅读全文
posted @ 2020-11-12 08:48 风雨后见彩虹 阅读(93) 评论(0) 推荐(0) 编辑
摘要:/* * broadcast 事件广播 * @param {componentName} 组件名称 * @param {eventName} 事件名 * @param {params} 参数 * 遍历寻找所有子孙组件,假如子孙组件和componentName组件名称相同的话,则触发$emit的事件方 阅读全文
posted @ 2020-11-10 09:11 风雨后见彩虹 阅读(15) 评论(0) 推荐(0) 编辑
摘要:普通 script 先来看一个普通的 script 标签。 <script src="a.js"></script> 浏览器会做如下处理 停止解析 document. 请求 a.js 执行 a.js 中的脚本 继续解析 document defer <script src="d.js" defer> 阅读全文
posted @ 2020-11-09 21:32 风雨后见彩虹 阅读(15) 评论(0) 推荐(0) 编辑
摘要:鸭子类型 编程语言按照数据类型大体可以分为两类,一类是静态类型语言,另一类是动态类型语言。 动态类型语言对变量类型的宽容给实际编码带来了很大的灵活性。由于无需进行类型检测,我们可以尝试调用任何对象的任意方法,而无需去考虑它原本是否被设计为拥有该方法。 这一切都建立在鸭子类型(duck typing) 阅读全文
posted @ 2020-11-02 12:44 风雨后见彩虹 阅读(23) 评论(0) 推荐(0) 编辑
摘要:CSS3中的background-clip属性,其主要是用来确定背景的裁剪区域,换句话说,就是如何控制元素背景显示区域。 语法如下: background-clip : border-box || padding-box || content-box 取值说明: border-box:此值为默认值, 阅读全文
posted @ 2020-11-02 08:53 风雨后见彩虹 阅读(31) 评论(0) 推荐(0) 编辑
摘要:常见的API扩展形式 prototype 比如我现在有一个需求,给定一个字符串,给方法传递一个参数为数字类型来确定当前字符串重复次数,例如: 'abc'.repeatStringNumTimes(3) // abcabcabc 如果按照一般的思维就是我们把这个方法绑定到String的原型上,如下代码 阅读全文
posted @ 2020-10-13 09:01 风雨后见彩虹 阅读(57) 评论(0) 推荐(0) 编辑
摘要:介绍 策略模式的意义是定义一系列的算法,把它们一个个封装起来,并且使它们可相互替换。此模式让算法的变化不会影响到使用算法的客户。 实现 举一个例子,比如我们做数据合法性校验,一般是通过swich来实现,或者通过if语句来实现,如果校验规则多了的话,那么代码的扩展性和维护性就很差了,而且进行单元测试就 阅读全文
posted @ 2020-10-10 21:54 风雨后见彩虹 阅读(54) 评论(0) 推荐(0) 编辑
摘要:基本介绍 Math.sin(x) :x 的正玄值。返回值在 -1.0 到 1.0 之间; Math.cos(x) :x 的余弦值。返回的是 -1.0 到 1.0 之间的数; 其中函数中是x是指“弧度”而非角度。 弧度定义:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆 阅读全文
posted @ 2020-10-09 22:08 风雨后见彩虹 阅读(73) 评论(0) 推荐(0) 编辑
摘要:如果需要引用一个库,但是又不想让webpack打包(减少打包的时间),并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用(一般都以import方式引用使用),那就可以通过配置externals。 这样做的目的就是将不怎么需要更新的第三方库脱离webpack打包, 阅读全文
posted @ 2020-09-29 18:48 风雨后见彩虹 阅读(317) 评论(0) 推荐(0) 编辑
摘要:方法一:异步加载第三方库 在我们的vue工程中新建如下路径:src/utils/index.js,在index.js中实现如下方法: export function loadScript(url) { let isLoaded = false; return new Promise((resolve 阅读全文
posted @ 2020-09-29 18:47 风雨后见彩虹 阅读(90) 评论(0) 推荐(0) 编辑
摘要:快速创建 使用官方推荐的vue-cli创建项目如下: # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create vanttest # 创建完成后,可以通过命令打开图形化界面 vue ui 下面记录下创建一个项目中需要选择的配置及相关说明。 创建 阅读全文
posted @ 2020-08-12 22:08 风雨后见彩虹 阅读(631) 评论(0) 推荐(0) 编辑
摘要:Tapable源码解析图,如图所示: 一个webpack plugin由一下几个步骤组成: 一个JavaScript类函数。 在函数原型 (prototype)中定义一个注入compiler对象的apply方法。 apply函数中通过compiler插入指定的事件钩子,在钩子回调中拿到compila 阅读全文
posted @ 2020-08-04 22:12 风雨后见彩虹 阅读(99) 评论(0) 推荐(0) 编辑
摘要:学习资料介绍 github地址:mcg-helper代码生成工具 什么是 FreeMarker? - FreeMarker 中文官方参考手册 视频学习地址: 第一节、视频教程内容介绍 探讨研发工作中典型的重复繁杂工作,可通过流程自动化实现代替的常见场景。第二节、mcg-helper初步认识教程 mc 阅读全文
posted @ 2020-07-19 11:13 风雨后见彩虹 阅读(214) 评论(0) 推荐(1) 编辑
摘要:nvm是node版本管理工具 为了解决node各种版本存在不兼容现象 nvm是让你在同一台机器上安装和切换不同版本的node的工具 安装 nvm-windows 最新下载地址: https://github.com/coreybutler/nvm-windows/releases 可以看到这里又有四 阅读全文
posted @ 2020-07-13 21:33 风雨后见彩虹 阅读(90) 评论(0) 推荐(1) 编辑
摘要:前言 如下图: AMD与CMD的主要区别: 1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible. 2. CMD 推崇依赖就近,AMD 推崇依赖 阅读全文
posted @ 2020-07-08 22:28 风雨后见彩虹 阅读(263) 评论(0) 推荐(0) 编辑
摘要:Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(pen)三种事件整合为统一的API。 Pointer Event Pointer指可以在屏幕上反馈一个指定坐标的输入设备。Pointer Event事件和Touch E 阅读全文
posted @ 2020-07-05 20:32 风雨后见彩虹 阅读(314) 评论(0) 推荐(0) 编辑
摘要:mode 和 plugin 前边我们介绍 mode 时提过,mode 不同值会影响 webpack 构建配置,其中有一个就是会启用 DefinePlugin 来设置process.env.NODE_ENV 的值,方便代码中判断构建环境。 除此之外,development和 production两个不 阅读全文
posted @ 2020-07-02 21:44 风雨后见彩虹 阅读(481) 评论(0) 推荐(0) 编辑
摘要:loader 基本上都是第三方类库,使用时需要安装,有一些 loader 还需要安装额外的类库,例如 less-loader 需要 less,babel-loader 需要 babel 等。 loader 匹配规则 loader的配置是放在 module 字段下,如下代码前面提到过: module. 阅读全文
posted @ 2020-06-30 22:44 风雨后见彩虹 阅读(279) 评论(0) 推荐(0) 编辑
摘要:module webpack 的初衷是让 js 支持模块化管理,并且将前端中的各种资源都纳入到对应的模块管理中来,所以在 webpack 的设计中,最重要的部分就是管理模块和模块之间的关系。 在 webpack 支持的前端代码模块化中,我们可以使用类似 import * as m from './i 阅读全文
posted @ 2020-06-27 17:44 风雨后见彩虹 阅读(600) 评论(0) 推荐(0) 编辑
摘要:webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个模块的代码打包。 一切文件:JavaScript、CSS、SCSS、图片、模板,在 Webpack 眼中都是一个个模块,这样的好处是能清晰的描述出各个模块之间的依赖关系,以方便 Webpack 对模块进行组合和打包。 阅读全文
posted @ 2020-06-27 11:46 风雨后见彩虹 阅读(152) 评论(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 风雨后见彩虹 阅读(368) 评论(0) 推荐(0) 编辑
摘要:HTML元素属性分类 全局属性和局部属性 属性可以分为两类:全局属性和局部属性。 其中全部元素都能使用的通用属性称为全局属性。只能运用在某些特定元素的属性,称为局部属性,例如form的action属性、textarea的rows属性等。 全局属性可简单分为5种,如下: HTML4原有的全局属性acc 阅读全文
posted @ 2020-06-13 13:12 风雨后见彩虹 阅读(134) 评论(0) 推荐(0) 编辑