01-骰子游戏游戏出自Udemy的JS课程中提到的一个游戏,课程主要是对JS部分进行详细的从0开始的讲解,本篇文章是对整个游戏的分析,包括HTMK,CSS和JS,也主要对JS进行刨析。游戏链接:https://pig-game-v2.netlify.app/游戏规则:开始玩家1点击ROLLDICE开
做移动端页面有一段时间了,总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结,其中容易搞混的概念是视口。meta 标签中的 viewport 属性,就是 视图 的含义视口分为布局视口视觉视口理想视口布局视口也就是 &l
今天在看阿里的面试题时,看到这样一道面试题,问flexible.js的原理是什么?然而我也不知道,但是刚好我又在我公司的项目上遇到过,于是研究一番,遂作此文。核心原理简单的一句概括就是:flexible.js帮我们计算出1rem等于多少px。怎么计算的?很简单,就是1rem=屏幕宽度的1/10.复制
笔者从毕业开始做前端到现在,90%的项目是移动端打交道,所以当简历上写了“移动H5”几个字时,必会被问到自适应方案与高清方案。”自适应“讲的是一套UI(例如750*1334),在多端下展示近乎一样的效果;而”高清“是因为DPR提升而所做的各种精度适配。这篇文章讲讲笔者理解的自适应方案和高清方案。先说
简短的概括:发现问题:项目中css代码痛点复制.mock{margin:auto;font-size:16px;//...}<divclass='mock'>mock</div>1.2.3.4.5.6.以上代码就是举个例子,大部分情况应该都是写一个类,然后整一堆样式进去。这种
大家好,我是刷碗智,今天带来JoseGranja大佬的文章,希望对大家有所帮助。文本观点,仅供参与,非标准答案。正如我们今天所知,CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其他媒体中的展示方式。它简单、强大,而且是声明式的。我们可以很容易地实现复杂的事情,如暗黑/光明
本文转载自微信公众号「零零后程序员小三」,作者003。转载本文请联系零零后程序员小三公众号。哈喽大家好我是小三,作为全栈工程师当然是要了解前端的东西。最近学到了rem,分享下学习的心得。我们作为前端初学者来说,是不是有一个疑惑,我们电脑屏幕大,但是手机屏幕小,那我在PC端页面写好的东西到