前端
文章平均质量分 67
lihei12345
这个作者很懒,什么都没留下…
展开
-
block,inline和inline-block概念和区别
[转] 总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(转载 2014-07-13 20:30:41 · 1379 阅读 · 0 评论 -
CSS中实现垂直居中和水平居中
1. 垂直居中:设置height和line-height原创 2014-08-01 14:33:09 · 682 阅读 · 0 评论 -
jQuery学习笔记 — jQuery 与 Ajax 的应用
Ajax 全称为 “Asynchronous JavaScript and XML”,它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。一. Ajax 的优势和不足1. Ajax 的优势(1) 不需要插件支持(2) 优秀的用户体验:这是Ajax技术最大优点,能在不刷新整个页面的前提下更新数据,这使得Web应用程序能更为迅速地回应用户的操原创 2015-03-22 14:13:16 · 742 阅读 · 0 评论 -
React.js学习笔记
最近在学习ReactNative,在搜集学习资料探究学习方式的阶段发现,要想能在实际项目中做到应用RN的水平,就必须要先对React.js很了解才可以。在了解React.js的过程中,发现里面涉及的概念非常多,node.js/js/css/jsx/babel/es6/flux/redux等等,感觉前端的技术栈果然比较深一些。根据我自身的学习习惯,先对知识的整理学习完毕,做到对技术的可控状态才算学习原创 2015-11-08 18:32:46 · 2827 阅读 · 0 评论 -
<React: Up and Running>阅读笔记 — JSX
Transpiling JSXtranspilation是获取source code, 然后使用老版本浏览器可以理解的JavaScript来重写的过程,这两个版本之间的语法不一样,但是功能是一样的。这个JavaScript的polyfills是不一样的,polyfill是完全JavaScript-land的,比如解决JavaScript新老版本API兼容的问题,把高版本的A原创 2015-11-08 18:26:01 · 2375 阅读 · 2 评论 -
React Native技术栈学习路径
大致了解了一下RN的实现,感觉里面的技术栈是比较深的,跟搞前端的大牛请教了一下,大致总结出下面一个学习路径,决定按部就班把这方面技术好好学习一下。原创 2015-11-08 18:57:32 · 3831 阅读 · 0 评论 -
<React: Up and Running>阅读笔记 — The life of a component & Excel: a fancy table component
Properties要把Component的this.props属性认为是可读的,properties用来从parent component传递configuration给children。proptypes可以通过在components中添加一个叫做 propTypes 的property,这个property的值是一个列表,这个列表中定义了component可以接受原创 2015-11-08 18:31:28 · 1976 阅读 · 2 评论 -
React Doc阅读笔记一 — Why React ? && Displaying Data
Why React?React是Facebook和Instagram用来构建user interface的JavaScript Library,它要解决的核心问题:building large applications with data that changes over time. Reactive UpdatesReact use a fast,原创 2015-11-08 18:11:09 · 1588 阅读 · 0 评论 -
Flux学习笔记
Flux基本概念关于Flux,基本概念看了一天,对整体的概念有了一个基本的认识,这部分不算很难,概念上面也很容易理解。推荐一篇文章,结合facebook的官方的概念解释,可以快速对Flux有个很好的理解,甚至对基本的使用也会有个比较清晰的认识,参考:https://medium.com/brigade-engineering/what-is-the-flux-application-a原创 2015-12-10 23:58:03 · 1914 阅读 · 0 评论 -
Redux学习笔记
随着JavaScript单页面应用开发的日趋复杂,JavaScript需要管理比之前任何时候都要多的State。State可以包括服务器返回的数据,本地缓存的数据,也可以是本地创建还没有发送给服务器的数据。UI state也变得日趋复杂。管理持续不断变化的state变得非常困难,最终的结果就是对state的失控,你不知道state是when, why 以及how发生变化的。导致的问题就原创 2015-12-10 23:46:26 · 9375 阅读 · 1 评论 -
display:inline、block、inline-block的区别
一. display:block就是将元素显示为块级元素.block元素的特点是: 1. 总是在新行上开始; 2. 高度,行高以及顶和底边距都可控制; 3. 宽度缺省是它的容器的100%,除非设定一个宽度 4. , , , , 和 是块元素的例子。二. display:inline就是将元素显示为行内元素.inline元素的特点是: 1. 和其转载 2015-03-12 20:59:13 · 815 阅读 · 0 评论 -
jquery学习笔记—jQuery选择器
一. jQuery选择器是什么1. CSS选择器要是某个样式应用于特定的HTML元素,首先需要找到该元素,在CSS中,执行这一任务的表现规则称为CSS选择器。参见之前CSS的学习博客:http://blog.csdn.net/colorapp/article/details/43706585。2. jQuery选择器jQuery中的选择器完全继承了C原创 2015-03-15 19:35:40 · 1008 阅读 · 0 评论 -
关于浮动的前世今生
原文:all about floats译文:关于浮动的前世今生版权所有,转载请注明出处,多谢!!什么是浮动?浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子:在排版软件里面,存放文字的盒子可以被设置为允许图文混排,或者无视它。无视图文混排转载 2014-07-13 19:56:18 · 622 阅读 · 0 评论 -
<CSS设计指南> 学习总结 -- 第三章
可见的页面版式主要由三个属性控制:position属性,display属性和float属性,其中,position属性控制页面上元素间的位置关系;display属性控制元素是堆叠,并排还是根本不出现在页面上;float属性提供控制方式,以便把元素组成成多栏布局。理解盒模型元素盒子的属性可以分为三组:边框(border)。可以设置边框的宽窄,样式和颜色内边距(padding)原创 2015-02-10 19:08:30 · 501 阅读 · 0 评论 -
<CSS设计指南>学习总结 -- 第四章
字体网页中字体有三个来源:用户机器中安装的字体。(直到最近,这些字体还是能在网页中放心使用的唯一一批字体)保存在第三方网站上的字体,最常见的是typekit和google,可以使用link标签把它们链接到你的页面上保存在你的web服务器上的字体,这些字体可以使用@font-face规随网页一起发送给浏览器与字体样式相关的6个属性:font-familyfon原创 2015-02-10 19:09:10 · 587 阅读 · 0 评论 -
<CSS设计指南> 学习总结 -- 第一二章
非文本内容是通过自闭和标签显示的。闭合标签与自闭和标签的区别在于,闭合标签包含的是会显示的实际内容,而自闭合标签只是给浏览器提供一个对要显示内容的引用。浏览器会在HTML页面加载的时候,额外向服务器发起请求,以取得自闭合标签引用的内容。在XHTML标准中,严格规定所有的标签都必须闭合,但HTML5标准在这方面则要宽松的多。换句话说,在HTML5网页里,某些闭标签是可以省略不写的。是一个列表项,原创 2015-02-10 19:07:35 · 747 阅读 · 0 评论 -
<CSS设计指南> 学习总结 -- 页面布局
布局的基本概念多栏布局有三种基本的实现方式:固定宽度、流动、弹性1. 固定宽度:该布局的大小不会随用户调整浏览器窗口大小而变化,一般是900到1100像素宽。其中960像素是最常见的,因为这个宽度适合所有现代显示器,而且能够被16、12、10、8、6、5、4和3整除,不仅容易计算出等宽分栏的数量,而且计算结果也能得到没有小数的像素数。2. 流动: 布局的大小会随着用户调原创 2015-02-10 19:10:17 · 712 阅读 · 0 评论 -
jquery学习笔记— jQuery对象和DOM对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。在jQuery对象中无法使用DOM对象的任何方法。注意一点,用#id作为选择符取得的是jQuery对象而并非 document.getElementById(“id")所得到的DOM对象,两者不等价。1. jQue原创 2015-03-15 19:24:18 · 613 阅读 · 0 评论 -
jQuery学习笔记 — jQuery中的DOM操作
一. DOM操作的分类一般来说,DOM的操作分为2个方面,即DOM Core(核心),HTML-DOM和CSS-DOM。1. DOM Core: JavaScript中的getElementById(),getElementsByTagName(),getAttribute()和setAttribute()等方法,都是DOM Core的组成部分。2. HTML-DOM: 在使用Java原创 2015-03-15 19:36:56 · 551 阅读 · 0 评论 -
jQuery学习笔记— jQuery对表单、表格的操作以及更多应用
表单(Form)和表格(Table)都是HTML的重要组成部分,分别用于采集、提交用户输入的信息和显示列表数据。一. 表单应用一个表单有2个基本组成部分:(1) 表单标签:包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法。(2) 表单域:包含文本框、密码框、隐藏域、多行文本框、复选框,单选框、下拉选项框和文本上传框等。(3) 表单按钮:包含提交按钮、复原创 2015-03-15 19:41:17 · 670 阅读 · 0 评论 -
jQuery学习笔记— jQuery中的事件和动画
一. jQuery中的事件1. 加载DOM在常规的 JavaScript 代码中,通常使用 window.onload 方法,而在 jQuery 中,使用的是$(document).ready()方法。$(document).ready 方法和 window.onload 方法之间的区别:(1) 执行时机:$(document).ready()方法和 window.onload 方法有原创 2015-03-15 19:39:25 · 945 阅读 · 0 评论 -
vue.js思维导图笔记
原创 2018-05-21 20:14:17 · 4695 阅读 · 3 评论