godming的博客

1.需求是只能输入数字，输入框中不能有除数字外的文字查询资料发现都说加这段代码onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"但是在火狐中输入框中仍然能输入除数字外的文字，给el-input-number加input事件，因为是组件所以是@input.native：<el-input-number v-model="num" onKeypress="return (/[\d]/..

项目要求兼容ie10及以上，项目中使用ali-oss实现上传及下载，在ie10中测试时，上传及下载报错，报错如下：1、一开始觉得是ali-oss就不兼容ie10，但查阅文档，发现ali-oss兼容性为大于等于ie10;2、后来觉得可能是IE10没有兼容某个语法，但也安装配置了babel-polyfill，所以也不是这的问题；3、最后想到也许是ali-oss版本的问题，最初安装ali-oss时没有指定版本，安装的版本为6.16.0，手动卸载并安装低版本6.10.0：安装完毕，重新启..

在后台管理系统中，很多时候会有添加预览页面的需求：其实实现这种需求非常简单，这就涉及到了window.open()的使用window.open()方法：打开一个新的浏览器窗口或查找一个已命名的窗口。参数：window.open(URL,name,specs,replace)URL:可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口;name:可选。指定target属性或窗口的名称。默认是_blank，加载一个新的窗口；specs:可选。一个逗号...

一、说一下http1，http2 协议，说一下缓存机制（强弱缓存区别）。1、http1（请求报文头部）采用文本格式，在多线程连接下会阻塞，在同一时间，同一域名的请求有一定数量限制，超过限制数目的请求会被阻塞，浏览器与服务器只保持短暂的连接；2、http2（请求报文头部）采用二进制格式，完全多路复用，而非有序并阻塞的、只需一个连接即可实现并行；（解决了线头阻塞的问题，与http1最重要的区别），使用报头压缩，降低开销；...

工作中偶然遇见IOS上z-index失效了，后来查阅资料，最终解决了，在元素上加上：-webkit-transform:translateZ(1px);-moz-transform:translateZ(1px);-o-transform:translateZ(1px);transform:translateZ(1px);即可解决

今个因为一些原因，本地代码删了，所以重新clone项目，但是一直clone不下来，git报错如下：出现问题的原因： 项目过大网上查看了很多，有的说是因为网络问题，有的说是要改变postBuffer的大小，改变postBuffer:git config --global http.postBuffer 524288000但还是无法clone项目，最后试了一种办法成功了：先浅层clonegit clone --depth=1 http://xxx.git拉取完整当前分支git f

如下图所示，在Android手机微信中打开是显示时长的，但在IOS手机上打开不显示：解决方案：微信环境和IOS环境 // 微信 is_wxBrowser: function () { return /micromessenger/.test(navigator.userAgent.toLowerCase()); }, //IOS is_iOS:...

应用场景：开发过程中经常用到从master分支copy一个开发分支步骤：1.切换到被copy的分支（master），并且从远端拉取最新版本$git checkout master$git pull2.从当前分支拉copy开发分支$git checkout -b 分支名3.把新建的分支push到远端$git push origin 分支名4.关联$git b...

前言前端代码的编写永远逃不过“兼容”二词，从前PC时代，因为IE的傲娇，导致程序猿们一直在兼容IE的道路上挣扎，如今移动设备的普及，仿佛让我们看到了希望，仿佛马上就要摆脱IE了，可是！一波还未平息，一波又来侵袭，移动端确实不用考虑IE了，各种CSS新特性也用的爽到飞起，但一座大山压了过来，那就是分辨率的适配，移动端由于展示区域比较小，因此对于页面在不同分辨率手机上的展示细节也要求更加严格，这时像...

CSRF跨站点请求伪造(Cross—Site Request Forgery)我们可以这样理解：用户登录，网站A核查身份是否正确，正确就下发cookie，cookie会保存在用户的浏览器中，这就完车了一次身份认证的过程，接下来呢，用户又访问了一个网站B，网站B在给用户返回页面的时候，会携带一个引诱性的点击，这个点击往往是一个链接，这个链接一般就是网站A的API接口。当用户点击了这个链接后，这个...

XSS跨域脚本攻击安全圈内有一句非常有名的话：所有的输入都是有害的！这句话把XSS漏洞的本质体现的淋漓尽致。原理无需登录认证，核心原理就是向你的页面注入脚本。反射型：发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，XSS代码随响应内容一起传回给浏览器，最后浏览器解析执行XSS代码。存储型：存储型XSS和反射型XSS的差别仅在于，提交的代码会存储在服务端...

今天利用vue cli3模拟本地数据做项目时，发现axios调用本地数据报404错误解决后记录一下：1.vue cli@3.0版本脚手架对外暴露的静态文件入口是public文件夹(原来是static)，这里本地json文件也应该放在这里。2.需要加上本地访问域名和端口一起访问才可以：public如下：这样就解决啦~...

一. JS的单线程和浏览器的多线程1. 我们先说一下进程：进程学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。2. 什么是线程？什么是单线程？什么是多线程？线程是：程序中...

一. call，apply，bind方法得作用分别是什么1.作用改变this的指向在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。2.首先...

一. 函数防抖和函数节流作用：降低性能消耗，例如mousemove（移动）,scroll（滚动）,drag（拖拽）,resize（窗口变化）等事件，触发过程中都是需要大量的计算，这时候会很消耗内存，所以需要一点手段来降低性能消耗，这就是函数防抖和函数节流的作用。1.函数防抖：就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一...

1.file属性如何改变input的type为file时的默认样式及获取文件路径1）获取文件路径：2）改变input的type为file时的默认样式：注： 不能直接改变，智能通过一些小技巧改变<label for="fileInput">我是Lable标签</label><input type="file" id="fileInput" style="d...

1.什么是CDN?CDN (Content Delivery Network),即内容分发网络指的是一组分布在各个地区的服务器。这些服务器存储着数据的副本，因此服务器可以根据哪些服务器与用户距离最近，来满足数据的请求。 CDNs 提供快速服务，较少受高流量影响。2.作用通过 CDN 向用户分发传输相关库的静态资源文件，可以降低我们自身服务器的请求压力。大多数CDN在全球都有服务器，...

1.迭代器iterator何为迭代，迭代就是遍历，遍历就是迭代iterator是ES6的一种新的遍历机制，有两个核心1）迭代器能快捷的访问数据，通过Symbol.iterator创建迭代器，通过迭代器的next()方法获取结果2）迭代器是用于遍历数据结构的指针（数据库的游标）2.使用迭代器 let arr = [1,2,3] console.log(arr) //输出...

1.BFC概念BFC全称：（Block Formatting Context）或（Box Formatting Context）中文名： 块格式化上下文理解：具有BFC特性的元素可以看做是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的的一些特性。通俗一点来讲，可以把BFC理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外...

勇气通往天堂，怯懦通往地狱。——塞内加