2017年02月_约德尔蒙

转载 Webpack打包

1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发

2017-02-20 19:51:37 1711

原创 AngularJS 路由和多视图3

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { max-width: 980px; margin: 50px auto; } ul { padding: 0;

2017-02-18 14:41:24 318

原创 AngularJS 路由和多视图2

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { max-width: 980px; margin: 50px auto; } ul { padding: 0;

2017-02-18 14:40:32 421

原创 AngularJS 路由和多视图

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { width: 980px; margin: 50px auto; } ul { padding: 0; mar

2017-02-18 14:40:03 329

原创 AngularJS 自定义常量服务

AngularJS 自定义常量服务 {{author}} {{version}} var App = angular.module('App', []); // 自定义常量服务 // 提供了3种方法实现自定义服务 // factory、service、value App.value('author', 'geng'); App.value(

2017-02-18 14:39:09 3219

原创 AngularJS 定时器(获取当前日期)

AngularJS 服务 {{msg}} {{now|date: 'yyyy-MM-dd hh:mm:ss'}} 停 var App = angular.module('App', []); App.controller('DemoController', ['$scope', '$timeout', '$interval',functi

2017-02-18 14:36:46 4110

原创 AngularJS $http跨域

AngularJS $http跨域 function fn(arg) { console.log(arg); document.write('111'); } --> // 1、JSONP 跟Ajax 没有关系 // 2、$.ajax({ // }); // 3、$.ajax({ //

2017-02-18 14:35:09 456

原创 AngularJS $http服务例子

AngularJS $http服务例子获取数据姓名年龄性别头像专辑 {{star.name}} {{star.age}} {{star.sex}} {{star.photo}} {{star.ablum}} var App

2017-02-18 14:30:52 584

原创 AngularJS $http跨域

AngularJS $http跨域 function fn(arg) { console.log(arg); document.write('111'); } --> // 1、JSONP 跟Ajax 没有关系 // 2、$.ajax({ // }); // 3、$.ajax({ //

2017-02-18 14:29:47 600

原创 AngularJS获取天气预报(案例)

天气预报 {{weather.date}} {{weather.temperature}} {{weather.weather}} {{weather.wind}} var Weather = angular.module('Weather', []); Weather.co

2017-02-18 14:27:05 1508 2

原创 AngularJS中的Ajax(聊天机器人)

Ajax body { margin: 0; padding: 0; background-color: #F7F7F7; } h3 { text-align: center; } .chatbox { width: 500px; height: 500px; margin: 0 auto; border: 1px sol

2017-02-18 14:24:46 529

原创 AngularJS遍历数组

AngularJS 模块化姓名性别年龄 {{star.name}} {{star.sex}} {{star.age}} // 定义一个模块 var Demo = angular.module('Demo', []); // 定义控制器 Demo

2017-02-17 08:38:18 7669

原创 AngularJS动态添加数据并删除

TodoList body { padding: 0; margin: 0; } .todo { width: 300px; margin: 100px auto; } .todo dd { overflow: hidden; } .todo input[type="checkbox"] { float: left; }

2017-02-17 08:17:33 7347

原创面试题汇总-

一、HTML和CSS1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，Google与Opera Software共同开发)2、每个HT

2017-02-16 12:24:20 3891

原创 web前端经典面试题

web前端面试题其他问题1、请谈谈你对性能优化的认识？网页内容减少http请求次数80%的响应时间花在下载网页内容(images, stylesheets, javascripts,scripts, flash等)。减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧。图片显示效果如左图减少DNS查询次数DNS查

2017-02-16 12:18:24 101835 6

原创 Jquery中的Ajax

JQueryAjax使用JQuery作为最受欢迎的js框架之一,常见的Ajax已经帮助我们封装好了,只需要调用即可,更为详细的api文档可以查阅:w3cSchool_JQueryAjax$.get()方法使用get方法向服务器获取数据参数列表参数描述url必需。规定将请求发送的哪个 URL。data可选。规定连

2017-02-16 12:07:33 268

原创 Ajax工具函数封装

原生Ajax写法回顾原生使用Ajax主要分为五步,需要手写较多内容,如果每次我们使用Ajax都需要手写一遍,较为浪费时间,所以我们将公共代码抽取,封装为工具函数.五步使用法:建立XMLHTTPRequest对象注册回调函数当服务器回应我们了,我们想要执行什么逻辑使用open方法设置和服务器端交互的基本信息设置提交的网址,数据,post提交的一些额外内

2017-02-16 12:06:10 319

原创 Ajax传输JSON

JSON语法JSON(JavaScript Object Notation),是ECMAScript的子集,作用是进行数据的交换,而且由于语法更为简洁,网络传输,以及机器解析都更为迅速.语法规则:数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组数据类型:下列内容无论键值都是用双引号包起来数字（整数或浮点数）字符串（在双引号中）

2017-02-16 12:02:26 275

原创 Ajax传输XML

XML简介XML 指可扩展标记语言EXtensible Markup Language,他设计的时候是用来传递数据的,虽然格式跟HTML类似.xml示例下面是一个XML示例周杰伦18途牛xml是纯文本 XML是纯文本,这点跟HTML很像,所以我们可以用任何的文本编辑软件去打开编辑它XML语法虽然看起来跟HTML类似,但是XML的语法

2017-02-16 12:01:05 1409

原创 ajax的基本概念及其使用(5步)

同步&异步先上概念同步:必须等待前面的任务完成,才能继续后面的任务异步:不受当前任务的影响举个例子:同步:我们在银行排队时,只有等到你了,才能够去处理业务. 异步:我们在排队的时候,玩手机是没有任何影响的.异步更新网站当我们访问一个普通的网站时,当浏览器加载完:HTML,CSS,JS以后网站的内容就固定了.如果网站内容

2017-02-16 11:43:07 1253

原创请求报文和响应报文的内容以及属性(404状态)

请求/请求报文请求有客户端发出,主要有三个组成部分:请求行,请求头,请求主体请求行:请求方法:GET请求URLHTTP协议版本请求头这里设置的主要是一些信息,包含客户端,服务器User-Agent：浏览器的具体类型　　如：User-Agent：Mozilla/5.0 (Windows NT 6.1; rv:17.0) Gecko/

2017-02-16 11:35:23 4259

原创 Ajax工作原理

Ajax工作原理　　在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前JavaScript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇

2017-02-16 11:08:43 263

原创 AngularJs作用域

AnaularJs作用域<!-- #控制器嵌套: 通常AngularJS中应用（App）是由若干个视图（View）组合成而成的，而视图（View）又都是HTML元素，并且HTML元素是可以互相嵌套的，另一方面视图都隶属于某个控制器（Controller），进而控制器之间也必然会产生嵌套关系。

2017-02-15 21:07:25 264

原创 AngularJs自定义过滤器

AngularJS 自定义滤器  {{info|capitalize:123}}{{name}}

2017-02-15 21:06:37 262

原创 AngularJs中的Jquery

Document 普通一个盒子点击 // angular.element

2017-02-15 21:03:49 338

原创 AngularJs依赖注入

<!-- 依赖关系: AngularJS采用模块化的方式组织代码，将一些通用逻辑封装成一个对象或函数，实现最大程度的复用，这导致了使用者和被使用者之间存在依赖关系。依赖注入: 所谓依赖注入是指在运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制。注入分类: 推断式注

2017-02-15 21:02:22 322

原创 AngularJs数据绑定

AngularJs数据绑定<!-- AngularJS是以数据做为驱动的MVC框架，所有模型（Model）里的数据经由控制器（Controller）展示到视图（View）中。所谓数据绑定指的就是将模型（Model）中的数据与相应的视图（View）进行关联，分为单向绑定和双向绑定两种方式。指定模块一个页可

2017-02-15 21:01:24 340

原创 AngularJs常见内置指令自定义指令

AngularJS 指令 <!-- #指令 HTML在构建应用（App）时存在诸多不足之处， AngularJS通过扩展一系列的HTML属性或标签来弥补这些缺陷，所谓指令就是AngularJS自定义的HTML属性或标签，这些指令都是以ng-做为前缀的，例如ng-app、ng-controller、ng-repeat等。

2017-02-15 20:59:20 565

原创 AngularJs模块加载运行块

AngularJS 模块加载之运行块 <!-- AngularJS模块:可以在被加载和执行之前对自身进行配置我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http

2017-02-15 20:55:42 339

原创 AngularJs锚点监听

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper

2017-02-15 20:50:37 379

原创 AngularJS路由以及模块配置

AngularJS 路由-参数,模块配置,布局模板 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; }

2017-02-15 20:41:05 282

原创 AngularJS简单介绍

##AngularJS AngularJS是一款由Google公司开发维护的前端MVC框架，其克服了HTML在构建应用上的诸多不足，从而降低了开发成本提升了开发效率。使用双大括号{{}}语法进行数据绑定；使用DOM控制结构来实现迭代或者隐藏DOM片段；支持表单和表单的验证；能将逻辑代码关联到相关的DOM元素上；能将HTML分组成可重用的组件

2017-02-15 20:39:43 337

原创 AngularJs基本语法应用(mvc)

#定义应用通过为任一HTML标签添加ng-app属性可以指定一个应用，表示此标签所包裹的内容都属于应用（App）的一部分。为html添加ng-app表明增个文档都是应用//ng-app可以不赋值,但是关联整个模块的时候必须赋值#定义模块AngularJS提供了一个全局对象angular，在此全局对象下存在若干的方法，其中angular.module()方

2017-02-15 20:37:13 491

原创 AngularJs过滤器

Document {{price|currency:'$'}} {{now|date:'yyyy/MM/dd hh:mm:ss'}} <!-- 日期

2017-02-15 20:28:35 247

原创 AngularJs服务-$timeout or $interval(定时器)

$timeout&$interval 服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval

2017-02-15 20:18:47 322

原创 AngularJs服务-$location(暴露当前地址栏的URL)

$location服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。

2017-02-15 20:13:43 715

原创 AngularJs服-jsonp解决跨域问题

AngularJS $http跨域 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封

2017-02-15 20:05:46 233

原创 AngularJs自定义服务

AngularJS 自定义服务

2017-02-15 20:04:38 264

原创 AngularJs 服务-$filter

$filter 服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。

2017-02-15 20:03:09 243

原创 AngularJs模块加载配置块

AngularJS 模块加载之配置快 <!-- AngularJS模块:可以在被加载和执行之前对自身进行配置我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http

2017-02-15 19:57:14 293

IE9 win7 64位

Slik-Subversion-1.9.7-x64

空空如也