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

撸js基础之数组


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

撸js基础之数组

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

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

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

纯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 库的引用,比如: 12...

javascript 和 jquery 语法上的一些区别

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

css3:border-radius圆角边框详解


前言 今天来聊聊这个border-radius属性,radius的英文意思是弧度的意思,而国人更喜欢称之为圆角,因为它可以使得我们的边框有棱有角。当年前辈们都是用图片君搞定圆角的年代或用一条条边框构造的年代已经一去不复返,而移动互联网的高速发展为 border-radius 属性...
前言 今天来聊聊这个border-radius属性,radius的英文意思是弧度的意思,而国人更喜欢称之为圆角,因为它可以使得我们的边框有棱有角。当年前辈们都是用图片君搞定圆角的年代或用一条条边框...

css3:border-radius圆角边框详解

前言 今天来聊聊这个border-radius属性,radius的英文意思是弧度的意思,而国人更喜欢称之为圆角,因为它可以使得我们的边框有棱有角。当年前辈们都是用图片...
阅读全文 6

​如何进行Sublime Text插件的升级和卸载


在之前的文章中有说过如何轻松快速的安装Sublime Text的插件,以下是如何进行插件之中的升级和卸载。 以下内容均有一个前提:package control已安装. 一、以列表的形式查看已安装的插件: 1、通过ctrl+shift+p打开命令面板 2、输入“list packages”后回车,通过键盘...
在之前的文章中有说过如何轻松快速的安装Sublime Text的插件,以下是如何进行插件之中的升级和卸载。 以下内容均有一个前提:package control已安装. 一、以列表的形式查看已安装的插件: 1...

​如何进行Sublime Text插件的升级和卸载

在之前的文章中有说过如何轻松快速的安装Sublime Text的插件,以下是如何进行插件之中的升级和卸载。 以下内容均有一个前提:package control已安装. 一、以...
阅读全文 1