瓶子2333

2017年9月2日

摘要：表单控件： input 文档在介绍控件之前，先提到了react组件自身的一个特点：状态由state掌控，改变组件状态只能用setState方法。而在html的表单里，input、radio、checkbox、select的值都是随用户输入改变的。要创建一个React的表单控件，也就是用React 阅读全文

posted @ 2017-09-02 17:57 瓶子2333 阅读(405) 评论(0) 推荐(0)

React:List and key

摘要：在React中，可以通过数组方法返回一组组件元素，并将该数组作为render()的js插值。当我们创建列表时，要记得在列表元素中（不单指li，一组div或其他以数组形式渲染的标签也一样）添加key特性。key的值是一个字符串，它表示在列表中该元素的标志（或者说id）。key的作用主要是让DOM在阅读全文

posted @ 2017-09-02 16:12 瓶子2333 阅读(356) 评论(0) 推荐(0)

React:Conditional Rendering（条件渲染）

摘要：就像JS中常常会根据条件（比如if/else、switch）返回不同的值，React中也可以根据组件的状态或其他参考条件返回不同的React Element。比如根据用户是否登陆渲染对应的UI面板。 Class: constructor(props+state+binded-handler) + 阅读全文

posted @ 2017-09-02 14:39 瓶子2333 阅读(333) 评论(0) 推荐(0)

React:Event

摘要： React中给React Element添加事件和在DOM中添加事件很类似。区别是： 1.React中事件特性用驼峰写法，比如onClick（在HTML中事件特性也是特性而已，按标准都该小写。React Element中的HTML特性都是驼峰写法，事件特性也不例外）。 2.React中事件特性阅读全文

posted @ 2017-09-02 13:39 瓶子2333 阅读(510) 评论(0) 推荐(0)

2017年9月1日

React:Component

摘要： web开发由web pages过渡到web app 后，开发的模式也发生了变化，由传统的主张结构、样式、行为分离到现在的组件化，把应用的各个部分看成解耦的部分，每部分自包含js、css和html，以方便管理和复用。在React中组件由React Elements构成。文档说，React的组件就像函阅读全文

posted @ 2017-09-01 17:56 瓶子2333 阅读(622) 评论(0) 推荐(0)

React:Element

摘要： React Elements 是构成React App的最小单位。React中的组件是由一个或多个Elements构成的。和DOM不同，React Elements 是纯粹的JS对象。利用React生成的DOM会根据React elements的数据变化实时更新。 1.RE挂载到DOM节点：只要阅读全文

posted @ 2017-09-01 17:15 瓶子2333 阅读(324) 评论(0) 推荐(0)

React:JSX

摘要： React的一个特色/核心机制是通过创建虚拟DOM，减少对实际DOM的操作，从而提高页面性能。 JSX其实是把XML语法加入到JS中，我们可以用JSX来构建界面，然后JSX由转换器转换成纯JS，在浏览器中执行。在React的文档中，很直接地告诉我们JSX只是JS的一个语法拓展而已。 1.基础语法：阅读全文

posted @ 2017-09-01 16:51 瓶子2333 阅读(162) 评论(0) 推荐(0)

2017年8月30日

canvas 绘图api的位置问题

摘要：很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。我们知道canvas的默认宽高是300X150嘛。实际使用的时候当然是自定义一个高宽啦。通常我们会习惯性地在js中通过canvasDom.style设置了某个高宽的时候，canvas在页面上也确实伸缩了。但是用某些ap 阅读全文

posted @ 2017-08-30 22:43 瓶子2333 阅读(309) 评论(0) 推荐(0)

对象防篡改

摘要： ES5的放篡改方法： Object.preventExtensions(); //限制扩展后不能添加新属性方法 Object.isExtensible(obj); //布尔值 Object.seal(); //将对象密封，在“preventExtensions”的基础上吧[configarable] 阅读全文

posted @ 2017-08-30 12:28 瓶子2333 阅读(136) 评论(0) 推荐(0)

2017年8月29日

单例

摘要：今天不太舒服。。。可是不想断更。最近感觉到技术的提高有点迷惘。其实前端东西挺杂，有些地方有时候想不起来倒没什么，做过笔记的就翻一翻，某个bug研究觉得奇怪就查一查。技术博客、论坛帖子看多了就发现内功才是最重要的。这时候设计模式就登场了。单例算是最基础最简单的一个设计模式了：该类只有一个实例，且阅读全文

posted @ 2017-08-29 21:51 瓶子2333 阅读(128) 评论(0) 推荐(0)

公告