普通网友-CSDN博客

原创前端攻略系列(二) - 前端各种面试题

介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。介绍CSS盒模型。CSS层叠是什么？介绍一下。都知道哪些CSS浏览器兼容性问题。有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容…JavaScript基础相关================HTTP协议的状态消息都有哪些？(如200、302对应的描述)AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决..

2022-05-05 19:05:54 449

原创前端提高篇（四十七）练习4

问题3：当屏幕较小时，点击右上角的’=’，来控制ul的显示与隐藏，如果用js来判断，并设置display，var gnMore = document.getElementsByClassName(‘gn-more’)[0],gnList = document.getElementsByClassName(‘gn-list’)[0];gnMore.onclick = function(){if (gnList.style.display == ‘flex’){gnList.style.disp..

2022-05-05 19:03:42 67

原创前端提高篇（三十三）CSS回顾

css回顾css文件中定义了很多次背景颜色：body {background-color: orange;}body {background-color: blue;}body {background-color: brown;}body {ba 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 ckground-color: blueviolet;}body {background-color:..

2022-05-05 19:02:12 61

原创前端工程化之webpack

mini-css-extract-plugin: 分离样式文件，CSS 提取为独立文件，支持按需加载clean-webpack-plugin: 目录清理speed-measure-webpack-plugin: 可以看到每个 Loader 和 Plugin 执行耗时 (整个打包耗时、每个 Plugin 和 Loader 耗时)webpack-bundle-analyzer: 可视化 Webpack 输出文件的体积 (业务组件、依赖第三方模块)**5、**是否写过Loader？简单描述一下编写load

2022-05-05 18:59:53 160

原创前端入门篇（四十八）JS应用3自动切换焦点图问题记录

css代码：注意设置show时，如果不写#right .show，样式不生效，前置#right ，权重与前面的#right img一致，就会生效效果：[](()2.在左半部分加一个外框的效果，点击到哪个小图，就会有一个外框图片html代码：css代码：.box {position: relative;}#pointer {position: absolute;top: 0;left: 0;margin-top: 4px;}效果：...

2022-05-05 18:56:16 130

原创前端js常用正则验证

//Email正则var ePattern = /^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;//输出 trueconsole.log(ePattern.test(“[email protected]”));[](()6 手机号码正则//手机号正则var mPattern = /^1[34578]\d{9}$/;//输出 trueconsole.log(mPattern.test(“17694537162”));[](()

2022-05-05 18:54:19 182

原创前后端交互——上传文件与FormData

服务器文件const Koa = require(“koa”);const static = require(“koa-static”);const Router = require(“koa-router”);const userData = require(“./data/users.json”);const koaBody = require(“koa-body”);const fs = require(“fs”);const mysql2 = require(“mysql2”);co

2022-05-05 18:52:38 1361

原创到了2020年，年薪80w的阿里P7专家，顶尖的技术人才只因做到了这几点

缓存==源码层面无死角解析NETTY==============RPC构建分布式========Spring Boot===========Spring Cloud============Docker======kebernetes==========Spring源码解析==========MyBatis源码解析===========Dubbo源码解析=========SpringMVC源码解析=============从底层向上网络原理解.

2022-05-05 18:50:19 373

原创凭借-2021前端字节跳动真题解析，成功拿下字节跳动offer

了解box-sizing吗？什么是 BFC了解盒模型吗？说一下你知道的position属性，都有啥特点？两个div上下排列，都设margin，有什么现象？清除浮动有哪些方法？JavaScript 基础问：0.1 + 0.2 === 0.3 嘛？为什么？JS 数据类型JS 整数是怎么表示的？Number() 的存储空间是多大？如果后台发送了一个超过最大自己的数字怎么办写代码：实现函数能够深度克隆基本类型事件流事件是如何实现的？new 一个函数发生了什么new 一个构造函数.

2022-05-05 18:48:13 107

原创 JavaScript入门第十九章（JS补充知识点）

4.内存主要有两部分:栈与堆2.共享引用JS中实际对象传值不是真正的引用传值（传地址），而是传递引用的副本（call by sharing）：按共享传递对象赋值的本质是对象引用的副本保存副本的对象如果是对对象本身进行操作：那么就是引用（操作原对象）保存副本的对象如果是重新赋值：那么就重新开辟存储空间// 1.对象共享传递var obj1 = { name: ‘我是本体’ };// 2.对象引用（共享）var obj2 = obj1;var obj3 = obj.

2022-05-04 20:07:04 27

m0_70521596的博客