css框架 | 易学教程

【转】前端UI框架小汇总

阅读更多关于【转】前端UI框架小汇总

前言：　　近期，小弟根据GitHub、前端社区、掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总（ps：前端UI框架的应用是通过GitHub star数，社区热度和使用范围等进行的粗略的汇总【不分先后】）。希望对寻找UI框架的小伙伴们提供点帮助。　　以下对前端UI框架的移动端、PC端和混合APP的应用进行了列举。移动端UI框架 Mint UI（饿了么团队）　　中文官网： http://mint-ui.github.io/#!/zh-cn 　　描述：基于vue的移动端UI框架　　基于vue 　　组件库：　　　　　　　　GitHub地址： https://github.com/ElemeFE/mint-ui/ 　　star：8705，fork：1810 　　latest commit 2017.12.6 6pm 　　32 contributors 　　预览：　　　　 http://elemefe.github.io/mint-ui/#/ 　　基础引入：　　　　CDN:  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">  <script src="https://unpkg.com/mint-ui/lib

前端面试题

阅读更多关于前端面试题

1.讲讲输入完网址按下回车，到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 2.谈谈你对前端性能优化的理解 a. 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b. 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c. 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存 d. 页面结构：将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出 e. 代码校验：避免CSS表达式，避免重定向 3.前端 MV*框架的意义早期前端都是比较简单，基本以页面为工作单元，内容以浏览型为主，也偶尔有简单的表单操作，基本不太需要框架。随着 AJAX 的出现，Web2.0的兴起，人们可以在页面上可以做比较复杂的事情了，然后前端框架才真正出现了。如果是页面型产品，多数确实不太需要它，因为页面中的 JavaScript代码，处理交互的绝对远远超过处理模型的，但是如果是应用软件类产品，这就太需要了。长期做某个行业软件的公司

Django基础一之web框架的本质

阅读更多关于 Django基础一之web框架的本质

我们可以这样理解：所有的Web应用本质上就是一个socket服务端，而用户的浏览器就是一个socket客户端，基于请求做出响应，客户都先请求，服务端做出对应的响应，按照http协议的请求协议发送请求，服务端按照http协议的响应协议来响应请求，这样的网络通信，我们就可以自己实现Web框架了。　　通过对socket的学习，我们知道网络通信，我们完全可以自己写了，因为socket就是做网络通信用的，下面我们就基于socket来自己实现一个web框架，写一个web服务端，让浏览器来请求，并通过自己的服务端把页面返回给浏览器，浏览器渲染出我们想要的效果。 html文件内容如下，名称为test.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="icon" href="wechat.ico">  <style> h1{ background-color: green; color: white; } </style> </head> <body> <h1>姑娘，你好，我是Jaden，请问约吗？嘻嘻~~</h1> <!-

手写一个webpack4.0配置

阅读更多关于手写一个webpack4.0配置

本文转载于: 猿2048 网站⇛ https://www.mk2048.com/blog/blog.php?id=kkhjiahaa 确认过眼神，你还是没有准备秋招的人？时间仓促。自京东6月8号开启管培生的招聘，就意味着秋招的开始。然而你还在等着秋天的到来？今年形势应该更为严峻，随着各大技术(vue,webpack，react，微信小程序)生态越来越成熟，这也意味着我们要更加深入的去了解他们，掌握他们。比如你写vue项目，知道vue-cli。写的项目也无以伦比，但是你是否又会去了解下vue-cli到底发生了什么？或许这就是面试官要问你的问题：请手写一个webpack4.0的配置。前言机会总是留给有准备的人，要想在这兵荒马乱的求职季里出类拔萃，拿下你心中期待已久的offer。那么你更因该知道很多别人不知道的东西，你的羽翼才能丰满，才能翱翔于天际。鹰击长空，靠的不是天生，而是年少时断崖之险。笨鸟先飞，靠的不是智慧，而是孜孜不倦的努力。 webpack详解 webpack是一个打包工具，他的宗旨是一切静态资源即可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack将现代js开发中的各种新型有用的技术，集合打包。webpack的描述铺天盖地

(转载)Android/Linux下CGroup框架分析及其使用

阅读更多关于 (转载)Android/Linux下CGroup框架分析及其使用

CGroup是control group的简称，它为Linux kernel提供一种任务聚集和划分的机制，可以限制、记录、隔离进程组（process groups）所使用的资源（cpu、memory、I/O等）。CGroup也是LXC为实现虚拟化所使用的资源管理手段。CGroup本身是提供将进程进行分组化管理的功能和接口的基础结构，I/O或内存的分配控制等具体的资源管理功能是通过这个功能来实现的。这些具体的资源管理功能称为CGroup子系统。 CGroup子系统包含如下：子系统主要功能 blkio 设置限制每个块设备的输入输出控制。 cpu 使用调度程序为CGroup任务提供CPU的访问。 cpuacct 产生CGroup任务的CPU资源报告，CPU Accounting Controller。 cpuset 如果是多核CPU，这个子系统就会为CGroup任务分配单独的CPU和内存。 devices 允许或拒绝CGroup任务对设备的访问。 freezer 暂停或恢复CGroup任务。 hugetlb 允许限制CGroup 的HubeTLB使用 memory 设置每个CGroup的内存限制以及产生内存资源报告。 net_cls 标记每个网络包以供CGroup方便使用。 net_prio 提供接口以供动态调节程序的网络传输优先级。 perf_event

前端开发浏览器兼容问题

阅读更多关于前端开发浏览器兼容问题

嘿，大家好~ 既然点击来了，不妨就继续看下去把~ 作者：along csshack 我很少使用hacker的，可能是个人习惯吧，我不喜欢写的代码IE不兼容，然后用hack来解决。不过hacker还是非常好用的。使用hacker我可以把浏览器分为3类：IE6 ；IE7和遨游；其他（IE8 chromeff safari opera等） ◆IE6认识的hacker 是下划线_ 和星号 * ◆IE7 遨游认识的hacker是星号 * 比如这样一个CSS设置： 1.height:300px;*height:200px;_height:100px; IE6浏览器在读到height:300px的时候会认为高时300px；继续往下读，他也认识*heihgt，所以当IE6读到*height:200px的时候会覆盖掉前一条的相冲突设置，认为高度是200px。继续往下读，IE6还认识_height,所以他又会覆盖掉200px高的设置，把高度设置为100px； IE7和遨游也是一样的从高度300px的设置往下读。当它们读到*height200px的时候就停下了，因为它们不认识_height。所以它们会把高度解析为200px，剩下的浏览器只认识第一个height:300px;所以他们会把高度解析为300px。因为优先级相同且想冲突的属性设置后一个会覆盖掉前一个，所以书写的次序是很重要的。 FireFox

显微镜下的webpack4入门

阅读更多关于显微镜下的webpack4入门

前端的构建打包工具很多，比如grunt，gulp。相信这两者大家应该是耳熟能详的，上手相对简单，而且所需手敲的代码都是比较简单的。然后webpack的出现，让这两者打包工具都有点失宠了。webpack比起前两者打包工具，对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们，就不要考虑webpack了，他很傲娇地不兼容！ webpack，这是一个组合词“web”+“pack”，web就是网站的意思，“pack”有打包的意思，webpack组合在一起就是网站打包的意思，这个名字相当暴力简单明了啊。webpack这款工具虽然很难学，但是自由度很大，玩转之后有种随心所欲的感觉。在学习webpack之前，有几个基础的概念： JavaScript，如果这个编程能力不过关，比如不清楚ES6的语法，那么webpack学起来有些费力，还是要先去学习基础知识。 nodejs，关于nodejs的日常用法，还是需要了解的，不然webpack改如何启动，都无从下手。 CommonJS，这个规范是需要学习下的，webpack的配置文件就是按照这个规则。如果以上几个技能都具备，那么恭喜我们可以开始webpack的学（求）习（虐）之旅了。在使用webpack之前，我们需要了解webpack的工作原理。webpack打包出来的JS不仅仅是压缩混淆我们的源文件，而且还对它做了其他的处理

10个顶级的CSS UI开源框架

阅读更多关于 10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架，有几个确实不错，一起来看看。 1、Bootstrap – 最流行的Web前端UI框架 Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术，Bootstrap提供了时尚的排版样式，表单，buttons，表格，网格系统等等。官方网站：http://getbootstrap.com/ 2、jQuery UI - 基于jQuery的开源Javascript框架 jQuery UI是一款基于jQuery的开源Javascript框架，jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件，让开发者可以更方便地实现网页交互界面，jQuery UI的整个框架比较庞大，但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮，值得一试。官方网站：http://jqueryui.com/ 3、jQuery

Java+Selenium3框架设计准备篇3-TestNG实现DDT（1）

阅读更多关于 Java+Selenium3框架设计准备篇3-TestNG实现DDT（1）

ԭ Java+Selenium3框架设计准备篇3-TestNG实现DDT（1） 2017年07月15日 22:56:13 Anthony_tester 阅读数：3193 </div> <div class="operating"> </div> </div> </div> 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011541946/article/details/75126377 </div> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-f57960eb32.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-f57960eb32.css"> <div class="htmledit_views" id="content_views"> 我们来试试2个用户登录，数据存储在二维数组。 package lessons; import org.openqa.selenium.By ; import org.openqa.selenium

网站服务器的极简制作与搭建（HTML5+CSS+javascript+NodeJS）

阅读更多关于网站服务器的极简制作与搭建（HTML5+CSS+javascript+NodeJS）

本文致力于使得较有经验的程序员能够在一天之内了解网站搭建制作的基本知识，尽快制作出可以展示用的demo。具体地，笔者为了完成大作业，需要搭建一个搜索引擎的网站，仅仅作为展示的demo，并不对原创性和运行性能有过多要求，所以目标是尽快制作出差不多的网站用于展示。笔者对网站相关知识的学习，也只有不到一周的时间，文中描述如有疏漏，欢迎各路大神指教。网站搭建通常分为两个部分：服务器搭建（服务器端）+网页制作（客户端）。网页制作部分主要包括网页内容、样式设计；服务器部分负责监听端口，根据请求与本地内容生成相应的响应。网站框架示意图如下图所示：一种简单的情景是：客户端通过访问特定IP以及端口发送HTML请求，监听该IP端口的服务器（这里使用NodeJS搭建）会接收并解析出HTML请求，然后根据请求的指定路径生成相应的HTML文件，通过HTTP协议返回到客户端，客户端的服务器再根据收到的HTML文件显示或者再次发送请求（依据HTML, CSS, javascript语法）。使用HTML5+CSS+javascript+NodeJS的客户端服务器端通信流程的简易示例图如下：笔者选用了NodeJS搭建服务器端是因为其同样基于javascript语言，脚本式的语言极易上手，同时异步并发的特性天然支持网站服务器搭建，借助于众多成熟的包可以轻松愉快的搭建出性能不弱的网站服务器。其运行在服务器端

订阅 css框架