陈小名-CSDN博客

原创数据类型检测

常用的4种检测数据类型的方法下面逐一说明并分析每一中方法的局限性1.typeof---用来检测数据类型的运算符使用typeof检测数据类型，首先返回的都是一个字符串，其字符串中包含了对应的数据类型返回的字符串有（7种）： 'number', 'string', 'boolean', 'function', 'undefined', 'symbol'(es6新数据类型)特殊的： typeof nul...

2018-04-12 12:29:44 785

原创 JavaScript框架之AngularJS学习——指令（二）

AngularJS学习——指令（二）AngularJS学习——指令（一）在指令（一）中我们学习过，自定义指令方法第二个参数为指令定义方法，该方法返回一个对象，即指令定义对象（Directive Definition Object, DOO）。指令（二）介绍一下指令定义对象其他属性和方法。1.link方法自定义指令中的template属性用于指定AngularJS指令

2017-10-16 20:03:09 365

原创前端工具——npm

npm官网：https://www.npmjs.com/

2017-10-12 16:06:49 595

原创 JavaScript框架之AngularJS学习——指令（一）

AngularJS学习——指令指令是AngularJS应用最重要的组成部分之一，是对HTML属性或元素的扩展，通常情况下Web浏览器并不能识别这些属性或元素，但是AngularJS框架会把它们作为指令，然后执行相应的逻辑处理，最终将这些指令解析为Web浏览器能够识别的元素。指令出现的形式：1.作为HTML元素出现（E）2.作为HTML元素属性出现（A）

2017-10-12 09:20:04 609

原创 JavaScript框架之AngularJS学习——UIRouter

UIRouter的大致使用方式$urlRouterProvider$stateProvider

2017-10-11 09:37:24 469

原创 Code Snippet——CSS布局（一）

CSS布局（一）很经典的一道面试题，可以用很多方法实现：题如：实现两个div布局，高度为200px，左边固定div宽度100px，右边div自适应。1.使用flex（链接讲解非常详细，可以看一看）eg: Flex *{ margin: 0; padding: 0; } .container{ width: 100%;

2017-10-09 10:15:02 347

原创 JavaScript框架之AngularJS学习——表单校验

AngularJS学习——表单校验Web前端数据校验的意义在于改善用户体验，用户不用等到将数据提交到服务器就知道哪些数据是不合法的，这样也能够减轻应用服务器的压力。AngularJS表单校验模式为说明AngularJS在作用域中会维护一个状态属性，举例说明eg: 模板在Chrome浏览器中打开该页面控制台，查看input相关

2017-10-09 08:50:25 417

翻译 JavaScript学习——Ajax

JavaScript学习——AjaxXMLHttpRequestActiveObject Natvie // 支持IE7及更高版本 function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else

2017-10-08 16:56:38 294

原创 JavaScript框架之AngularJS学习——作用域与事件（下）

AngularJS学习——作用域与事件上集链接中集链接AngualrJS作用域支持两种时间传播方法事件从子作用域路由到父作用域中。事件从父作用域广播到所有子作用域中。相关方法有$on()、$emit()、$broadcast()下面注意接收每种方法的使用1.$emit方法实现时间路由AngularJS作用域对象

2017-10-03 22:34:23 347

原创 JavaScript框架之AngularJS学习——作用域与事件（中）

AngularJS学习——作用域与事件上集链接4.$apply与$digest应用上集中讲到，当AngularJS作用域中的模型数据发生变化时，AngularJS会自动触发$digest循环，从而达到自动更新视图的目的。有些情况则需要我们手动调用$apply()方法来触发$digest循环。 $aaply与$digest应用实战

2017-10-03 10:13:07 395

原创前端工具——Bower

Bower官网：https://bower.io安装使用npm包管理工具Bower requires node, npm and git.(Bower需要node, npm和git)npm install -gd bower然后就可以使用bower -v查看版本了，没有报错就是安装成功了

2017-09-27 13:22:06 373

原创 JavaScript框架之AngularJS学习——作用域与事件（上）

AngularJS学习——作用域与事件JavaScript对象是基于key-value键值对的，我们可以把JavaScript对象作为一个map数据结构使用，而AngularJS作用域本质上就是一个普通的JavaScript对象。AngularJS作用域对象和普通JavaScript对象一样，都可以在作用域对象中增加属性或者方法，不同的是我们不需要手动去构造作用域对象，当HTML页面中出现

2017-09-27 09:45:20 486

原创 JavaScript框架之AngularJS学习——应用模块化

AngualrJS学习——应用模块化在软件设计过程中，为了能够对系统开发流程进行管理、保证系统的稳定性以及后期的可维护性，可以按照一定的准则对软件进行模块的划分。根据模块来进行系统开发，可提高系统的开发进度、明确系统的需求、保证系统的稳定性。AngularJS中的模块通常把处理业务逻辑的代码写在单独的JS文件中，然后在HTML页面中引入该文件。调用angular

2017-09-25 09:45:15 403

原创 JavaScript框架之AnuglarJS学习——MVC

AngularJS学习——MVCMVC是一种软件架构模式，独立于任何一门语言（只是一种软件思想，不是具体的某一种语言或技术。），于1970年起源于Smalltalk语言，随后随着桌面应用的普及广泛用于桌面应用开发中，发展到今天可谓无处不在。MVC是Model(模型)、View(视图)、Controller(控制器)的首字母缩写。MVC核心思想是把数据的管理、业务逻辑控制和数据的展示

2017-09-24 10:13:09 746

原创 JavaScript框架之AngularJS学习——双向数据绑定

AngaularJS学习——双向数据绑定数据绑定是AngularJS框架最优秀的特性之一，能够帮助Web前端开发人员在很大程度上减少对DOM的操作。数据绑定是AngularJS框架在视图（DOM元素）与作用域之间佳妮的数据同步机制。所谓“双向”，是指界面的操作能够实时同步到作用域中，作用域中的数据修改也能够实现回显到界面中。作用域可以被视为一个容器，里面有一些基于key-val

2017-09-23 17:24:23 562

原创 JavaScript框架之AngularJS学习——准备

AngularJS——准备AngularJSAngularJS是Google工程师开发的一款开源JavaScript框架官网：https://angularjs.org/学习时候常用查阅文档：https://docs.angularjs.org/apiAngularJS以HTML作为模板语言并扩展HTML元素及属性，使得应用组件开发保持高度清晰、一致。学习准

2017-09-22 10:12:55 379

原创 JavaScript学习——面向对象的程序设计（二）

JavaScript——创建对象使用同一个借口创建很多对象，会产生大量的重复代码。创建对象的方式大致有以下7种：1.工厂模式2.构造函数模式3.原型模式4.组合使用构造函数模式和原型模式5.动态原型模式6.寄生构造函数模式7.稳妥构造函数模式下面一一介绍1.工厂模式eg:function createPerson(name, age,

2017-09-20 12:47:00 436

原创 JavaScript学习——面向对象的程序设计（一）

JavaScript——理解对象面向对象（Object-Oriented,OO）ECMAScript中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。ECMA-262把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。（想象成散列表：一组名值对，其中值可以是数据或函数。）每个对象都是基于一个引用类型创建的。eg:var box = { n

2017-09-19 10:49:00 510

原创 JavaScript学习——函数的实参和形参

JavaScript函数的实参和形参在《JavaScript权威指南》中有这样一句话：JavaScript函数是参数化的：函数的定义会包括一个称为形参（parameter）的标识符列表，这些参数在函数体中像局部变量一样工作。函数调用会为形参提供实参的值。函数使用它们实参的值来计算返回值，成为该函数调用表达式的值。以上话的意思就是:形参相当于函数中定义的变量，实参是在运行时的函数调用

2017-09-18 00:13:27 3901

陈小名的博客