- 博客(16)
- 收藏
- 关注
转载 【译】REM vs EM - 世纪之争
原文链接:https://zellwk.com/blog/rem-vs-em/在网络上排版的最佳做法之一是使用像rem和em这样的相对单位。 问题是,你应该使用哪个? 在rem支持者和em支持者之间存在长期争论,rem支持者认为你应该使用rem而非em,em支持者则相反。在本文中,您会了解我对rem和em的看法,了解rem和em究竟是什么,以及如何使用它们来构建模块化组件。 #...
2018-10-14 17:37:00
202
转载 【译】如何编写“移动端优先”CSS
原文链接:https://zellwk.com/blog/how-to-write-mobile-first-css/构建响应式网站是如今前端开发者的必备技能,当我们谈到响应式网站时,“移动端优先”这个词立刻就会出现在脑海中。我们知道从“移动端优先”这个角度开始设计很重要,但我们很少谈到使用“移动端优先”的方法来写代码。今天,我想与你分享“移动端优先”添加样式的方法,为什么这种方法更...
2018-10-12 18:22:00
406
转载 【译】PX、EM还是REM媒体查询?
原文链接:https://zellwk.com/blog/media-query-units/你有没有想过使用媒体查询的时候到底该用px、em还是rem作单位呢?我曾经也有同样的疑问,而且我到现在也还没弄明白。当我一年多以前开始建立mappy-breakpoint库的时候,我用的是rem。当我与Sam Richard聊过之后,我转用了em,因为我发现二者并无差异。除了em和rem,另一个...
2018-10-12 11:01:00
240
转载 Flex-box入门---flex-grow, flex-shrink, flex-basis
Block Elements and inline elements(块元素和行内元素)在进入正题之前,我们先来简单总结一下传统的block元素和inline元素。HTML中的block元素显示在页面上时总会另起一行,并占满它的父元素的整个宽度;block元素的宽高可以通过width和height来设置;inline元素正好相反,它们不会另起一行,只会占展示内容所需的...
2018-07-30 16:16:00
232
转载 FCC-js算法题解题笔记
题目链接:https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting1. Sum All Numbers in a Range传入的参数是包含两个数字的数组,要求计算两数之间(包含边界)所有数字的和,较小的数字不一定在数...
2018-07-25 16:34:00
409
转载 JS中的加减乘除和比较赋值
隐式类型转换使用Boolean(), Number(), String()去转换数据类型的方法叫显示类型转换,而与它相对的就是隐式类型转换,隐式类型转换并没有明显的标志,而是JS解释器觉得做这样一个转换是合适的,就转换了,例如一元加,一元减,递增和递减,它们可以操作任何数据类型,最后的结果都返回数字,这个是比较好理解的,而加减乘除运算中的类型转换更加复杂麻烦,也因此可能会出现很多...
2018-07-06 18:58:00
336
转载 JS中的一元操作符
表达式一元操作符优先级结合性运算顺序表达式是什么?就是JS 中的一个短语,解释器遇到这个短语以后会把对它进行计算,得到一个结果参与运算,我们把这种要参与到运算中的各种各样的短语称为表达式。实际上,JS 的代码就是由表达式和操作符构成的,可以说除了操作符以外的基本都是表达式。例如:a + 1;这行代码中,加号左边的a和右边的1都是表达式,而加号...
2018-07-05 20:50:00
254
转载 JS 中的对象
对象就是一个由属性构成的无序列合集。var myObj = { name: ‘suki’, age: 21, interests: [‘guitar’, ‘tennis’]};属性是没有顺序的,可以把 age 写在 name 前面也完全没有问题。对象 V.S. 原始类型1,对象有属性,原始数据类型从技术角度看是没有属性的...
2018-07-04 13:30:00
153
转载 Number and String in JS
Number整数小数(浮点数)小数参与运算NaN其他数据类型转换成数字String其他数据类型转换成字符串Number、Boolean、String的相同点Number虽然数字是没有范围的,但计算机能够储存的数字是有范围的,这个范围是-2^53 ~ 2^53(了解就好),如果超过了这个范围,计算机会返回无穷。整数...
2018-07-02 20:02:00
113
转载 JS数据类型
什么是数据类型?数据类型有哪些?如何查看数据类型?undefined 和 null 的区别?布尔类型什么是数据类型?计算机的本质是计算,计算的本质是对值进行操作,无论是参与计算的值,还是通过计算得到的值,在计算机中都统一称为数据。计算机的语言其实就是对各种数据进行处理,为了更好地处理数据,所以就把数据分门别类地归纳好,这个分类结果,叫数据类...
2018-07-01 16:25:00
124
转载 JS基础知识
l 在 JS 中区分大小写l 把 JS 写到 HTML 里会有什么问题?l HTML 中的 data-*l 关于变量名l 如何注释代码?l 严格模式是什么?l JS 解释器自动加分号原则l 关键字和保留字l 关于变量l 小结在 JS 中区分大小写JS 是区分大小写的,也就是说 foo 和 Foo 是两个完全不...
2018-06-30 18:31:00
162
转载 在HTML中使用JavaScript
关于 script 标签向 HTML 页面中插入JavaScript的主要方法,就是使用 <script> 标签,这个元素有6个属性:async,异步下载,用于控制下载,即在下载这个文件的同时,后面的工作也可以进行,只对外部脚本有用。charset,一般情况下用不上,因为大多数浏览器会忽略它的值,但在出现乱码时,这个属性可能会帮上忙,如在 JS 中遇到了中...
2018-06-28 19:08:00
298
转载 JSON学习笔记
JSON 是一种数据格式,用来表示 JS 中的数据结构(不仅能在 JS 中使用,在其他环境中也可以),通常用于传输数据,例如从服务器发送数据到客户端上使用。其数据结构与 JS 相似,包括 number, string, boolean, array, object。虽然一般看起来像一个 JS 对象,但其他数据类型也存在。JSON 是以字符串的形式存在的,文件的后缀名是 .json,返...
2018-06-28 16:12:00
128
转载 5种方法实现数组去重
最简单的思路,先创建一个新数组作为容器,遍历原数组,判断每一项在新数组中是否存在,若不存在则把这一项push到新数组中,若存在则忽略。var arr = [1, 2, 3, 2, 4, 1];var newArr = [];for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i...
2018-06-24 10:36:00
474
转载 使用map()的小陷阱:parseInt
假设我们想要把一个字符串数组的每一项转换成整数,我们很自然就想到了把parseInt作为回调函数传给map()函数,但这样做可能会出现意想不到的结果:var strArr = ["1", "2", "3"];var numArr = strArr.map(parseInt);console.log(numArr); // [1, NaN, NaN]在上...
2018-06-18 09:34:00
171
转载 JS中的一等公民:函数
在JavaScript中,函数可以作为值赋给一个变量作为参数传递给另一个函数作为另一个函数的返回值所以我们说JavaScript的函数是“一等公民”。赋值:var foo = function() { console.log("Hello World!");};foo();以上代码把一个匿名函数( Anon...
2018-06-18 09:03:00
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅