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

使用原生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,相比原文略有增删修改。 当我们面对一些需求的时候可能会问自己能不...
阅读全文 10

webpack 使用总结


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

webpack 使用总结

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

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

纯css完美解决背景半透明方案及less封装


前言 最近遇到了全浏览器兼容背景半透明的问题。大致有这么几个解决方案: 1.使用半透明png图片平铺 2.使用opacity属性 3.使用raba颜色+ie的filter滤镜 总的来说,方法一最为简单,但png图片要比几行css大很多,还会增加服务器请求。方法二会使 opacity 下...
前言 最近遇到了全浏览器兼容背景半透明的问题。大致有这么几个解决方案: 1.使用半透明png图片平铺 2.使用opacity属性 3.使用raba颜色+ie的filter滤镜 总的来说,方法一最为简单,...

纯css完美解决背景半透明方案及less封装

前言 最近遇到了全浏览器兼容背景半透明的问题。大致有这么几个解决方案: 1.使用半透明png图片平铺 2.使用opacity属性 3.使用raba颜色+ie的filter滤...
阅读全文 1

javascript 和 jquery 语法上的一些区别


jQuery 能大大简化 Javascript 程序的编写,我最近花时间了解了一下 jQuery,把我上手过程中的笔记和大家分享出来,希望对大家有所帮助。 要使用 jQuery,首先要在 HTML 代码最前面加上对 jQuery 库的引用,比如: <script language="javascript"...

javascript 和 jquery 语法上的一些区别

jQuery 能大大简化 Javascript 程序的编写,我最近花时间了解了一下 jQuery,把我上手过程中的笔记和大家分享出来,希望对大家有所帮助。 要使用 jQuery,首...
阅读全文 0