em和rem对font-size使用rem当浏览器解析HTML文档时，创建了一个用来代表页面元素的集合，叫做DOM（文档对象模型，Document Object Model）。树状结构，每一个节点代表一个元素。<html>就是顶层节点（根节点），在下面的是它的子节点<head>和<body>，再往下就是它们的子节点，还有后代节点，如此类推。根节点是文档里所有其他
前端常用单位 单位，在各个领域都是很常见的。那么在前端领域用到了哪些单位呢，这篇文章让我们细细了解一下！下面我讲列举：pt、px、em、rem、vh、vw、vmax、vmin、rpx、ch等单位的定义、用法及注意点。首先，来了解pt、px、em、rem这四个单位。 pt 单位名称为点（Point），绝对长度单位。1pt＝1/72英寸，常用于印刷当中，在AI、PS等设计软件当中字体大小所用的单位就
转载
2024-09-16 12:16:22
67阅读
——李郑雄 2018-04-261、开发流程概述：主要流程包含以下步骤：需求调研，场景布局， UI设计， DEMO确认，场景切图，场景开发，测试部署，上线演示，迭代调整，数据同步及接入，正式上线。2、 requireJS框架： requireJS使用教程链接require是一个轻量级框架，用于模块化的设计网页中的各组成部分然后再将这些模块组合在一起。各模块间相对独立、
屏幕适配屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。从最早的PC端屏幕来说，大部分的屏幕适配采取的是：页面框架最外层元素宽度固定，并且居中，高度随内容自适应，比较常见的是宽度为
SEO（Search Engine Optimization），就是传说中的搜索引擎优化，是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的技术，只可意会，不可言传。作为一名前端工程师，不需要精通SEO，但必须要了解它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基
对于当前快速迭代和快速试水的互联网时代，规规矩矩地开发原生的APP略微显得有点迟缓笨重，而H5的低成本、高效率、跨平台、不用升级等众多特性，显得异常珍贵，于是也成就了一种新的快速开发模式：Hybrid APP。 本人也是刚接触前端开发不久，前端开发涉及到的知识点还是比较零碎，尤其是对初涉前端的同学而言，可能会有点迷茫不知道如何入手，本文章根据自己的学习过程，梳理一下前端开发入门所需要积累的知识结
Web前端布局布局的概念什么是布局布局的作用布局的方式一、浮动布局二、定位布局static 定位fixed 定位relative 定位absolute 定位sticky 定位堆叠顺序三、静态布局四、流式布局五、弹性布局六、自适应布局七、响应式布局布局应用 布局的概念什么是布局布局是前端人员的核心基础技能。目的是对所做的页面模块及内容进行科学合理的组织和呈现。因此布局的好坏就直接影响到之后工作的进
先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就
前端适配是指确保Web应用或网站在不同设备、屏幕尺寸、分辨率、浏览器以及操作系统上都能提供良好的用户体验。因为用户可能通过各种设备访问你的网站，包括桌面电脑、平板、手机，甚至是智能手表和电视。以下是进行前端适配时应考虑的关键策略和技术：1. 百分比布局 - ?在编写样式时，尽量使用 百分比单位 来设置元素的宽度 (width)，而非固定像素值。这样一来，元素就能随着容器的大小自动调整，实现响应式设
为什么手机会莫名其妙的掉进卫生间里,水里,别问为什么,应该说是各种地方,没有她们做不到的,只有你想不到的鉴于这种情况的频繁发生,特别间断的写了这个教程,告诉大家应该怎么办第一步一.掉进脏水里这个很常见与做家务的时候,神不知鬼不觉的手机就进了桶里,这个时候,你需要找到一盆清水,然后将手机放入盆中,不需要加入其它洗涤用品,因为只是简单的脏水,只要反复冲洗就可以了二.掉进马桶中这个时候 你一定要想清楚,
前端在开发应用的是偶难免需要考虑不同分辨率的容器，本文主要介绍 - - rem来实现响应式布局1、rem的介绍： 首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，所以：1 rem = 16px为了计算
NSIS进阶教程(四)自定义目录选择，自定义进度条，自定义图片切换效果**前言**上一节中我们已经处理了有关CheckBox自定义贴图的部分，但是目录选择的部分还没有加上，这节，我们先处理一下目录的选择部分，选择完路径之后就剩下安装了，于是进度条的创建的显得很有必要，但是系统的进度条创建简单，如何改变进度条的背景色跟进度色呢，这节我们也处理掉。有关图片切换的效果的插件也有很多，但是大部分都是基于默
前言：刷题过程中遇到要求把 数字按照千分位分隔，然后返回字符串，其实在前端开发中经常会遇到这样的一种需求,使用Javascript格式化数字进行输出，本文使用 ES6 的新增方法 replaceAll（）来实现这个需求 ，题目描述如下 replaceAll()方法replaceAll（）方法 是 replace（）方法的改进版 ，字符串的实例方法 replace()只能替换第一
转载
2024-05-31 14:56:58
50阅读
排序js本身数组的sort方法，可以满足日常很多需求。基本会写快速排序就够了基本排序算法基本排序的思想都很类似，基本都是一组嵌套的for循环，外循环便利数组的每一项，内循环用于比较 1.冒泡排序冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。 它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。 走
今天与大家聊一聊AI框架的前端，涉及两块内容：1、AI框架如何对接前端宿主编程语言2、AI框架的编程范式AI框架如何对接宿主编程语言现在Python可以说是AI框架默认的宿主语言，开发者喜欢其易用性和灵活性，但是框架需要解决Python灵活性和性能的矛盾（如何进行Python加速）。Python加速范式在AI框架出来之前，广泛存在三种范式：CPython：Python的C extension，现在
现在对于前端的要求变大了很多，随着时代进步，人们的审美越来越挑剔，对于用户交互的体验成为了公司竞争的一大助力。而动画效果，可以说是最有效的提高用户体验的方式了。但是对于前端来说，实现动画的方法也有很多种，今天博主就来和各位一起探讨一下，实现动画的几种方式。JS直接实现最为简单暴力无脑的一种操作，通过js修改div（盒子模型）的属性以及运用 setTimeOut() 方法实现动画。实现：<!D
转载
2024-09-05 09:43:27
54阅读
一、自适应的分类1、大屏幕显示更多内容描述：即根据固定像素大小，显示内容根据显示器分辨率决定，分辨率越大，显示内容越多。 适应性：适合没有图表的页面，因为图表一般用作大屏展示，而大屏一般都是铺满整个屏幕的。2、不同屏幕显示相同内容描述：不同大小及分辨率的屏幕，只要宽高比例相同（例 16:9），其展示的内容就一致。 适应性：比较适合大屏展示，移动端和后台管理也可以用，但没必要。二、普通项目自适应（后
1，静态配置--固定布局（pc端）以像素作为页面的基本单位，不管设备和浏览器宽度，只设计一套尺寸2，根据不同根据不同的分辨率，加载不同的CSS样式文件（可切换的固定布局）自适应布局1、<script>
// 分辨率大于等于1680，大部分为1920的情况下，调用此css
if(window.screen.width >= 1680){
document.write('<
转载
2024-09-30 13:57:13
101阅读
前端布局flex从入门到入土作为一个后端，谈不上多会
前端，但是一些常见的布局都可以做到，例如flex布局。推荐菜鸟教程的布局：https://www.runoob.com/w3cnote/flex-grammar.html 例如某网站布局：场景一左中右布局，并且要求上下页铺满<body>
<div style="position: absolute;top: 0;bottom
转载
2024-05-06 12:43:56
64阅读
这个列表包含许多种类的资源，所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js —
转载
2024-07-28 14:03:23
33阅读
