前端记录 记录分享前端知识

撸js基础之函数


前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 函数的基础知识。 本系列另外还有两篇: 撸js基础之对象 撸js基础之数组 各位有兴趣的可以看...
前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 函数的基础知识。 本...

撸js基础之函数

前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单...
阅读全文 0

理解 CSS 布局和块级格式上下文


前言 BFC 的概念始于 CSS2,是个蛮古老的 CSS 话题了,网上也到处能搜到 BFC 的介绍,但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文 Understanding CSS Layout And The Block Formatting Context,内容足够简洁明了。 本文的目的是介绍一些概念,来帮...
前言 BFC 的概念始于 CSS2,是个蛮古老的 CSS 话题了,网上也到处能搜到 BFC 的介绍,但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文 Understanding CSS Layout And The Block F...

理解 CSS 布局和块级格式上下文

前言 BFC 的概念始于 CSS2,是个蛮古老的 CSS 话题了,网上也到处能搜到 BFC 的介绍,但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文 Understand...
阅读全文 0

使用原生JS写五子棋


前言 听说这是一道腾讯的面试题,可能网上已经有不少答案了,晚上没事看到这道题就自己做了下。逻辑很简单,考虑到是面试题,使用了 ES6 的语法。本文介绍下核心逻辑跟部分代码。 代码请至这里下载 domo 请点击这里查看 目录 前言 目录 思路 保存已下的棋 判断落...
前言 听说这是一道腾讯的面试题,可能网上已经有不少答案了,晚上没事看到这道题就自己做了下。逻辑很简单,考虑到是面试题,使用了 ES6 的语法。本文介绍下核心逻辑跟部分代码。 代码请至...

使用原生JS写五子棋

前言 听说这是一道腾讯的面试题,可能网上已经有不少答案了,晚上没事看到这道题就自己做了下。逻辑很简单,考虑到是面试题,使用了 ES6 的语法。本文介绍下...
阅读全文 3

撸js基础之对象


前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 对象的基础知识。 本系列另外还有一篇:撸js基础之数组,各位有兴趣的可以看下。 本文日后还会...
前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 对象的基础知识。 ...

撸js基础之对象

前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单...
阅读全文 0

撸js基础之数组


前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 数组的基础知识。 本系列另外还有一篇:撸js基础之对象,各位有兴趣的可以看下。 本文日后还会...
前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 数组的基础知识。 本...

撸js基础之数组

前言 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单...
阅读全文 3

50+个有趣的css属性


前言 本文内容主要翻译自Let’s Look at 50+ Interesting CSS Properties & Values,相比原文略有增删修改。 当我们面对一些需求的时候可能会问自己能不能只使用 css 完成它,而不用 javascript。最新的 css 属性跟功能能够简单快速的解决很多老问题。 本文总结...

50+个有趣的css属性

前言 本文内容主要翻译自Let’s Look at 50+ Interesting CSS Properties & Values,相比原文略有增删修改。 当我们面对一些需求的时候可能会问自己能不...
阅读全文 12

webpack 使用总结


前言 本文是对近半年使用 webpack 的一个总结。webpack 作为 配置型的工具,虽然配置项很多、功能强大,但是用起来并不复杂。文内主要内容来自网络摘抄以及翻译官网文档,相对比较全面。 目前 webpack 已经更新到 2.x 版本,不过 1.x 与 2.x 两个大版本之间的区别并...
前言 本文是对近半年使用 webpack 的一个总结。webpack 作为 配置型的工具,虽然配置项很多、功能强大,但是用起来并不复杂。文内主要内容来自网络摘抄以及翻译官网文档,相对比较全面。 目...

webpack 使用总结

前言 本文是对近半年使用 webpack 的一个总结。webpack 作为 配置型的工具,虽然配置项很多、功能强大,但是用起来并不复杂。文内主要内容来自网络摘抄以及...
阅读全文 3

redux 介绍及配合 react开发


前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减修改。 目录 前言 目录 什么是 Redux,为什么使用 Redux Redux 的三大基本原则 1.唯一数据源 2.State 是...
前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减修改。 目录 前言 目录 什么是...

redux 介绍及配合 react开发

前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减...
阅读全文 0

使用css及js自定义文件上传按钮


目录 前言 隐藏 Input 给 Label 定义样式 网页无障碍 Web Accessibility 键盘导航 可能出现的点击问题 通过 JavaScript 改善 如果 JavaScript 被禁用了怎么办? Firefox 浏览器的 bug 前言 本文主要是利用 <label> 跟js做一些按钮样式功能跟样式上的...
目录 前言 隐藏 Input 给 Label 定义样式 网页无障碍 Web Accessibility 键盘导航 可能出现的点击问题 通过 JavaScript 改善 如果 JavaScript 被禁用了怎么办? Firefox 浏览器的 bug ...

使用css及js自定义文件上传按钮

目录 前言 隐藏 Input 给 Label 定义样式 网页无障碍 Web Accessibility 键盘导航 可能出现的点击问题 通过 JavaScript 改善 如果 JavaScript 被禁用了...
阅读全文 0

使用CSS 或 SVG 制作可扩展、易维护修改的饼状图


前言 最近 CSS 女神 Lea Verou 出版了一本书《CSS Secrets》,书中有大量的css技巧来解决日常开发会碰到的问题。这是一本让人感到惊喜的书,有兴趣的开发者朋友可以购来一看。本文是翻译了这本书中一个片段。 饼状图,是一种常见的网页技术,可以用来显示统计数...

使用CSS 或 SVG 制作可扩展、易维护修改的饼状图

前言 最近 CSS 女神 Lea Verou 出版了一本书《CSS Secrets》,书中有大量的css技巧来解决日常开发会碰到的问题。这是一本让人感到惊喜的书,有兴趣的开发者...
阅读全文 1