随笔分类 - 前端
摘要：<div class="wrap"> <img class="img" src="" /> </div> .wrap { overflow: hidden; width: 100%; height: 0; padding-bottom: 50%; } .img { width: 100%; }
阅读全文
摘要：下载 iconfont官网 → 我的项目 → 下载至本地 → 解压 → 得到 iconfont.css 文件 项目中添加css文件 将 iconfont.css 拷贝到项目目录中，放css文件的目录下 打开编辑 iconfont.css ，将 .iconfont{} 后面所有的内容删除 将本地字体文
阅读全文
摘要：重构老项目，发现后端接口支持的请求类型是 form-data,导致 axios 请求失败。 找到了一些解决方案，发现这种方式侵入性小，比较靠谱，所以记录一下。 axios 发送 form-data 或者 x-www-form-urlencoded 请求的配置 ↓↓↓ import request f
阅读全文
摘要：var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var
阅读全文
摘要：基本 import axios from 'axios' const baseURL = process.env.NODE_ENV 'production' ? 'https://api.995120.cn/' : 'http://api-test.995120.cn/'; // 生产 : 测试 c
阅读全文
摘要：目录什么是BFC？形成BFC的条件？BFC的特性BFC的应用代码检验参考资料 什么是BFC？ BFC(Block formatting context)直译为"块级格式化上下文" 是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 作用： 父级元素形成独立渲染
阅读全文
摘要：一、同源策略 什么是同源策略 出于安全考虑，浏览器要求：ajax请求的 协议、域名、端口，必须与当前页面的一致。 它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器都会使用这个策略。 不受同源策略约束的场景 <img src="跨域的图片地址" /> <
阅读全文
摘要：1、 >>> 外层容器 >>> 组件 { } // stylus && less 2、/deep/ 外层容器 /deep/ 组件 { } // less 3、::v-deep 外层容器 ::v-deep 组件 { } // scss && less // 示例 1 .wrapper ::v-deep
阅读全文
摘要：什么是导航守卫 “导航”表示路由正在发生改变。 类似于 Vue 的生命周期钩子函数，在路由发生改变时触发。 导航守卫的类别 全局守卫 全局守卫，在每一次路由改变时都触发。因为是写在 router文件 当中所以没有办法获得 vue 实例。 全局前置守卫: 当一个导航触发时，全局前置守卫按照创建顺序调用
阅读全文
摘要：function ScollPostion() { var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { // 在xhtml标准网页或者更简单的说是带< !DOCTYPE..>标签的
阅读全文
摘要：API 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offse
阅读全文
摘要：定义 HTTP Cookie（也叫 Web Cookie / 浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的H
阅读全文
摘要：ECMAScript 中所有函数的参数都是按值传递的。 也就是说，把函数外部的值复制给函数内部的参数（值从一个变量复制到另一个变量一样）。 代码验证 向参数传递基本类型 function addTen(num) { num += 10; } var count = 20; addTen(count)
阅读全文
摘要：定义 Math.round()返回四舍五入后最接近的整数。 语法 Math.round(x) 参数 x 一个数值 示例 Math.round( 20.49); // 20 Math.round( 20.5 ); // 21 Math.round( 42 ); // 42 Math.round(-20
阅读全文
摘要：CommonJS 用于服务器 浏览器加载 CommonJS 模块的原理与实现 AMD 用于浏览器 ES6 Module 的语法 太长不看版：ES6 Module export命令 和 import命令 ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。 ES6 模
阅读全文
摘要：详细版本： JavaScript 模块体系 export 命令 // 写法1、直接导出 export var firstName = 'Michael'; // 写法2、变量导出 var firstName = 'Michael'; export { firstName }; // 写法3、重命名导
阅读全文
摘要：字节序 字节序，或字节顺序（"Endian"、"endianness" 或 "byte-order"），描述了计算机如何组织字节，组成对应的数字。 每个内存存储位置都有一个索引或地址。每一 字节可以存储一个8位数字（即 介于0x00 和 0xff 之间），因此，你必须保留不止一个字节来储存一个更大的
阅读全文
摘要：全局不透明度 globalAlpha globalAlpha = 1 （Default） var canvas = document.getElementById('canvas') canvas.width = 1200; canvas.height = 800; var context = ca
阅读全文
摘要：接口 context.shadowColor // 颜色 context.shadowOffsetX // X 位移 context.shadowOffsetY // Y 位移 context.shadowBlur // 模糊程度 示例 代码 var canvas = document.getEle
阅读全文
摘要：基础使用 context.font = "bold 40px Arial" context.fillStyle = "#058" context.fillText( string, x, y, [maxlen] ) // 实心文字 context.strokeText( string, x, y [
阅读全文
