CSS Module

CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展,CSS 被远远甩在了后面,逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。 CSS 模块化的解决方案有很多,但主要有两类。一类是彻底抛弃 CSS,使用 JS 或 JSON 来写样式。Radium,jsxstyle,react-style 属于
阅读本文

CSS:如何清除a标签之间的默认留白间距

即使我们使用了类似 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式,也会发现类似标签这种inline-block元素,它们之间也还存在着间距。demo:默认情况 运行效果:  我们会发现默认间距的存在,这种间距也被成为元素间留白间距。之前也曾遇到过,但是没太注意,最近因为和同事整理公司的UI框架,遇到类似的情况比较多,所以,查找了相关资料以及实践验证之后,发现了如
阅读本文

css基础知识(一)

一.Css规则主要由两部分组成 1.选择器 2.一条或多条声明a. 选择器主要作用是为了确定需要改变样式的HTML元素b. 每一条声明由一个属性和一个值组成,使用花括号来包围声明,属性与值之间使用冒号(:)分开,多条声明用分号(;)隔开.例如:form {width: 200px;margin: 20px auto;}二.选择器有id,类,元素(标签),属性,伪类,通用选择器前几个大家大概都清楚,
阅读本文

css基础知识(一)

一.Css规则主要由两部分组成 1.选择器 2.一条或多条声明a. 选择器主要作用是为了确定需要改变样式的HTML元素b. 每一条声明由一个属性和一个值组成,使用花括号来包围声明,属性与值之间使用冒号(:)分开,多条声明用分号(;)隔开.例如:form {width: 200px;margin: 20px auto;}二.选择器有id,类,元素(标签),属性,伪类,通用选择器前几个大家大概都清楚,
阅读本文

CSS 外边距合并!!!

子元素设置margin-top后,父元素跟随下移的问题<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>Title</title> <style> div{ background: blue; width: 200px; height: 200p
阅读本文

关于web.xml配置中的<url-pattern>

标签是我们用Servlet做Web项目时需要经常配置的标签,例:indexcom.we.servlet.IndexServletindex/index当我们在浏览器的地址栏里输入http://localhost:8080/we/index时[假设我部署在webapps目录下的项目名为we]就会匹配到我们指定的中,即/index然后一步一步找到对应的那我们输入的URL:http://localhos
阅读本文

div+css制作表格

html: <div class=“table“> <h2 class=“table-caption“>花名册:</h2> <div class=“table-column-group“> <div class=“table-column“></div> <div class=“table-col
阅读本文

html学习-js

1.js介绍JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。js能使html动起来,使之能用户产生交互1.1js存在形式js存在形式与css编写及引入方式类似 <!-- 方式一 --> <script type“text/javascript“ src=“JS文件路
阅读本文

html学习-css

1.css初识css 中文解释:层叠样式表,把html比作木偶的话,css就是木偶的衣服,他的外在都能通过css来修饰,js则能是html动起来。产生用户交互。。。1.1css样式表类型css样式类型:  行内样式:  内部样式:  外部样式(推荐使用):<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“>
阅读本文

最常用的五类CSS选择器

一些新手朋友对选择器一知半解,不知道在什么情况下运用什么样的选择器,这是一个比较头疼的问题,针对新手朋友,对CSS选择器作一些简单的说明,希望能对大家的学习工作有一定的帮助,更多的CSS知识请参考Webjx.com的其他文章。   准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。在实际工作中,最
阅读本文

css的引入方式及区别

css的引入方式:1.行内样式: 2.内嵌样式:将css样式内嵌到HTML页面中,写在与之间,例如:                                                                                       css引入方式--内嵌
阅读本文

前端学习思路梳理

基本知识 html+css ★★★★★a)       基本样式b)       代码编写规范:高性能 易于阅读 扩展 维护任务专题类页面 2天天猫页面(优化点)3天Javascript高级 事件 动画★★★★    解析jquery框架3天Mvc编程思想 ★★★1天浏览器兼容性 ★★★★★1天移动端★★2天常用框架★性能优化★常用数据结构★★★★★
阅读本文

在学习前端之前,你需要了解。。。。

1.最基础的前端代码分为三个,分别是:HTML、CSS、jQuery,推荐学习顺序为HTML+CSS → jQuery。2.HTML目前的最新版本是5,jQuery最广泛稳定的版本是1.X。4.请尽量不要用到DW等页面设计软件,因为早已过时。5.在学习前端的过程中请常用流行浏览器自带的F12开发者插件。6.如果注重于兼容性,请下载安装多个浏览器,例如Chrome、Firefox。7.目前可以不再需
阅读本文

python3中urlopen()和get()区别

爬虫里面,我们不可避免的要用urllib中的urlopen()和requests.get()方法去请求或获取一个网页的内容,这里面的区别在于urlopen打开URL网址,url参数可以是一个字符串url或者是一个Request对象,返回的是http.client.HTTPResponse对象.http.client.HTTPResponse对象大概包括read()、readinto()、gethe
阅读本文

移动端touch实现下拉刷新

移动端实现下拉刷新 第一部分:四个touch事件  1.touchstart:只要将手指放在了屏幕上(而不管是几只),都会触发touchstart事件。  2.touchmove: 当我们用手指在屏幕上滑动时,这个事件会被连续触发。 如果我们不希望页面随之滑动,我们可以使用event的preventDefault来阻止这个默认行为。  3.touchend: 当手指滑动后离开屏幕,这时就触发了to
阅读本文

zepto源码解读(二)——zpeto.init()函数——(1)结构整理

前面第一节我们大致阐述了zepto的设计结构,看起来东西很多,但是化整为零就没那么繁杂了,一起来看一看,首先我们来看一看zepto源码中可以说是最关键的函数之一zepto.init()。我们之前说到了$这个api会导致函数zepto返回$这个接口,$呢,是一个函数:1 // `$` will be the base `Zepto` object. When calling this 2 /
阅读本文