- 博客(27)
- 收藏
- 关注
RSS订阅原创 elementui中的el-input-number只能输入数字
1.需求是只能输入数字，输入框中不能有除数字外的文字查询资料发现都说加这段代码onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"但是在火狐中输入框中仍然能输入除数字外的文字，给el-input-number加input事件，因为是组件所以是@input.native：<el-input-number v-model="num" onKeypress="return (/[\d]/..
2021-11-24 16:25:03
4377
1
原创 ali-oss兼容IE10
项目要求兼容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：安装完毕，重新启..
2021-11-24 11:21:32
211
原创 window.open()的使用
在后台管理系统中，很多时候会有添加预览页面的需求：其实实现这种需求非常简单，这就涉及到了window.open()的使用window.open()方法：打开一个新的浏览器窗口或查找一个已命名的窗口。参数：window.open(URL,name,specs,replace)URL:可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口;name:可选。指定target属性或窗口的名称。默认是_blank，加载一个新的窗口；specs:可选。一个逗号...
2021-08-24 11:31:57
1233
原创 前端引用字体包
一、说一下http1，http2 协议，说一下缓存机制（强弱缓存区别）。1、http1（请求报文头部）采用文本格式，在多线程连接下会阻塞，在同一时间，同一域名的请求有一定数量限制，超过限制数目的请求会被阻塞，浏览器与服务器只保持短暂的连接；2、http2（请求报文头部）采用二进制格式，完全多路复用，而非有序并阻塞的、只需一个连接即可实现并行；（解决了线头阻塞的问题，与http1最重要的区别），使用报头压缩，降低开销；...
2021-08-24 10:40:59
1079
原创 IOS上z-index和fixed定位无效
工作中偶然遇见IOS上z-index失效了，后来查阅资料，最终解决了，在元素上加上：-webkit-transform:translateZ(1px);-moz-transform:translateZ(1px);-o-transform:translateZ(1px);transform:translateZ(1px);即可解决
2021-05-08 20:32:49
242
原创 Git拉取项目失败
今个因为一些原因，本地代码删了，所以重新clone项目，但是一直clone不下来，git报错如下：出现问题的原因： 项目过大网上查看了很多，有的说是因为网络问题，有的说是要改变postBuffer的大小，改变postBuffer:git config --global http.postBuffer 524288000但还是无法clone项目，最后试了一种办法成功了：先浅层clonegit clone --depth=1 http://xxx.git拉取完整当前分支git f
2021-02-04 19:14:47
1848
原创 移动端解决IOS微信下audio时长不显示
如下图所示，在Android手机微信中打开是显示时长的，但在IOS手机上打开不显示：解决方案：微信环境和IOS环境 // 微信 is_wxBrowser: function () { return /micromessenger/.test(navigator.userAgent.toLowerCase()); }, //IOS is_iOS:...
2020-02-21 19:19:37
2655
原创 基于master分支创建新分支
应用场景：开发过程中经常用到从master分支copy一个开发分支步骤：1.切换到被copy的分支（master），并且从远端拉取最新版本$git checkout master$git pull2.从当前分支拉copy开发分支$git checkout -b 分支名3.把新建的分支push到远端$git push origin 分支名4.关联$git b...
2020-02-20 13:32:02
2795
1
原创 前端移动端适配大法
前言前端代码的编写永远逃不过“兼容”二词，从前PC时代，因为IE的傲娇，导致程序猿们一直在兼容IE的道路上挣扎，如今移动设备的普及，仿佛让我们看到了希望，仿佛马上就要摆脱IE了，可是！一波还未平息，一波又来侵袭，移动端确实不用考虑IE了，各种CSS新特性也用的爽到飞起，但一座大山压了过来，那就是分辨率的适配，移动端由于展示区域比较小，因此对于页面在不同分辨率手机上的展示细节也要求更加严格，这时像...
2019-12-16 23:52:00
549
原创 前端安全问题——CSRF跨站点请求伪造
CSRF跨站点请求伪造(Cross—Site Request Forgery)我们可以这样理解：用户登录，网站A核查身份是否正确，正确就下发cookie，cookie会保存在用户的浏览器中，这就完车了一次身份认证的过程，接下来呢，用户又访问了一个网站B，网站B在给用户返回页面的时候，会携带一个引诱性的点击，这个点击往往是一个链接，这个链接一般就是网站A的API接口。当用户点击了这个链接后，这个...
2019-12-06 09:49:33
322
原创 前端安全性问题——XSS跨域脚本攻击
XSS跨域脚本攻击安全圈内有一句非常有名的话：所有的输入都是有害的！这句话把XSS漏洞的本质体现的淋漓尽致。原理无需登录认证，核心原理就是向你的页面注入脚本。反射型：发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，XSS代码随响应内容一起传回给浏览器，最后浏览器解析执行XSS代码。存储型：存储型XSS和反射型XSS的差别仅在于，提交的代码会存储在服务端...
2019-12-06 09:27:00
532
原创 vue cli3.0用axios调用本地json数据一直报404
今天利用vue cli3模拟本地数据做项目时，发现axios调用本地数据报404错误解决后记录一下：1.vue [email protected]版本脚手架对外暴露的静态文件入口是public文件夹(原来是static)，这里本地json文件也应该放在这里。2.需要加上本地访问域名和端口一起访问才可以：public如下：这样就解决啦~...
2019-12-02 20:31:23
573
原创 面试题（三）
一. JS的单线程和浏览器的多线程1. 我们先说一下进程：进程学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。2. 什么是线程？什么是单线程？什么是多线程？线程是：程序中...
2019-12-02 11:52:58
337
1
原创 面试题（二）
一. call，apply，bind方法得作用分别是什么1.作用改变this的指向在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。2.首先...
2019-12-01 19:59:31
127
原创 前端面试题（一）
一. 函数防抖和函数节流作用：降低性能消耗，例如mousemove（移动）,scroll（滚动）,drag（拖拽）,resize（窗口变化）等事件，触发过程中都是需要大量的计算，这时候会很消耗内存，所以需要一点手段来降低性能消耗，这就是函数防抖和函数节流的作用。1.函数防抖：就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一...
2019-12-01 19:01:37
183
原创 input标签
1.file属性如何改变input的type为file时的默认样式及获取文件路径1）获取文件路径：2）改变input的type为file时的默认样式：注： 不能直接改变，智能通过一些小技巧改变<label for="fileInput">我是Lable标签</label><input type="file" id="fileInput" style="d...
2019-11-22 15:20:34
99
原创 CND首屏加速
1.什么是CDN?CDN (Content Delivery Network),即内容分发网络指的是一组分布在各个地区的服务器。这些服务器存储着数据的副本，因此服务器可以根据哪些服务器与用户距离最近，来满足数据的请求。 CDNs 提供快速服务，较少受高流量影响。2.作用通过 CDN 向用户分发传输相关库的静态资源文件，可以降低我们自身服务器的请求压力。大多数CDN在全球都有服务器，...
2019-11-22 09:25:15
261
原创 浅谈ES6的迭代器和生成器
1.迭代器iterator何为迭代，迭代就是遍历，遍历就是迭代iterator是ES6的一种新的遍历机制，有两个核心1）迭代器能快捷的访问数据，通过Symbol.iterator创建迭代器，通过迭代器的next()方法获取结果2）迭代器是用于遍历数据结构的指针（数据库的游标）2.使用迭代器 let arr = [1,2,3] console.log(arr) //输出...
2019-11-19 12:00:06
414
3
原创 BFC
1.BFC概念BFC全称：（Block Formatting Context）或（Box Formatting Context）中文名： 块格式化上下文理解：具有BFC特性的元素可以看做是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的的一些特性。通俗一点来讲，可以把BFC理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外...
2019-11-19 10:12:18
103
原创 vue2..0脚手架安装过程
1.安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具输入命令node -v，如果出现对应版本号，就说明安装成功了。2.安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vuecnpm install vue4.安装...
2019-11-15 17:05:33
563
原创 解决vue 打包发布去掉#和页面空白的问题
1.vue项目中config文件下index.js中打包配置build: { // Template for index.html index: path.resolve(__dirname, '../yjm/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../yjm'), assetsSubDirector...
2019-11-06 19:53:27
1390
原创 ES6数组新方法
一.数组的类数组的类是Array二.数组的定义 var arr=[元素] var arr=new Array(3) // 数字3，代表有三个元素或者三个空位。 // 如果数组定义采用 new 实例，类中跟的是一个数字 n ，代表有 n 个元素。 var arr=new Array("6") // 有一个元素，并且这个元素是6三.数组的方法of 方法1. A...
2019-11-05 20:59:49
159
原创 keep-alive详解@昕
一.介绍keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和transition 相似，keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件中。二.具体使用1.使用router.meta，预先定义好要缓存的组件 <keep-alive> <router-view v-if="$route.me...
2019-11-05 19:48:03
229
原创 vuex和localStorage实现购物车的长期保存@帅名
1.首先简单封装一个localStorage()方法：const storage = { set(key, value){ // 调用这个方法时候传入一个 key 和 value // 将传入的 value 转换成JSON 字符串 localStorage.setItem(key,JSON.stringify(value)) ...
2019-11-01 09:55:51
1199
2
原创 git上传项目全部流程
一. 下载git首先进入网站 https://git-scm.com/downloads下载git，根据电脑64或32位选择适合的下载，点击下载，一直点击下一步即可完成安装。安装完成后，鼠标右击桌面，会发现多了两条选项，选择：“Git Bash Here”,点击进入git命令行。二.在github上建立远程仓库首先登陆，没有github账号先注册，点击绿色的new即可建立仓库三.通过g...
2019-10-29 10:40:55
277
原创 如何打包webpack
1、在项目的基础上npm run build2、打包完成后生成一个dist目录，上线需要将dist目录上传就可以3、注意路径问题 默认的情况下路径会报错在config文件夹里找到index.js文件dev{assetsPublicPath: ‘/’改为 assetsPublicPath: ‘./’(当前目录下的)}build:{assetsPublicPath: ‘/’改为 a...
2019-10-29 09:38:26
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人