一、为什么我们要用require.js？ 远古时代，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不好使了，就分成多个文件，依次加载。下面的例子，相信很多人都见过： <script src="1.js"></script>
<script src="2.js"></script>
<s
对于当前快速迭代和快速试水的互联网时代，规规矩矩地开发原生的APP略微显得有点迟缓笨重，而H5的低成本、高效率、跨平台、不用升级等众多特性，显得异常珍贵，于是也成就了一种新的快速开发模式：Hybrid APP。 本人也是刚接触前端开发不久，前端开发涉及到的知识点还是比较零碎，尤其是对初涉前端的同学而言，可能会有点迷茫不知道如何入手，本文章根据自己的学习过程，梳理一下前端开发入门所需要积累的知识结
目录Bug的产生前端debug的特点多平台多环境多工具多技巧chrome devtool修改元素和样式console日志source压缩后的代码如何调试？PerformanceNetworkApplication移动端H5调试/混合移动端开发真机调试代理工具调试原理以Charles为例常用工具常用调试技巧线上及时修改小黄鸭debuggerBug的产生 前端debug的特点多平台浏览器、小
rem布局主要是利用rem、媒体查询以及less技术实现在不同宽度的屏幕下达到自适应的效果；1、rem介绍 在介绍rem之前先介绍em，em是父元素的字体大小，比如一个子盒子的宽度为2em，而且父盒子的font-size是15px，则该子盒子的宽度是2em=15px*2=30px； 而ren则是html标签中设置的字体大小，比如该页面中：html{
font-size:15px;
}此时若
什么是 rem rem 就是 root em, 和 em 都是是前端开发中的一个动态单位 rem 和 em 的区别在于, rem 是一个相对于根元素字体大小的单位 例如: 根元素(html) font-size: 12px;, 那么 1rem 就等于 12px <!DOCTYPE html> <ht
原创
2021-11-18 09:46:00
158阅读
预言教父 KK 在《必然》中描述了未来的12个科技趋势，其一就是屏读（Screening）。KK 认为除了手机、Pad、Kindle等电子设备外，屏幕将应用在方方面面，提供人们需要的各种信息。没错，就像电影《少数派报告》那样，阿汤哥在随处可以拉出的炫酷屏幕上，轻松获取情报。对于进行数字化转型的企业来说，拥有多层次、全方位展示重要信息的大屏幕，是实现数字化管理的必然一步。本文将以我们自己的产品管理为
自己
前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对
前端路上的朋友有帮助.1.文章标题列表中日期居右显示的方法:<p><span>2010-10-10</span>@Mr.Think这是文章标题</p>然后定义span右浮动:p span{float:right }其实这种方法可以延伸到很多情况下,很实用的一种写法;2.web标准
文章目录⭐️ 前端开发工具和环境准备? 什么是 “IDE”? 前端开发IDE⭐️ "VS Code"的下载安装? 下载VS Code? 安装VS Code⭐️ "VS Code"的简单配置? VS Code的中文设置? VS Code更改颜色主题? VS Code更改字号大小? VS Code的快捷键 工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使
子曰：学好百分值，考试考百分首先是确定CSS 中的percentage 都可以应用在CSS 中的哪些属性，以及这些属性的值如何进行计算的，参考CSS 参考手册进行统计。定位（Positioning）
top 用百分比来定义距离顶部的偏移量。百分比参照包含块的高度。可以为负值。
right 用百分比来定义距离右边的偏移量。百分比参照包含块的宽度。可以为负值。
bottom 用百分比来定义距离底部的偏
转载
2024-09-29 23:41:31
74阅读
Rem布局原理rem布局的本质是什么？这是我问过很多人的一个问题，但得到的回答都差强人意。其实rem布局的本质是等比缩放，一般是基于宽度，试想一下如果UE图能够等比缩放，那该多么美好啊假设我们将屏幕宽度平均分成100份，每一份的宽度用x表示，x = 屏幕宽度 / 100，如果将x作为单位，x前面的数值就代表屏幕宽度的百分比p {width: 50x} /* 屏幕宽度的50% */如果想要页面元素随
转载
2024-07-18 14:11:04
46阅读
前端是什么？在回答这个问题之前，我想到了一道面试题：当我们在浏览器中输入网址并按回车之后，接下来会发生什么？我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 Web 服务器直接就可
SEO（Search Engine Optimization），就是传说中的搜索引擎优化，是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的技术，只可意会，不可言传。作为一名前端工程师，不需要精通SEO，但必须要了解它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基
实习的第一个半月项目到了比较尾声的阶段，是时候慢慢整理这一个半月学到的东西了。今天想要记录的是前后端联调时发生的一些小问题 “你这能不能直接给我多返回俩字段啊，我这v-for直接出来” “另一个接口不是有数据么，你看能不能直接拼起来” 好吧，这种事情要么前端做要么后端做。好在不难，一般就是下面这种情况后端返回的数据再做处理 一般api.xxx接口后.then(res=>{
this.xx
Web前端布局布局的概念什么是布局布局的作用布局的方式一、浮动布局二、定位布局static 定位fixed 定位relative 定位absolute 定位sticky 定位堆叠顺序三、静态布局四、流式布局五、弹性布局六、自适应布局七、响应式布局布局应用 布局的概念什么是布局布局是前端人员的核心基础技能。目的是对所做的页面模块及内容进行科学合理的组织和呈现。因此布局的好坏就直接影响到之后工作的进
em和rem对font-size使用rem当浏览器解析HTML文档时，创建了一个用来代表页面元素的集合，叫做DOM（文档对象模型，Document Object Model）。树状结构，每一个节点代表一个元素。<html>就是顶层节点（根节点），在下面的是它的子节点<head>和<body>，再往下就是它们的子节点，还有后代节点，如此类推。根节点是文档里所有其他
目录1. 什么是jQuery2. jQuery的优点3. jQuery的下载官方网址：https://jquery.com/3.1 进入官网点击下载3.2 点击压缩版，因为压缩版比较轻量。3.3 复制代码（ctrl＋a全选）3.4 创建一个JS文件，并复制代码到该文件里。3.5 导入示例4.jQuery方法基本介绍4.1 jQuery的入口函数4.2 jQuery的顶级对象 $&nbs
为什么手机会莫名其妙的掉进卫生间里,水里,别问为什么,应该说是各种地方,没有她们做不到的,只有你想不到的鉴于这种情况的频繁发生,特别间断的写了这个教程,告诉大家应该怎么办第一步一.掉进脏水里这个很常见与做家务的时候,神不知鬼不觉的手机就进了桶里,这个时候,你需要找到一盆清水,然后将手机放入盆中,不需要加入其它洗涤用品,因为只是简单的脏水,只要反复冲洗就可以了二.掉进马桶中这个时候 你一定要想清楚,
前端适配是指确保Web应用或网站在不同设备、屏幕尺寸、分辨率、浏览器以及操作系统上都能提供良好的用户体验。因为用户可能通过各种设备访问你的网站，包括桌面电脑、平板、手机，甚至是智能手表和电视。以下是进行前端适配时应考虑的关键策略和技术：1. 百分比布局 - ?在编写样式时，尽量使用 百分比单位 来设置元素的宽度 (width)，而非固定像素值。这样一来，元素就能随着容器的大小自动调整，实现响应式设
先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就
转载
2024-10-31 06:46:00
26阅读
前端在开发应用的是偶难免需要考虑不同分辨率的容器，本文主要介绍 - - rem来实现响应式布局1、rem的介绍： 首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，所以：1 rem = 16px为了计算
