假设你正在做一个简单的搜索表单，用户在输入框中输入关键词，然后点击按钮进行搜索。 大概长这样： 搜他丫的 这里有个要求，搜索按钮应该只在搜索框有内容时才 ...

function maxLen(str) { var arr = []; var strArr = str.split(" ") for(let i in strArr) { arr.push(strArr[i].leng ...

本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 CSS规则主要由两部分组成：选择器(selector)与声明(declarations)。 选择器(selector)是开发者希望改变样式的HTML元素。 声明( ...

为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 现在各位看官有答案了吗？ 因为上一篇中有提到过CSS 逻辑属性的变革，从物理概念跳跃到了逻辑概念，也 ...

Node.js 太火了，火到几乎所有前端工程师都想学，几乎所有后端工程师也想学。一说到 Node.js，我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点，但是你真的理解这些词的含义吗？这篇教程将带你快速入门 N ...

一. " " 键盘中的按键space键，在HTML、字符串中都会被压缩成一个 二.   w3cschool描述为 HTML中的常用字符实体是不间断空格( ).在HTML中直接按space敲出多个空格只会保留一个， 用于与添加多个空格，也能用 ...

前言 该部分为书籍 深入理解ES6 第一章(块级绑定)笔记 var 声明 与变量提升 使用 var 关键字声明的变量, 无论其实际声明位置在何处, 都会被视为声明于所在函数的顶部 正因为变量提升的问题, 在 ES6 中引入了块级作用域, ...

在所有后 ES6 时代的数组方法中，我觉得最难理解的就是Array.reduce()。 从表面上看，它似乎是一个简单无趣的方法，并没有太大作用。 但是在不起眼的外表之下，Array.reduce()实际上是对开发人员工具包的强大而灵活的补 ...

当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内 ...

之前因为客户端引入Facebook的YOGA库，以及微信小程序学习的原因，对于前端的布局有一定的了解。书读百遍其义自见，不经常使用的工具还是需要时不时学习，比如Flexbox和Position布局。 1. 流式布局 在未设置其他任何布局的情 ...