摘要:文件、blob 文件下载失败,将Blob对象转换为Json,处理异常错误? 捕获异常: /** 导出文件流成功失败分别干干什么 * @param {String} res 文件流或者JSON对象(错误情况下) * @param {Boolean} blob res资源是否是blob对象,文件流 默认 阅读全文
posted @ 2019-09-02 21:06 风雨后见彩虹 阅读(540) 评论(0) 推荐(1) 编辑
摘要:代码片段 JS设计模式片段 Function.prototype.addMethod = function (name,fn) { this.prototype[name] = fn; return this; }; var Methods = function(){}; Methods.addMe 阅读全文
posted @ 2018-10-29 20:22 风雨后见彩虹 阅读(821) 评论(0) 推荐(0) 编辑
摘要:webpack等工具操作 自动创建package.json文件:npm init 如何根据package.json来自动安装包:npm install npm具体安装某个组件:npm install name -g 如何手动更新npm中指定的插件版本号:修改package.json中依赖包版本,执行 阅读全文
posted @ 2017-12-17 14:06 风雨后见彩虹 阅读(619) 评论(0) 推荐(1) 编辑
摘要:1.推荐团队博客 推荐团队 w3school w3cplus 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 gith 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(3562) 评论(0) 推荐(8) 编辑
摘要:CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为 阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读(6883) 评论(5) 推荐(4) 编辑
摘要:前言 先看一个例子,html代码如下: <ul> <li>1</li> <li>2</li> <li>3</li> </ul> CSS样式如下: html,body,ul,li { padding: 0; margin: 0; } ul { display: flex; list-style: no 阅读全文
posted @ 2021-07-12 09:21 风雨后见彩虹 阅读(7) 评论(0) 推荐(0) 编辑
摘要:为什么要进行异常处理? 很多异常是不可控的,比如资源加载异常,ajax请求异常等,会影响最终的呈现效果,做好异常处理,有大致以下几点好处: 1.增强用户体验; 2.快速定位问题原因,及时发现问题。特别是移动端,机型、系统等不一样,有了异常处理并上报,定位快; 3.完善前端监控系统方案。 需要处理哪些 阅读全文
posted @ 2021-05-14 22:45 风雨后见彩虹 阅读(82) 评论(0) 推荐(0) 编辑
摘要:使用canvas rotate实现一个旋转的矩形,并且以矩形的中心为原点,围绕原点旋转: <canvas id="canvas" width="800" height="400"></canvas> <script type="text/javascript"> var canvas = docum 阅读全文
posted @ 2021-05-08 21:51 风雨后见彩虹 阅读(74) 评论(0) 推荐(0) 编辑
摘要:在app.js中添加如下两个方法即可: // 设置需要回调的地址 setCallbackUrl: function(mode) { return new Promise((resolve,reject) => { let pages = getCurrentPages(); //获取加载的页面 le 阅读全文
posted @ 2021-04-30 17:13 风雨后见彩虹 阅读(220) 评论(0) 推荐(0) 编辑
摘要:nginx通用配置 http { # nginx负载均衡配置 upstream dynamic_balance { #ip_hash; server 192.168.100.123: 8081; } # 省略其他 server { listen 80; server_name localhost; 阅读全文
posted @ 2021-04-06 09:06 风雨后见彩虹 阅读(55) 评论(0) 推荐(0) 编辑
摘要:第一种:nginx配置 conf主要的配置代码: http { # nginx负载均衡配置 upstream dynamic_balance { #ip_hash; server 192.168.100.123: 8081; } # 省略其他 server { listen 80; server_n 阅读全文
posted @ 2021-03-30 09:17 风雨后见彩虹 阅读(333) 评论(0) 推荐(0) 编辑
摘要:方式一:live-server live-server是一款npm工具,可以在项目目录启动一个node服务,然后直接在浏览器中预览,并且自动全局监听实时更新。 两种安装方式: 全局安装 npm i live-server -g 本地安装 npm i live-server --save-dev 直接 阅读全文
posted @ 2021-03-29 09:09 风雨后见彩虹 阅读(1547) 评论(0) 推荐(0) 编辑
摘要:如果在请求中不设置超时时间,那么一直处理loading卡屏状态,使用connect-timeout来设置自动超时时间。 安装: npm install connect-timeout -S 如下例子: var timeout = require("connect-timeout"); app.use 阅读全文
posted @ 2021-03-13 10:06 风雨后见彩虹 阅读(184) 评论(0) 推荐(0) 编辑
摘要:在JSP页面头部添加如下代码: <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.get 阅读全文
posted @ 2021-03-09 18:33 风雨后见彩虹 阅读(125) 评论(0) 推荐(0) 编辑
摘要:下面demo示例,只支持实例的then和catch,代码如下: function PromiseDiffer(fn){ var self = this; this.status = 'pendding'; this.value = undefined; this.reason = null; fun 阅读全文
posted @ 2021-03-05 09:19 风雨后见彩虹 阅读(88) 评论(0) 推荐(1) 编辑
摘要:前提知识 canvas是提供了各种各样的接口去控制画布,比如旋转rotate方法。 这里的旋转并不是真的把这个画布旋转了,例如ctx.rotate(90 * Math.PI / 180)顺时针旋转90°了,并不是说我们在页面上就会看到canvas旋转了90°。我们可以理解为其实canvas是有两个部 阅读全文
posted @ 2021-02-27 10:07 风雨后见彩虹 阅读(294) 评论(0) 推荐(0) 编辑
摘要:题目一 const promise = new Promise((resolve, reject) => { console.log(1); resolve(); console.log(2); }) promise.then(() => { console.log(3); }) console.l 阅读全文
posted @ 2021-02-27 09:59 风雨后见彩虹 阅读(194) 评论(0) 推荐(0) 编辑
摘要:前言 在展开性能优化的话题前,看一个常见的问题: 从输入 URL 到页面加载完成,发生了什么? 首先我们需要通过 DNS(域名解析系统)将 URL 解析为对应的 IP 地址,然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接,随后我们向服务端抛出我们的 HTTP 请求,服务端处理完我们 阅读全文
posted @ 2021-02-24 08:41 风雨后见彩虹 阅读(287) 评论(0) 推荐(0) 编辑
摘要:七种错误类型如下: Error EvalError RangeError ReferenceError SyntaxError TypeError URIError 其中,Error是基类型(其他六种类型的父类型),其他类型继承自它。Error类型很少见,一般由浏览器抛出的。这个基类型主要用于开发人 阅读全文
posted @ 2021-02-19 20:38 风雨后见彩虹 阅读(33) 评论(0) 推荐(0) 编辑
摘要:字符串的扩展 codePointAt JavaScript 内部,字符以 UTF-16 的格式储存,每个字符固定为2个字节。对于那些需要4个字节储存的字符(Unicode 码点大于0xFFFF的字符),JavaScript 会认为它们是两个字符。 codePointAt方法是测试一个字符由两个字节还 阅读全文
posted @ 2021-02-19 20:37 风雨后见彩虹 阅读(59) 评论(0) 推荐(0) 编辑
摘要:let命令 基本用法 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 根据上面结果显示,let声明的变量只在它所在的代码块有效。 实例1: var a = []; for (var i = 0; i < 阅读全文
posted @ 2021-02-19 12:45 风雨后见彩虹 阅读(80) 评论(0) 推荐(0) 编辑
摘要:插件介绍 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种: 1.添加全局方法或者属性,如: vue-custom-element 2.添加全局资源:指令/过滤器/过渡等,如 vue-touch 3.通过全局 mixin 方法添加一些组件选项,如: vue-router 4. 阅读全文
posted @ 2021-02-18 15:02 风雨后见彩虹 阅读(399) 评论(0) 推荐(0) 编辑
摘要:1.path.basename(path[, ext]) path <string> ext <string> 可选的文件扩展名。 返回: <string> path.basename() 方法会返回 path 的最后一部分,类似于 Unix 的 basename 命令。 尾部的目录分隔符会被忽略, 阅读全文
posted @ 2021-02-05 22:53 风雨后见彩虹 阅读(60) 评论(0) 推荐(0) 编辑
摘要:vue+webpack使用ProvidePlugin插件引入jquery 先看一个实例,webpack+vue引入jquery并全局使用,这儿指通过配置,不是在静态页面使用script标签直接引入jquery。 在webpack配置中跟module同级中添加plugins,代码如下: const w 阅读全文
posted @ 2021-02-05 21:15 风雨后见彩虹 阅读(267) 评论(0) 推荐(0) 编辑
摘要:如下例子: 1. var set = new Set([1, 2, 3, 4, 4,4,4,4,2,2,2]) set=[...set] 2. let [head, ...tail] = [1, 2, 3, 4]; 3. let [x, y, ...z] = ['a']; 第一个叫做 展开运算符(s 阅读全文
posted @ 2021-02-04 17:45 风雨后见彩虹 阅读(56) 评论(0) 推荐(0) 编辑
摘要:使用JSON.parse(JSON.stringify(object))实现深拷贝局限 大部分情况我们都可以使用JSON.parse(JSON.stringify(object))来实现深拷贝,但该方法也有局限性,如下: 会忽略 undefined 会忽略 symbol 不能序列化函数 不能解决循环 阅读全文
posted @ 2020-12-23 08:46 风雨后见彩虹 阅读(313) 评论(0) 推荐(0) 编辑
摘要: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 风雨后见彩虹 阅读(226) 评论(0) 推荐(0) 编辑
摘要:实例 父页面发消息给子页面,子页面接收消息后回复父页面。 父页面代码: <body> 父级页面: <button id="btn">给iframe子页面传递消息button</button> <iframe src="index2.html" id="iframe1"></iframe> <scri 阅读全文
posted @ 2020-11-19 22:16 风雨后见彩虹 阅读(423) 评论(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 风雨后见彩虹 阅读(1435) 评论(0) 推荐(1) 编辑
摘要:基本思路 实现思路:实现一个mixins混入的主题js即theme.js,注册到全局下。使用el-color-picker组件切换颜色的时候,把颜色值传递到根root下,在根实例下监听主题色的变化来更改页面的主题,然后所有具体的路由页面的主题色修改通过在APP.vue页面监听路由变化来调用改变主题色 阅读全文
posted @ 2020-11-12 08:48 风雨后见彩虹 阅读(1868) 评论(0) 推荐(0) 编辑