随笔分类 - 前端问题
摘要：浏览器对于我们来说，可能是最熟悉的工具了。熟知的浏览器Firefox、Opera、Safari、IE、Chrome以外，据说世界上还有近百种浏览器。通常在开发的时候要做到兼容各种浏览器，因此提炼出判断浏览器类型及系统是很重要的。 //各主流浏览器 // 各主流浏览器 function getBrow
阅读全文
摘要：在项目中涉及到权限验证部分的问题，用火狐浏览器就可以，但是谷歌浏览器权限就一直失败 查找了代码及接口返回数据等问题后发现还是不行 问了大佬大佬说可能是谷歌浏览器cookie丢失的问题 再对谷歌和火狐的接口请求头进行对比以后发现确实谷歌没有cookie 参考： chrome cookie 无法携带 h
阅读全文
摘要：图片转换成base64格式的优缺点 1. 优点 （1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗； （2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。 （3）base64编码的字符串，更适合不同平台、
阅读全文
摘要：来源：https://www.cnblogs.com/relucent/p/4274158.html 什么是跨域 当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.google.com)，那么我们就可以认为它们是相同的域（协议，域名，端口都必须相同）。 跨域就指
阅读全文
摘要：一、jquery function fomatterTel(val, old) {//val: 当前input的值，old: input上次的值 var str = ""; var telLen = val.length; if (old.length <= telLen) { if (telLen
阅读全文
摘要：本文链接：https://blog.csdn.net/Young__Fan/article/details/80152501"./"：代表目前所在的目录。 " . ./"代表上一层目录。 "/"：代表根目录。 举个栗子：在读取文件时,路径的写法有如下方式 1、文件在当前目录（以图像文件为例，当前项目
阅读全文
摘要：前端通过url下载文件方法 产生背景 浏览器通过url下载文件，当浏览器识别出资深能播放的资源文件，就不会走下载流程，会直接打开 解决方法 1.让后台转成请求的方式，输出文件流（如果想实现批量下载-因为浏览器会误判多文件下载是个攻击，可新建iframe通过src实现批量下载） 2.a标签， h5的d
阅读全文
摘要：链接：https://blog.csdn.net/larger5/article/details/81286324
阅读全文
摘要：原文：https://blog.csdn.net/liufunan/article/details/50715053 1：最简单的标签 <a href="xxx.xxx?username='liufukin'">请求服务器</a>2:用的最多的表单 <form action="xxx.xxx" me
阅读全文
摘要：什么是网站鉴权，目的是什么？一般来说，一个网站不可能只有一种操作权限。举个例子，可能存在未登录的操作权限，登录的操作权限，以及管理员的操作权限等。网站鉴权的目的就是用户在进行操作前，对用户的身份进行识别并判断其是否具有该操作权限的过程。网站鉴权的几种方式这里我们将问题简单化，即操作权限只区分用户是否
阅读全文
摘要：一、JS的三种最常见的对话框 [javascript] view plain copy // JS最常用三种弹出对话框 //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息！"); } //弹出一个询问框，有确定和取消按钮 function
阅读全文
摘要：本文链接：https://blog.csdn.net/qq965194745/article/details/80034993 实现思路https://blog.csdn.net/q1w2e3r4470/article/details/72702406 我主要是借鉴了这篇博客的思路 我来简述一下他的
阅读全文
摘要：目前，最为流行的浏览器共有五个：分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）Safari和Opera五大浏览器。 Trident内核：IE ，360，，猎豹，百度； Gecko内核：火狐 >这个浏览器内核是开源的浏览器内核，插件非常多， >缺点：打开速度慢（加载flash插件）
阅读全文
摘要：代码来源忘记是哪个大神的了，抱歉抱歉 放上源码： <!-- 虚拟键盘 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>虚拟键盘</title> <style> #inputArea{position: absolute
阅读全文
摘要：需要通过后台接口传的数据对相应的状态码进行颜色的显示，但是因为还没有部署到后台，接口也没有，就自己模拟了一个数字进行操作演示 但是在写的过程中碰到了一个问题，先前的颜色是好好的，但是想根据状态码去添加相应的颜色，发现覆盖不了，这个效果是实现不了的，上网上搜了下发现vue和jQuery不能同时使用，一
阅读全文
摘要：调度：setTimeout和setInterval 调度：setTimeout和setInterval 我们可能决定不立即执行某个功能，但在某个时间之后执行。这叫做“安排一个电话”。 它有两种方法： setTimeout 允许我们在一段时间后运行一次函数。 setInterval 允许我们重复运行一
阅读全文
摘要：二进制与十进制之间的转换 十进制转二进制 方法为：十进制数除2取余法，即十进制数除2，余数为权位上的数，得到的商值继续除2，依此步骤继续向下运算直到商为0为止。 如下图： 二进制转十进制 方法为：把二进制数按权展开、相加即得十进制数。 二进制与八进制之间的转换 二进制转八进制 方法为：3位二进制数按
阅读全文
摘要：1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height:
阅读全文
摘要：来源：https://blog.csdn.net/wuyufa1994/article/details/85143693 从布局出发：宽度自适应，常用百分比的方式。由于父级元素采用百分比的布局方式，随着屏幕的拉伸，它的宽度会无限的拉伸。而子元素由于采用了浮动，那么它们的位置也会固定在两端。该宽度自适
阅读全文
