50个CSS、Javascript工具（框架，库）_css工具箱(1)

为了做好运维面试路上的助攻手，特整理了上百道 【运维技术栈面试题集锦】 ，让你面试不慌心不跳，高薪offer怀里抱！

这次整理的面试题，小到shell、MySQL，大到K8s等云原生技术栈，不仅适合运维新人入行面试需要，还适用于想提升进阶跳槽加薪的运维朋友。

本份面试集锦涵盖了

• 174 道运维工程师面试题
• 128道k8s面试题
• 108道shell脚本面试题
• 200道Linux面试题
• 51道docker面试题
• 35道Jenkis面试题
• 78道MongoDB面试题
• 17道ansible面试题
• 60道dubbo面试题
• 53道kafka面试
• 18道mysql面试题
• 40道nginx面试题
• 77道redis面试题
• 28道zookeeper

总计 1000+ 道面试题， 内容 又全含金量又高

• 174道运维工程师面试题

1、什么是运维?

2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?

3、现在给你三百台服务器，你怎么对他们进行管理?

4、简述raid0 raid1raid5二种工作模式的工作原理及特点

5、LVS、Nginx、HAproxy有什么区别?工作中你怎么选择?

6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?

7、Tomcat和Resin有什么区别，工作中你怎么选择?

8、什么是中间件?什么是jdk?

9、讲述一下Tomcat8005、8009、8080三个端口的含义？

10、什么叫CDN?

11、什么叫网站灰度发布?

12、简述DNS进行域名解析的过程?

13、RabbitMQ是什么东西?

14、讲一下Keepalived的工作原理?

15、讲述一下LVS三种模式的工作过程?

16、mysql的innodb如何定位锁问题，mysql如何减少主从复制延迟?

17、如何重置mysql root密码?

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以点击这里获取！

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

SassyFlags SVG&CSS开发的国家标识。

Primer, 常用的html控件、布局模板样式.

Flickity, 滑块基于css3+JS，支持摸摸嗒。

Pushy, 一款响应式的CSS3动画效果的导航菜单

CSS Stats, a tool that will visualize useful stats about your CSS.

Flexbox Tools

flexbox in 5 minutes, an interactive tour of all the major features of the CSS property: flexbox.

Flexbugs, a community-curated list of flexbox issues and cross-browser workarounds

cssPlus, a robust, fast and cross browser layout scaffolding based on Flexbox.

Responsive Web Frameworks

flexible.gs, a responsive and flexible grid system CSS framework (CSS, Sass, LESS and Stylus).

Rin, a lean, gulp-based HTML and SASS boilerplate for better front-end coding.

Wee, a lightweight front-end framework for logically building complex, responsive web projects.

spaceBase, a Sass-based responsive CSS framework.

Decorator, a new HTML, CSS, and JavaScript front-end framework.

Rebar, a new Sass / Stylus grid framework.

Lost, a SCSS or Stylus fractional grid system built with calc().

RWDGRID, a responsive grid system based on the 960 grid system.

Manhattan, a clean, lightweight and customisable CSS grid system.

Material Design Frameworks

Material, a HTML5 UI framework based on Material Design.

LumX, the first responsive front-end framework based on AngularJS & Material Design specs.

MUI, a lightweight Material Design web framework.

Random CSS Stuff

icono, a set of pure CSS icons with only one element.

CSS Gradient Animator, a web-based tool for generating animated gradients.

localFont, a web app for implementing localStorage web font caching in seconds.

Web Font Load – The easiest way to install all of the Google Web Fonts on OSX.

ai2html, an open-source script for Adobe Illustrator that converts Illustrator documents into HTML and CSS.

JavaScript Libraries & Frameworks

Marx, the stylish CSS reset with no Javacript or Classes. Just raw CSS.

Sprint, a tiny, lightning fast jQuery-like library for modern browsers.

Svidget.js, a JavaScript framework for building fantastic SVG widgets.

Challenger.js, a drop-in JS library that adds interactive programming pop-up challenges to any page.

Vorlon.JS, an open source, extensible, platform-agnostic tool for remotely debugging and testing JS.

Layzr.js, a small, fast, modern, and dependency-free library for lazy loading.

Clusterize.js, a tiny vanilla JS plugin to display large data sets easily.

Elevator.js, a “back to top” button that behaves like a real elevator.

egg.js, a simple javascript library to add easter eggs to web pages.

epicGrid, a pure, lightweight, responsive Javascript solution for building grid systems.

ramjet.js, a library that morphs DOM elements from one state to another with smooth transitions.

ItemSlide.js, a simple JavaScript touch carousel with support for touch swiping & mousewheel scrolling.

Plumin.js – Create and manipulate fonts using Javascript.

Smiley.js, a script for rotating smiley faces on your site to the correct viewing.

vivus.js, a lightweight JavaScript class that allows you to animate SVGs.

Rimg – A pure JS responsive image solution for browsers that support mediaqueries.

Animsition, a simple and easy jQuery plugin for CSS animated page transitions.

Unicoder.js, a JS library that converts text to some of the more artistic unicode alphabets.

Space.js, an HTML-driven JavaScript library for narrative 3D-scrolling.

cta.js, a lightweight library for animating your “action-to-effect” paths. 

Awesomplete, an ultra lightweight, highly customizable and simple autocomplete jQuery plugin.

Select or Die, a jQuery plugin to style elements.

Textures.js — a set of SVG elements for data visualization.

datedropper, a jQuery plugin that offers an easy way to manage dates for input fields.

underline.js, a Javascript library that sets out draw and animate the most perfect and playful text underline.

lory.js, a touch enabled minimalistic slider written in vanilla JavaScript.

为了做好运维面试路上的助攻手，特整理了上百道 【运维技术栈面试题集锦】 ，让你面试不慌心不跳，高薪offer怀里抱！

这次整理的面试题，小到shell、MySQL，大到K8s等云原生技术栈，不仅适合运维新人入行面试需要，还适用于想提升进阶跳槽加薪的运维朋友。

本份面试集锦涵盖了

• 174 道运维工程师面试题
• 128道k8s面试题
• 108道shell脚本面试题
• 200道Linux面试题
• 51道docker面试题
• 35道Jenkis面试题
• 78道MongoDB面试题
• 17道ansible面试题
• 60道dubbo面试题
• 53道kafka面试
• 18道mysql面试题
• 40道nginx面试题
• 77道redis面试题
• 28道zookeeper

总计 1000+ 道面试题， 内容 又全含金量又高

• 174道运维工程师面试题

1、什么是运维?

2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?

3、现在给你三百台服务器，你怎么对他们进行管理?

4、简述raid0 raid1raid5二种工作模式的工作原理及特点

5、LVS、Nginx、HAproxy有什么区别?工作中你怎么选择?

6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?

7、Tomcat和Resin有什么区别，工作中你怎么选择?

8、什么是中间件?什么是jdk?

9、讲述一下Tomcat8005、8009、8080三个端口的含义？

10、什么叫CDN?

11、什么叫网站灰度发布?

12、简述DNS进行域名解析的过程?

13、RabbitMQ是什么东西?

14、讲一下Keepalived的工作原理?

15、讲述一下LVS三种模式的工作过程?

16、mysql的innodb如何定位锁问题，mysql如何减少主从复制延迟?

17、如何重置mysql root密码?

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以点击这里获取！

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

13、RabbitMQ是什么东西?

14、讲一下Keepalived的工作原理?

15、讲述一下LVS三种模式的工作过程?

16、mysql的innodb如何定位锁问题，mysql如何减少主从复制延迟?

17、如何重置mysql root密码?

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以点击这里获取！

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！