前端
关注
分享
扫一扫
文章平均质量分 73
Dora_5537
这个作者很懒，什么都没留下…
展开
-
CLI相关的一些好文章
如何写一个标准的前端脚手架 - 知乎为什么我们需要一套脚手架为什么我们需要一套脚手架，它能帮助我们解决哪些痛点问题。 前端项目配置越来越繁琐、耗时，重复无意义的工作项目结构不统一、不规范前端项目类型繁多，不同项目不同配置，管理成本高脚…https://zhuanlan.zhihu.com/p/105846231是时候复习下 Webpack 了别看了，有点长,还是收藏吧https://mp.weixin.qq.com/s/rUIXkPWXAn_N9aYRPNcaNQ掘金https://juejin.cn/po原创 2021-10-26 20:24:45 · 187 阅读 · 0 评论 -
【前端】移动端白屏问题及其优化方案
很多无线端都使用前端模板进行数据渲染，在糟糕的网速情况下，一进去页面，看到的不是白屏就是 loading，这就是白屏问题。此问题发生的原因基本可以归结为网速、静态资源。1、css文件加载需要一些时间，在加载的过程中页面是空白的。解决：可以考虑将css代码前置和内联。2、首屏无实际的数据内容，等待异步加载数据再渲染页面导致白屏。解决：在首屏直接同步渲染html，后续的滚屏等...转载 2019-06-18 17:35:21 · 5086 阅读 · 0 评论 -
【应用】实现直播点赞按钮的冒泡功能
题目描述：实现直播点赞按钮的冒泡功能。参考网址：Here代码如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>jQuery仿直播app按钮点赞特效</title> <meta na...原创 2019-04-21 13:02:40 · 1393 阅读 · 0 评论 -
【Webpack】Webpack4.x
前言目前为止，webpack 在 GitHub 上已拥有 48.8k 的 star，在前端代码打包器领域内，算得上是 时下最流行的前端打包工具。它可以分析各个模块的依赖关系，最终打包成我们常见的静态文件：.js 、 .css 、 .jpg 、.png，极大地提升了开发至发布过程的效率。所以，不少人称它为：模块打包机。webpack 工作流程图一、webpack4.x 的开发环境配置...转载 2019-05-28 19:15:03 · 286 阅读 · 0 评论 -
【Webpack】Webpack 入门以及常见 Loader 和常用插件的使用
1. Webpack属于模块化方案，它能让任意类型的文件运行在浏览器中，怎么做到呢？这时就有了 loader。2. loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。3. 常用的 loader 及其作用：style-loader：将CSS添加到DOM的内联样式标签style里 css-loader：允许将CSS文件通过req...转载 2019-06-09 21:05:01 · 1407 阅读 · 0 评论 -
【笔试】选择题
1、下述程序创建了多少个新进程? （除去main这个进程自身）function main() { fork(); fork() && fork() || fork(); fork(); } 答案：1+（4+4）+ 10 = 19个 。详情：https://blog.youkuaiyun.com/wadfji/artic...原创 2019-08-26 22:55:38 · 513 阅读 · 0 评论 -
【前端】防抖和节流
一、防抖防抖函数的作用防抖函数的作用就是控制函数在一定时间内的执行次数。防抖意味着 N 秒内函数只会被执行一次，如果 N 秒内再次被触发，则 重新 计算延迟时间。防抖函数的实现事件第一次触发时，timeout 是 null，调用 later()，若 immediate 为true，那么立即调用 func.apply(this, params)；如果 immediate 为 fals...转载 2019-08-12 00:15:25 · 239 阅读 · 0 评论 -
【前端】跨域解决方案及其原理
一、为什么要跨域？同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个IP地址，也非同源。常见的跨域场景(不允许通信)：（1）不同协议，同一域名：http://www.domain.com/a.js 和 h...原创 2019-08-14 18:12:00 · 1271 阅读 · 0 评论 -
【前端】浏览器内核(渲染引擎)有哪些？
一、浏览器的结构：①用户界面（UI）：包括菜单栏、工具栏、地址栏、后退/前进按钮、书签目录等，也就是能看到的除了显示页面的主窗口之外的部分；②浏览器引擎（Rendering engine）：也被称为浏览器内核、渲染引擎，主要负责取得页面内容、整理信息（应用CSS）、计算页面的显示方式，然后会输出到显示器或者打印机；③JS解释器：也可以称为JS内核，主要负责处理javascript...转载 2019-06-18 15:55:18 · 2308 阅读 · 0 评论 -
【前端】link 和 @import 的区别
link 和 @import 的区别（ link 属于 XHTML 标签，而 @import 是 CSS 提供的）1.引用的方式不同：link(外部引用): <link rel="stylesheet" href="xxx.css" type="text/css" />@import(导入式): @import url(xxx.css);2.放置的位置不同：li...转载 2019-06-18 15:34:41 · 1320 阅读 · 0 评论 -
【前端】从输入网址到最后浏览器呈现页面内容，中间发生了什么？
从输入网址到最后浏览器呈现页面内容，中间发生了什么？1. 输入网址，浏览器，发送UDP包给DNS服务器，通过DNS解析得到网址的IP地址（即服务器的IP），并将IP地址缓存。2. 客户端（浏览器）和服务器端之间建立TCP连接：由于TCP邮差需要知道4个东西（本机IP，本机端口，服务器IP，服务器端口），现在只知道了本机IP，服务器IP， 两个端口怎么办？其中，本机端口很简单，操作系统可以给...原创 2019-06-09 22:33:44 · 513 阅读 · 0 评论 -
【前端】重排和重绘
1. 什么是重排和重绘？重排：若渲染树的一部分更新，且尺寸变化，就会发生重排。重绘：部分节点需要更新，但不改变其他集合形状。如改变某个元素的vidibility、outline、背景颜色等，就会发生重绘。PS：重绘不一定导致重排，但重排一定会导致重绘。重排会产生比重绘更大的开销。2. 重排和重绘何时会发生？触发重排：（1）页面第一次渲染：在页面发生首次渲染的时候，所有组件都...原创 2019-06-09 22:26:14 · 4239 阅读 · 3 评论 -
【前端】浏览器兼容问题及其解决方案
问题一：在不加样式控制的情况下，标签默认的外补丁(margin)和内补丁(padding)不同解决方案: CSS设置 *{ margin:0; padding:0; }问题二：块级属性标签 float 之后，如果有左右margin，那么在 IE6 中显示的 margin 比设置的大解决方案: 在float的标签样式中加入 { display: inline; }, 将其转化为行内...转载 2019-06-18 15:51:19 · 600 阅读 · 0 评论