前端记录 - 记录分享前端知识技能
前端记录 记录分享前端知识

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的英文意思是弧度的意思,而国人更喜欢称之为圆角,因为它可以使得我们的边框有棱有角。当年前辈们都是用图片...
阅读全文 1

​如何进行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

前端神器Sublime Text下载、使用教程、插件推荐说明、全套快捷键


  忘记了是怎么开始用的ST,应该是在网上看到别人推荐才用到吧,用了有一年多了。在windows下是绝对的神器,Notepad++之类的无可比拟,前端必备的敲码工具,大量便捷的快捷键跟丰富神器的插件,相当不错,推荐给你。   一、安装Sublime Text 3 官网 http:...
  忘记了是怎么开始用的ST,应该是在网上看到别人推荐才用到吧,用了有一年多了。在windows下是绝对的神器,Notepad++之类的无可比拟,前端必备的敲码工具,大量便捷的快捷键跟丰富神器...

前端神器Sublime Text下载、使用教程、插件推荐说明、全套快捷键

  忘记了是怎么开始用的ST,应该是在网上看到别人推荐才用到吧,用了有一年多了。在windows下是绝对的神器,Notepad++之类的无可比拟,前端必备的敲码工...
阅读全文 6