CSS Grid网格布局全攻略
几乎从我们踏入前端开发这个领域开始，就不停地接触不同的布局技术。从常见的浮动到表格布局，再到如今大行其道的flex布局，css布局技术一直在不断地推陈出新。其中网格布局(grid)作为css3的产物，它更加贴近网页设计师所使用的布局策略，学习并利用好它可以让我们免受很多布局困扰。 虽然网格布局好处有…
标签：布局
几乎从我们踏入前端开发这个领域开始，就不停地接触不同的布局技术。从常见的浮动到表格布局，再到如今大行其道的flex布局，css布局技术一直在不断地推陈出新。其中网格布局(grid)作为css3的产物，它更加贴近网页设计师所使用的布局策略，学习并利用好它可以让我们免受很多布局困扰。 虽然网格布局好处有…
标签：布局
这是我第一次写游戏，也是随兴花了一下午写的，代码结构可能没有设计的很清晰，但是主要逻辑还是很清楚。这次利用了html5 canvas 画布效果，把棋盘，。棋子，动画写出 写任何东西，首先要知道它的组成部分。比如盖子，你得先准备好，沙子，水泥，钢筋，石砖，再打成地基再一层一层的盖 象棋游戏组成部分很简…
标签：game
1. 闭包应用场景之setTimeout 原生的setTimeout传递的第一个函数不能带参数,通过闭包可以实现传参效果 setTimeout(function(param){ alert(param) },1000) //通过闭包可以实现传参效果 function func(param){ ret…
标签：闭包
1. 居中相关的布局 1.1 水平居中布局 效果图如下： 方案一. inline-block + text-align 分析：display设置为inline-block的元素，具有文本元素的性质，其父元素可以通过设置文本对齐属性text-align来控制其在行内的对齐方式，text-align: …
标签：布局
本文将从以下十一个维度为读者总结前端基础知识 JS基础 1. 如何在ES5环境下实现let 对于这个问题，我们可以直接查看babel转换前后的结果，看一下在循环中通过let定义的变量是如何解决变量提升的问题 babel在let定义的变量前加了道下划线，避免在块级作用域外访…
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border m…
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前…
标签：适配
明天全国哀悼日，一段css让全站变灰 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世通报的深切哀悼，国务院今天发布公告，决定2020年4月4日（明天）举行全国性哀悼活动。在此期间，全国和驻外使馆下半旗致哀，全国停止公共娱乐活动，4月4日10点开始，全国人民默哀3分钟，汽车、火车、舰船鸣笛，防…
标签：技巧
Javascript能做什么 1. Web 前端 很早以前各大公司对于 Web 标准的恶战让 JS 的环境异常恶劣，加之语言其本身的不成熟让其功能仅限于一些简单的前端交互。Ajax 技术的出现让前端可以在不刷新页面的情况下和后端进行数据交换，jQuery/zepto 等库的盛行让 JS 变得异常简单…