「已注销」-优快云博客

原创 AngularJs---JSONP跨域访问数据传输

Jquery中jsonp的使用 myUrl = "http://localhost:8090/api/test"; $.ajax({ 　　type:"GET", 　　url:myUrl, 　　dataType:"jsonp", 　　jsonp:"callback", 　　jsonpCallback:"jsonpCallback", 　　success:function

2017-11-15 11:06:02 551

原创 angular去掉地址栏#号

AngularJS框架提供了一种HTML5模式的路由，可以直接去掉#号。通过设置$locationProvider.html5Mode(true)就行了。 1.添加base标签 html lang="zh-CN" ng-app="app"> head> base href="/"> //增加base标签 // 省略代码 head> 2.编辑app.js，增加 $

2017-09-27 13:24:09 3888

原创 angular中onload事件

一下提供3中load加载的写法： angular中onload事件测试文字

2017-09-27 11:45:54 8345

原创 AngularJS中$http.jsonp跨域请求问题

废话不多说直接上代码：前端请求比如是这样：http://localhost:8080/angularjs/json/test.json 在执行请求的时候肯定会有跨域问题，解决办法是请求url后面必须加上JSON_CALLBACK 如：“http://localhost:8080/angularjs/json/test.json?callback=JSON_CALLBACK” 当然

2017-09-13 11:23:54 678

原创使用JS 实现分享到新浪微博 QQ 空间

分享地址 //分享到腾讯微博 ShareTip.prototype.sharetoqq=function(content,url,picurl){ var shareqqstring='http://v.t.qq.com/share/share.php?title='+content+'&url='+url+'&pic='+picurl; window.open

2017-09-12 17:30:46 2771 3

原创关于angularJS绑定数据时自动转义html标签

对于前后台分离开发，在使用angular为开发框架的时候，如果后台在返回数据的时候包含html格式的数据， angularJS在进行数据绑定时默认是会以文本的形式输出，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止了html标签中的注入攻击，但是这样就无法正确显示数据，解决肯定是要对html格式的数据进行转义，具体做法是： 1、要在数据绑定的html标签中使用ng-b

2017-09-12 16:26:04 1051

原创搭建vue + webpack项目环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，其实官方文档说的已经很清楚了官方文档地址（2.0版本）：https://cn.vuejs.org/v2/guide/installation.html 参考文档：http://www.cnblogs.com/jiajia123/p/6132265.html # 全局安装 vue-cli$ npm inst

2017-09-05 11:28:02 809

原创 VUE的MVVM框架解析

这篇文章主要介绍了MVVM模式中ViewModel和View、Model有什么区别?本文分别解释了它们的功能和作用,然后总结了它之间的区别,需要的朋友可以参考下： Model：简而言之就是业务逻辑相关的数据对象。 View：就是展现出来的用户界面。　基本上，绝大多数软件所做的工作无非就是从数据存储中读出数据，展现到用户界面上，然后从用户界面接收输入，写入到数据存储里面去。所以，对于

2017-09-05 11:00:53 653

转载 Webpack 入门教程

安装 Webpack 在安装 Webpack 前，你本地环境需要支持 node.js。由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm。使用 cnpm 安装 webpack： cnpm install webpack -g 创建项目接下来我们创建一个目录 app： makdir app 在 ap

2017-09-05 10:42:04 343

转载 30分钟掌握ES6/ES2015核心内容（下）

俗话说打铁要趁热，今天我们继续讲es6其他几个非常有用的新特性。 import export 这两个家伙对应的就是es6自己的module功能。我们之前写的JavaScript一直都没有模块化的体系，无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程，再用一种简单的方法把这些小工程连接在一起。这有可能导致两个问题：一方面js代码变得很臃肿

2017-09-04 16:31:04 315

转载 30分钟掌握ES6/ES2015核心内容（上）

最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments 这些是ES6最常用的几个语法，基本上学会它们，我们就可以走遍天下都不怕啦！我会用最通俗易懂的语言和例子来讲解它们，保证一看就懂，一学就会。

2017-09-04 16:30:08 273

原创 Flex 布局教程

一、Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 .box{ display: flex; } .box{ display: inline-flex; } .box{ display: -webkit-flex; /* Safari */ display: flex; }

2017-09-04 16:29:21 330

原创 angular中实现控制器之间传递参数的方式

在angular中，每个controller（控制器）都会有自己的$scope，通过为这个对象添加属性赋值，就可以将数据传递给模板进行渲染，每个$scope只会在自己控制器内起作用，而有时候需要用到其他控制器中的数据，这个时候就要考虑到控制器之间参数的传递了。 1.通过$rootscope传参首先，在angular中存在作用域的继承，继承作用域符合 JavaScript 的原

2017-09-04 16:28:37 481

原创理解Angular中的$apply()以及$digest()

AngularJS数据绑定的原理&最大缺陷：每一次方向1的绑定都会在$digest队列中生成一个执行DOM操作的函数（若一个ngApp中有N次数据绑定就会生成N个这样的函数），只要某一个Model数据发生了值的改变，立即会自动执行$digest队列中的每一个函数，进行View的更新。当$digest循环开始后，它会触发每个watcher。这些watchers会检查scope中的当前model值

2017-09-04 16:27:48 322