MissHoya-CSDN博客

翻译在React中受控和非受控的表单输入并不需要太复杂

原文：(https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/)你也许在很多文章中看到过说“you shouldn’t use setState…”或者声称“refs are bad”…这是很矛盾的事。这让我们很难理解怎么才能正确取值甚至说选择的标准到底是什么。

2017-07-05 16:41:21 2118

转载 JavaScript的事件代理

如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一。事实上，如果你已经知道怎么添加JavaScript的事件处理器（event handler），实现事件代理也是件轻而易举的事情。 JavaScript事件是所有

2016-02-26 15:09:57 503

在验证表单填入数据时，如果数据有错或无效会显示提示信息，在用angular写表单时，提示信息可以用ng-show在触发情况是显示，为了减少重复标记，可以利用ngMessages指令。 angular-messages是angular的一个模块，可以作为应用程序依赖模块引入：angular.module("MyApp",["ngMessages"])；<form name="signup_form"

2015-11-23 15:22:01 3753

原创 angular的filter日期格式

内置的支持本地化的日期格式{{ today | date:'medium' }}  {{ today | date:'short' }} {{ today | date:'fullDate' }}  {{ today

2015-11-21 17:31:01 1002

转载 angular的$interpolate服务

转自：(http://segmentfault.com/a/1190000002753321) $interpolate编译一段带有插入标记的语句，然后返回一个interpolation（插值）函数，这个服务也被HTML$compile服务用来进行数据绑定。可以用$interpolateProvider来配置插入的标记。依赖 - $parse - $sce使用$interpolate(tex

2015-11-21 15:44:17 649

转载创建JavaScript对象的方法（前端面试）

1.对象直接量对象直接量由若干名/值对组成的映射表，名/值对中间用冒号分隔，名/值对之间用逗号分隔，整个映射表用花括号括起来。属性名可以是JavaScript标识符也可以是字符串直接量，也就是说下面两种创建对象obj的写法是完全一样的：var obj = {x: 1, y: 2};var obj = {'x': 1, 'y':2};2.通过new创建对象new运算符后跟随

2015-10-08 16:59:18 616

原创 Css3学习之路，画公司的Logo

昨天在伯乐在线看了http://web.jobbole.com/83001/ 这篇文章，很有感触啊，css很强大有木有，很多功能都没有接触过，但是感觉好牛逼的样子，于是自己试着看能不能把公司的LOGO用css画出来，公司的logo原图是这样子滴（没错，就是斩家logo）：最开始的时候，我想的是能不能只用一个div画出来，但是思考了很久，能力有限啊没有想出方法，所以最后用的时三个div。

2015-09-25 11:35:34 887

转载 [转]AngularJS Directive 隔离 Scope 数据交互

AngularJS 的 directive 默认能共享父 scope 中定义的属性，例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive 功能。当你需要创建一个可重复使用的 directive，只是偶尔需要访问或者修改父 scope 的数据，就需要使用隔离 scope。当使用隔离 scope 的时候，directive 会创建一个没有依赖父 scope 的 scope，并提供一些访问父 scope 的方式。

2015-09-19 15:44:26 577

转载 TCP/IP的工作原理

(1) 在源主机上应用层将一串字节流传给传输层；(2) 传输层将字节流分成TCP段，加上TCP包头交给互联网络(IP)层；(3) IP层生成一个包，将TCP段放人其数据域，并加上源和目的主机的IPIP包交给数据链路层；(4) 数据链路层在其帧的数据部分装IP包，发往日的主机或IP路由器；(5) 在目的主机，数据链路层将数据链路层帧头去掉，将IP包交给互联网层；(6) IP层检查

2015-09-18 10:08:57 524

转载前端笔试题

1、写一个求和的函数sum，达到下面的效果// Should equal 15sum(1, 2, 3, 4, 5);// Should equal 0sum(5, null, -5);// Should equal 10sum('1.0', false, 1, true, 1, 'A', 1, 'B', 1, 'C', 1, 'D', 1, 'E', 1, 'F', 1, 'G'

2015-09-17 15:57:28 935

原创 git创建与使用步骤

系统设置：$ git config --global user.name "Your Name"$ git config --global user.email [email protected]进入创建的新的应用程序的根目录，初始化一个新仓库：$ git init添加文件$ git add .查看暂存区域有哪些文件$ git status告诉git需要保存add的文件$ git com

2015-09-02 16:57:22 513

转载 Node.js和testacular的安装与配置

1、安装Node.js　　官方地址：http://nodejs.org/，http://nodejs.org/download/ 有很多版本可以选择，这一步再简单不过　　2、安装testacular　　在命令提示符里直接运行：npm install -g testacular　　用自己的电脑可以安装成功，用公司的网络则会出现超时　　　　安装expre

2015-08-31 14:30:41 528

原创《JavaScript高级程序设计》读书笔记——窗口大小

1、innerHeight,innerWidth,outerHeight,outerWidth 在 IE9+、Safari 和 Firefox 中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从最外层的 window 对象还是从某个框架访问)。在 Opera 中,这两个属性的值表示页面视图容器(单个标签页对应的浏览器窗口)

2015-08-21 14:40:50 342

原创《JavaScript高级程序设计》读书笔记——String方法

1、字符方法：charAt()、charCodeAt()2、操作方法： concat()：拼接字符串，等同于+； slice(start,end)，substr(start,number),substring(start,end): start都代表开始位置，slice和substring的end代表结束位置的后面位置，相当于左闭右开，而substr的number代表返回的字符个数。如果没有给

2015-08-15 14:44:28 414

原创《JavaScript高级程序设计》读书笔记——函数内部属性arguments

arguments是一个类数组对象，包含传入函数中的所有参数；并且arguments包含一个指针属性callee，指向拥有这个arguments对象的函数。可用于递归算法，如下：function factorial(num){ if(num<1){ return 1; }else{ return num * factorial(num - 1);

2015-08-14 16:51:39 525

原创《JavaScript高级程序设计》读书笔记——ECMAscript5的数组迭代方法

1、forEach和jQuery的each()方法的前2个参数位置是相反的[].forEach(function(value, index, array) { // ...});$.each([], function(index, value, array) { // ...});2、every()和some()方法的参数调用都是(item,index,array)，every是

2015-08-13 16:46:07 424

原创 angular.js笔记 ---关于Route路由

var bookStoreApp = angular.module('bookStoreApp',[ngRoute]);bookStoreApp.config(function($routeProvider){ $routeProvider.when('/hello',{ templateUrl : 'tpls/hello.html' , control

2015-08-08 16:24:53 609

原创 angular.js笔记 ---关于Tabs切换

section ng-init="tab = 1" ng-controller="PanelController as panel"> ul class="nav nav-pills"> li ng-class="{ active:tab === 1}"> a href ng-click="tab = 1">Descriptiona>

2015-08-03 14:25:56 2361

yuanyuanhe的专栏