随笔分类 - web前端
摘要：设备像素比 = 物理像素 / 逻辑像素 1、物理像素 显示器上最小的物理显示单元（像素颗粒），在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。 例如：手机大小固定，物理像素越高，画面越清晰细腻。 2、逻辑像素 可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素，也
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：单页应用会随着项目越大，导致首屏加载速度很慢！！！结合目前商城 h5 的首屏加载，以下给出几种优化方案： 使用 CDN 资源，减小服务器带宽压力 路由懒加载 按需加载三方资源，如 vant,建议按需引入 vant 中的组件 使用 nginx 开启 gzip 减小网络传输的流量大小 首页引入的自定义组
阅读全文
摘要：<Table :columns="htitle" :data="data"></Table> { title: '操作', key: 'operation', render: (h, params) => { const btnList = [ { text: "编辑", cb: this.hand
阅读全文
摘要：html <Form :label-width="100" :rules="ruleValidate" :model="editInfo" ref="addNewForm"> <Row> <Col span="24"> <Form-item prop="name" label="挂件名称"> <In
阅读全文
摘要：答案是可以的！！！ 加一下下面这个属性指定body即可。这样可以避免子组件fixed元素被父组件fixed元素遮挡的问题。。。
阅读全文
摘要：$(document).ready(function(){ //彩铃逻辑 // console.log($(".ringstone_audio").length) if($(".ringstone_audio").length>0){//online_id:3400 var ringstone_au
阅读全文
摘要：ec-sdk.js // 基于window.onerror 收集前端错误信息 window.onerror = function(message, url, line) { if (!url) return; var msg = {}; //记录客户端环境 msg.ua = window.navig
阅读全文
摘要：1、为什么要处理异常？ 增强用户体验； 远程定位问题，未雨绸缪，及早发现问题及早处理； 无法复现问题，尤其是移动端，可以查找日志； 收集错误产生的系统信息，如浏览器，机型等； 完善的前端方案，前端监控系统； 对于 JS 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使
阅读全文
摘要：promise基础用法 const a = 1,b=2; //promise基础用法 const laopo = new Promise((resolve,reject)=>{ if(a == 2){ resolve(a); }else{ reject(a-1); } }) laopo.then(r
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js导入excel</title> </head> <body> <input type="file"onchange="importf(this)" /> <p id="exce
阅读全文
摘要：//在main.js设置全局的请求次数，请求的间隙 axios.defaults.retry = 4; axios.defaults.retryDelay = 1000; axios.interceptors.response.use(undefined, function axiosRetryIn
阅读全文
摘要：.loading{ display: inline-block; height: .24rem; width: .24rem; border-radius: 100%; border: 2px solid #666; border-bottom-color: transparent; positio
阅读全文
摘要：Vue CLI3 开启gzip压缩 你真的了解 gzip 吗？ https://zhuanlan.zhihu.com/p/24764131 webpack插件相关文档： https://www.html.cn/doc/webpack2/plugins/compression-webpack-plug
阅读全文
摘要：{-webkit-animation: scaleout 1.2s infinite ease-in-out; animation: scaleout 1.2s infinite ease-in-out;} @keyframes scaleout { 0% { transform: scale(1.
阅读全文
摘要：https://blog.csdn.net/Andrew83/article/details/80353489?depth_1.utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-tas
阅读全文
摘要：https://www.jianshu.com/p/4f37f4744dee
阅读全文
摘要：https://juejin.im/post/5e40fed2e51d4526ea7ee664
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-
阅读全文
