随笔分类 - 前端经验
摘要：1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分，会在html结构加载的时候加载在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲，网页会先加载im
阅读全文
posted @ 2020-07-18 23:07
前端一点红
摘要：前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到j
阅读全文
posted @ 2020-07-18 22:42
前端一点红
摘要：关于国际化 一个项目发展到一定的环境或者一开始就是为多国打造的，就需要考虑国际化了。简单来说，就是一套页面，多套语言。 前不久做了一个国际化的项目，基于react和antd，里面用到了国际化，使用方式也很简单 import zhCN from 'antd/lib/locale-provider/zh
阅读全文
posted @ 2020-07-18 22:40
前端一点红
摘要：前言：项目涉及到node的开发，为了便于管理，采用了nvm，安装方法和在mac下差不多 git依赖 看以下内容前，先确保你的git已经安装（需要git v1.7.10 +），如果没有看的话，请最新git。 安装脚本 在linux里面安装，这句话是没有任何安装的感觉，但是它其实是执行了，只是没有安装环
阅读全文
posted @ 2020-07-18 22:37
前端一点红
摘要：最近在做项目时，有一个需求是批量打印好多个合同，使用AJAX向后台传送数据，等待后台执行后，需要把生成之后的文件地址传送过来。 后台的处理时间比较长，根据合同的多少可能等待时间比较长，会达到10s左右，这个时候如果不加任何的提示，会导致用户因为没有看到是否执行而导致重复的操作，为了增加用户的体验感，
阅读全文
posted @ 2020-07-18 22:31
前端一点红
摘要：在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用 pointer-events:none img{ pointer-events:none; } 亲测有效，适用于微信客户端的手机页
阅读全文
posted @ 2020-07-18 22:30
前端一点红
摘要：浏览器的事件循环，前端再熟悉不过了，每天都会接触的东西。但我以前一直都是死记硬背：事件任务队列分为macrotask和microtask，浏览器先从macrotask取出一个任务执行，再执行microtask内的所有任务，接着又去macrotask取出一个任务执行...，这样一直循环下去。但是对于下
阅读全文
posted @ 2020-07-18 22:29
前端一点红
摘要：在写测试代码时，以往我们需要翻阅文档，学习各种 API 才能明白如何操作断言。而现在我们可以透过 power-assert 的 assert 方法来减轻调试压力。不仅如此，它还提供更加直观，具体的运行效果，帮助 DEBUG。写测试代码，其实可以很容易。 例子 power-assert 提供的 ass
阅读全文
posted @ 2020-07-18 22:27
前端一点红
摘要：随着 Flash 的落寞 以及 移动设备的爆发性增长 ，越来越多的内容以 html5 视频的方式传递。在上一篇文章中你甚至能看到 使用 html5 视频替换 GIF 动图来优化网站访问速度 这样的技巧。然而事实上，视频格式本身就有一堆优化技巧可用来改善它们的性能表现。其中非常重要的一点，就是视频文件
阅读全文
posted @ 2020-07-18 10:06
前端一点红
摘要：什么是断点续传？ 就是下载文件时，不必重头开始下载，而是从指定的位置继续下载，这样的功能就叫做断点续传。 断点续传的理解可以分为两部分：一部分是断点，一部分是续传。断点的由来是在下载过程中，将一个下载文件分成了多个部分，同时进行多个部分一起的下载，当某个时间点，任务被暂停了，此时下载暂停的位置就是断
阅读全文
posted @ 2020-07-18 10:05
前端一点红
摘要：1、js动态设置html的字体大小 var clientWidth = 0; if(document.documentElement.clientWidth >= 600){ clientWidth = 600; }else{ clientWidth = document.documentEleme
阅读全文
posted @ 2020-07-18 10:02
前端一点红
摘要：V8是google开发的JavaScriptV8是google开发的JavaScript引擎, 它是 开源的 ，而且是用C++编写的。它用于客户端（Google Chrome）和服务器端（node.js）JavaScript应用程序 V8最初旨在提高Web浏览器中JavaScript执行的性能。为了
阅读全文
posted @ 2020-07-18 09:48
前端一点红
摘要：当我们在网站中引入外部链接的时候往往使用的是 <a href="" target="_blank"></a> 大家都喜欢target="_blank", 因为新页面打开不影响原来的页面。但是这个存在安全问题, 由target="_blank"打开的页面, 可以通过window.opener访问原来的
阅读全文
posted @ 2020-07-18 09:46
前端一点红
摘要：在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{text-align: left;text-indent:30px;lin
阅读全文
posted @ 2020-07-18 09:44
前端一点红
摘要：1、在不同设备上采用相似的设计 用户可以通过不同类型的设备访问你的网站，这些设备包括：电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页，确保他们具有类似的体验，这是用户体验设计中的一条重要标准。 2、导航的设计要简单易用、清晰明了 导航设计是网页可用性的基石。记住，如
阅读全文
posted @ 2020-07-17 23:37
前端一点红
摘要：1、localStorage 一个窗口更新localStorage，另一个窗口监听window对象的”storage”事件，来实现通信。注：两个页面要同源（URL的协议、域名和端口相同） // 本窗口的设值代码 localStorage.setItem('aaa', (Math.random()*1
阅读全文
posted @ 2020-07-17 23:34
前端一点红
摘要：Visual Studio Code Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增php语法高亮。 Atom ATOM，是一个现代的文本编辑
阅读全文
posted @ 2020-07-17 23:18
前端一点红
摘要：在自动化元素定位操作中经常使用智能等待来加强定位的强壮性，主要就是因为WebDriver没有提供页面加载场景的方法；在使用JavaScript知识的突然心生灵感，可以使用JavaScript来配合验证页面加载，结果发现我真是井底之蛙。 一、domcument.readyState 首先定位从Docu
阅读全文
posted @ 2020-07-17 22:09
前端一点红
摘要：iframe高度自适应内容 需求：实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。 设置iframe 自适应高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，那么我们可以
阅读全文
posted @ 2020-07-17 21:46
前端一点红
摘要：最近有这样一个需求，就是在html页面中有个按钮导出，点击它，将构造一个文档并存储到本地文件系统中。另外还有个按钮，点击它，从本地文件系统中读取一个文件并对内容进行分析。 说白了，就是一件事，就是如何读取或写入本地文件系统中的文件。 这件事情在html5以前是一件非常恐怖的，因为浏览器对本地文件系统
阅读全文
posted @ 2020-07-17 21:43
前端一点红
浙公网安备 33010602011771号