不积跬步无以至千里。 关于【Step-By-Step】 Step-By-Step (点击进入项目) 是我于 2019-05-20 开始的一个项目,每个工作日发布一道面试题。 每个周末我会仔细阅读大家的答案,整理最一份较优…
分类:html5
es8(字符串,对象)
es8(字符串,对象) 字符串补白: let str = "abc"; let a = str.padEnd(5); let b = str.padStart(5); let c = str.padEnd(5,"a");…
响应式设计简介
响应式设计,就是让同一个页面在不同的分辨率下都要呈现出最佳效果,提升用户体验。很容易想到,设计思路就是针对不同的分辨率,为页面设置不同的样式,下面我们就来看看如何实现。不过在此之前,还需要先了解下面两个东西。 viewp…
WebGL2系列之引言
引子 时光荏苒岁月如梭,不知不觉间,青丝变白发,哦不是,应该是WebGL已经发展到了2.0阶段:WebGL2,WebGL2相比WebGL增加了很多新的特性,这些新的特性能够帮助程序开发人员实现更多 更酷 更炫 更高性能的…
对象的点查询和中括号查询
对象的查询 对象的查询提供了两种方式,分别是点查询和中括号查询 通过(.),右侧必须是一个以属性名称命名的简单标识符。在ES3中,点运算符后的标识符不能是保留字,如果一个对象的属性名是保留字,则必须用方括号的形式访问,E…
你不知道的css技巧
css黑科技 currentColor当前颜色 <a href="##" class="link"><i class="icon"></i>返回</a> .icon { d…
关于Sass和Less牵扯的问题
关于Sass和Less牵扯的问题 关于Sass和Less Sass和Less都算是一种编程语言(后面会详谈此处牵扯出来的编程语言),都是CSS预处理器,都具有相同的功能,可以帮助我们快速编译CSS代码, 细一点来说: S…
常用前端知识积累
闭包的理解 使用闭包主要是为了设计私有的方法和变量。 优点是可以避免全局变量的污染, 缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露 Cookie 第一:每个特定的域名下最多生成20个cookie 1…
带加载进度的Web图片懒加载组件Lazyload
在Web项目中,大量的图片应用会导致页面加载时间过长,浪费不必要的带宽成本,还会影响用户浏览体验。 Lazyload 是一个文件大小仅4kb的图片懒加载组件(不依赖其它第三方库),组件会根据用户当前浏览的区域去自动加载对…
Canvas 在高清屏下绘制图片变模糊的解决方法
之前我在 SF 上回答过「html5 canvas绘制图片模糊的问题」,但是可能是由于我给出的答案过于简略,加上答案中的 demo 链接已经失效,很多人反映这种办法并不好使。但是我在给出答案之前是在小米2 和 iPhon…
form表单那点事儿(下) 进阶篇
上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form。 表单操作 取值 用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: <form id=…
div标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#
6.7 <div>标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签 是什么 <div>是用于在网页中划分区域的(division的缩写),通常作为容…