2016年9月11日
AngularJS初步
摘要： AngularJS特点 遵循AMD规范 不需要操作节点 对于jquery，一般是利用现有完整的DOM，然后在这戏Dom的基础上进行二次调教了；而对于AngularJS等框架则是根据数据模型以及其对应用dom模板，而后通过模板类似于搭积木那样组合页面。 不适合频繁dom操作的应用。 {{}} Angu 阅读全文
posted @ 2016-09-11 11:15 淡烘糕 阅读(230) 评论(0) 推荐(0) 编辑
React数据传递
摘要： React基础概念 State 属性 this.props只能获取数据，不能修改，不能进行设置操作。 this.props和this.state的区别: this.state：每个组件都有state属性（独立的属性），state有读取和修改的功能。 能够做到虚拟DOM到真实DOM的修改，不能进行父组 阅读全文
posted @ 2016-09-11 11:14 淡烘糕 阅读(3292) 评论(0) 推荐(0) 编辑
React初步
摘要： 今天整理一下自己关于react的学习笔记。 什么是React？ 学习某一个框架首先得知道这个框架是干什么的，它的特点是什么，有哪些优点和缺点。 React有4个特点 组件化 虚拟DOM 单项数据流 jsx 组件化 虚拟DOM 单项数据流 jsx 与Angular的不同点 Angular借鉴了MVC的 阅读全文
posted @ 2016-09-11 11:09 淡烘糕 阅读(239) 评论(0) 推荐(0) 编辑
2016年8月6日
关于变量、函数等的命名
摘要： 自从接触前端以来，一直被一件事所困扰——取名无能。class、id、变量、函数、对象…… 想名字是一件很头疼的事情。最近百度上看到一篇关于命名的一些词汇（http://www.cnblogs.com/iyueyao/p/3777678.html），可以借鉴一下。 函数命名：统一使用动词或者动词+名词 阅读全文
posted @ 2016-08-06 14:16 淡烘糕 阅读(1766) 评论(0) 推荐(0) 编辑
2016年8月1日
jquery mouseout和mouseleave区别
摘要： mouseout()和mouseleave() 都是鼠标移出元素时触发，但是这两者又有所区别，需要大家留意： 不论鼠标指针离开指定元素还是该元素子元素，都会触发 mouseout 事件。 不论鼠标指针离开指定元素还是该元素子元素，都会触发 mouseout 事件。 只有在鼠标指针离开指定元素时，才会 阅读全文
posted @ 2016-08-01 23:45 淡烘糕 阅读(578) 评论(0) 推荐(0) 编辑
2016年7月10日
HTML5+CSS3项目总结
该文被密码保护。 阅读全文
posted @ 2016-07-10 17:34 淡烘糕 阅读(738) 评论(0) 推荐(0) 编辑
2016年7月3日
用CSS画五角星
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>五角星</title> <style> #star-five { margin: 50px; position: relative; display: block; 阅读全文
posted @ 2016-07-03 20:43 淡烘糕 阅读(3399) 评论(0) 推荐(0) 编辑
如何利用 Bootstrap 进行快速 Web 开发
摘要： 原文出处： IBM developerworks 了解如何使用 Bootstrap 快速开发网站和 Web 应用程序（包括移动友好型应用程序）。Bootstrap 以 LESS 项目为基础，由 Twitter 的内部工程师开发，它为 Web 应用程序 UI 提供了一致的框架。 浏览器开发人员最后将其 阅读全文
posted @ 2016-07-03 19:39 淡烘糕 阅读(3420) 评论(0) 推荐(0) 编辑
深入理解 CSS3 弹性盒布局模型
摘要： Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局，从而改变组件的尺寸和位置， 以达到最佳的显示效果。这 阅读全文
posted @ 2016-07-03 19:28 淡烘糕 阅读(15941) 评论(0) 推荐(1) 编辑
2016年6月26日
【css基础】文本对齐，水平对齐，垂直对齐
摘要： 先说水平对齐，那首先想到的就是text-align了，text-align:left，text-align:center，text- align:right，代表的就是左对齐，居中对齐和右对齐，需要注意的是如果有padding这类的东西在，千万看清楚两边的padding值是否相 同，当你看到文字不在 阅读全文
posted @ 2016-06-26 21:59 淡烘糕 阅读(15186) 评论(0) 推荐(0) 编辑