指数运算符 Math.pow是可以进行求幂运算的求幂运算符是两个星号 let result = 5 ** 2 console.log(result) //25 console.log(result === Math.po…
css flex 之 flex-grow | flex-direction
flex是CSS的一个特性,通过它可以让在某一个区域内的多个元素灵活的布局,对移动端的布局特别有用。跟flex相关的css属性不止一个,而是很多个,而且有些还很复杂。所以,我们就一个一个的来。 1: display: f…
要准确裁剪背景图片先要准确渲染,background-origin与background-clip
概念 background-origin: 背景图片从盒子哪里开始渲染background-clip: 背景图片裁剪到盒子哪里 取值 background-origin: 默认值:背景图片从padding区域开始渲染 b…
怎样实现完美两端对齐/齐头尾功能——hyphenjs
因为之前代码写得太乱了。最近在重写,忘了开分支。有兴趣查看之前代码的朋友可以重置回c8034eb这个commit之前的代码看。重写完成后会重写一篇文章,抱歉啦。 前言 话不多说,先上图。后者红框里是浏览器默认的文本排版,…
史上前端面试最全问答(附答案)
史上前端面试最全知识点(附答案) 一.html & js & css 1.AMD和CMD是什么?它们的区别有哪些? AMD和CMD是二种模块定义规范。现在都使用模块化编程,AMD,异步模块定义;CMD,通…
这些Zepto中实用的方法集
前言 时间过得可真快,转眼间2017年已去大半有余,你就说吓不吓人,这一年你成长了多少,是否荒度了很多时光,亦或者天天向上,收获满满。今天主要写一些看Zepto基础模块时,比较实用的部分内部方法,在我们日常工作或者学习中…
整理下《前端江湖面试》对自己有益的题目。
面试题目汇总 前言 近期在找工作,也在读 前端面试江湖 这本书,书中整理了很多基础的面试题目,在书中也发现了一些错误。好记性不如烂笔头,于是整理下对自己有益的题目,都是一些较为基础的题目,后期还会更新。时时刻刻勉励自己,…
IMWebConf 2017 官网彩蛋解谜
前言 IMWebConf 2017 ←这是官网 然后看到了这个: 所以就试了下,作为一个前端菜鸟,发现通关还挺简单的,不过每个方面的知识都涉及到一点,所以在这里总结一下。 下面进入正题。 第 0 关 就在这个页面打开控制…
web前端——美化效果总结
概述 项目开发过程中使用到了不少web前端美化效果的方法,总结一下 1 图片作为背景 要实现的效果是,任意一张图片"img-page-background.png",不需要调整图片尺寸,图片完全填充网页背景。首先需在CS…
单页面官网-平滑过渡到指的锚点
特点 单页面官网–不是传说中的单页面应用!固定顶部,点击导航平滑过渡到指定锚点,鼠标上下滚动到锚点位置导航随之切换如:考拉微课 HTML布局 <!--顶部导航栏--> <div id="he…
情人节之每天给你的女朋友发短信(nodejs版)
看到一老兄用php和阿里云短信服务做了一个每天给女朋友发短信的案例,挺有意思,自己也用nodejs做了一版。https://segmentfault.com/a/11… 步骤1 现在阿里云通信中的短信签名中申…
css布局,左右固定中间自适应实现
1.绝对定位+浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>…