前端基础技术
梦想家小阿新
关我屁事,关你屁事
展开
-
前端性能优化总结
一、前端指标1、FP,First Paint。2、FCP,First Content Paint。3、FMP,First Meaning Paint。4、ATF,Above The Fold,首屏时间。5、TTI,Time To Interact,首次交互时间,可以用DomReady时间。6、资源总下载时间。Load时间 >= DomContentLoaded时间。 - Dom加载完时间,DomContentLoaded。 - 页面资源加载完时间,Load,包括图片,音视频等异步资源。转载 2021-02-22 15:09:12 · 189 阅读 · 0 评论 -
BFC(Block Formatting Contexts 块级格式化上下文)基础理解
简介:Block Formatting Contexts 块级格式化上下文触发条件:1、body 根元素2、浮动元素:float 除 none 以外的值3、绝对定位元素:position (absolute、fixed)4、display 为 inline-block、table-cells、flex、grid5、overflow 除了 visible 以外的值 (hidden、auto、scroll)作用:1、两栏或三栏自适应布局 (float div ,div2 BFC同层展示)2、解原创 2021-01-29 16:32:29 · 147 阅读 · 0 评论 -
前端模块中的Require 和 Import 的区别
前端中的Require 和 Import 的区别介绍:Require 遵循commonJS 规范,早些年前端自成一派的江湖体系、统治了ES6之前的所有模块化编程,同阶段还有AMD、CMD。Import 为 W3C es6 的新特性,官方体系。区别一:编写方式// require 只有如下方式const fs = require('fs')exports.fs = fsmodule.exports = fs// import 多种多样import fs from 'fs'import原创 2021-01-29 16:24:34 · 605 阅读 · 0 评论 -
mac解决node端口号被占用问题(Error: listen EADDRINUSE: address already in use 127.0.0.1:端口号)
Error: listen EADDRINUSE: address already in use 127.0.0.1:端口号;1、控制台输入sudo lsof -i:端口号2、sudo kill -9 pid (如图:sudo kill -9 304)原创 2020-08-10 10:40:39 · 2962 阅读 · 0 评论 -
前端基本的数据结构和算法了解
提到数据结构与算法都感觉这应该是后端要掌握的知识,对前端来说只要写写页面,绑定事件,向后台发发数据就好了,用不到数据结构与算法,也许对于一些数据查找 简单的for循环就能搞定,也许只是提高了几毫米而已,可忽略不计,假入node做后台开发的时候,一次请求节约的几毫米,千万次请求节约的就不是毫秒的时间的,数据结构是作为高级程序工程师必会的知识先来看看js数据类型基本类型(栈 stack) : Numb...转载 2018-11-06 17:56:36 · 8307 阅读 · 0 评论 -
解决Framework7(f7)路由无法匹配到页面(组件),输入指定地址带路由没反应。
无论你是framework7+react 还是 framework7+vue ,只要你发现自己用了f7的路由,却无法通过输入地址跳转指定组件,且你的路由配置没有问题,那么在f7配置的时候请加上一行神奇的代码:...原创 2019-04-26 15:28:59 · 1961 阅读 · 0 评论