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

使用原生JS写五子棋

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

使用原生JS写五子棋

06月8日, 2017 2,463 views次

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

撸js基础之对象

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

撸js基础之对象

04月20日, 2017 1,075 views次

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

撸js基础之数组

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

撸js基础之数组

03月15日, 2017 1,903 views次

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

50+个有趣的css属性

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

50+个有趣的css属性

02月8日, 2017 2,029 views次

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

webpack 使用总结

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

webpack 使用总结

12月27日, 2016 5,086 views次

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

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 的文档及一些博文，相对译文原文内容有增减修改。 目录 前言 目录 什么是...
06月20日, 2016 1,396 views次 0

redux 介绍及配合 react开发

06月20日, 2016 1,396 views次

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

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

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

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

10月12日, 2015 1,130 views次

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

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

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

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

08月13日, 2015 1,178 views次

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

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

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

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

01月21日, 2015 955 views次

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

javascript 和 jquery 语法上的一些区别

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

javascript 和 jquery 语法上的一些区别

12月4日, 2014 806 views次

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