博客频道 → 博客专栏 → Web前端

全部专栏>>

Web前端专栏最新文章

Angularjs自定义指令计算浏览器高度

<!DOCTYPE html> <html ng-app="app"> <head> <title>柳絮飞祭奠</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> ...
柳絮飞祭奠 有930人浏览 2018-03-27 21:51 专栏：Angularjs实战

$q的基本用法

angularjs的http是异步的没有同步，一般都会遇到一个场景，会把异步请求的参数作为条件执行下一个函数，之前一直在看其他人的博客理论太多看了很久才看懂 http({ method:'post', url:'aaa', }).success(function(data){ $scope.flag=true; }); ...
$q 
柳絮飞祭奠 有1062人浏览 2018-02-04 16:29 专栏：Angularjs实战

Angularjs的directive封装ztree

一般我们做web开发都会用到树，恰好ztree为我们提供了多种风格的树插件。 接下来就看看怎么用Angularjs的directive封装ztree <!DOCTYPE html> <html ng-app="ceshiapp" ng-controller="ceshicontroller"> <head> < ...
angularjsdirective
柳絮飞祭奠 有1282人浏览 2017-12-16 13:41 专栏：Angularjs实战

AngularJS中$interval和$timeout的使用

我们在项目中会出现定时刷新，延迟加载等多种场景。 接下来就看$interval和$timeout的使用 $interval可用于定时任务，我们只需在controller注入$interval即可使用.下面是每十秒钟执行一次alert()函数。 app.controller("ctrl", function($scope,$timeout,$interval) { $in ...
AngularJS$interval$timeout
柳絮飞祭奠 有1247人浏览 2017-11-18 12:49 专栏：Angularjs实战

AngularJS实战之ngAnimate插件实现轮播

第一步：引入angular-animate.js 第二步：注入ngAnimate var lxApp = angular.module("lxApp", [ 'ngAnimate' ]); 第三步：定义controller，设置好三张轮播图片 .z_login_bg1 { position: absolute; width: 100%; height: 100% ...
angularjscss
柳絮飞祭奠 有1700人浏览 2017-11-08 21:44 专栏：Angularjs实战

AngularJS实战之Controller之间的通信

我们时常会在不同controller之间进行通信，接下来就介绍三种controller之间的通信方式 一、使用$on、$emit和$broadcast进行controller通信 虽然AngularJS是不推荐使 ...
AngularJSController
柳絮飞祭奠 有1367人浏览 2017-10-22 23:13 专栏：Angularjs实战

AngularJS监听数组变化

我们在使用angualr的监听时候，业务的需要我们会去监听一个数组的某一个值得变化，再写逻辑代码。然而我们在使用$scope.$watch（“”，function(){ }）时候会发现不管用，这是由于$scope.$watch是有三个参数的，默认情况下是 $scope.$watch（“”，function(){ }，false），只是去监听数组的地址是否发生变化，当我们要去监听数组的某一个值时候，需 ...
AngularJSWatch
柳絮飞祭奠 有1100人浏览 2017-10-22 12:55 专栏：Angularjs实战

AngularJS的$location基本用法和注意事项

一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({           //设置为html5Mode(模式)，当为false时为Hashbang模式 enabled : true,           //是否需要加入base标签，这里设 ...
AngularJS$location
柳絮飞祭奠 有1263人浏览 2017-10-16 15:31 专栏：Angularjs实战

AngularJS 无限滚动加载数据控件 ngInfiniteScroll

在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载，js和jquery实现都不复杂都是既然AngularJS提供现成的我们怎么不用昵。 ng-infinite-scroll.js这个组件则可以实现： ng-infinite-scroll.js:下载地址：http://sroze.github.io/ngInfiniteScroll/ 使用： <!DOCTYPE html> < ...
AngularJS
柳絮飞祭奠 有1940人浏览 2017-10-13 22:03 专栏：Angularjs实战

AngularJS实战之ng-repeat的详细用法

一、基本语法 {{$index}}:获取元素的下标。 {{$first}}：判断当前元素是否是第一个元素，是则为true，否则：false； {{$last}}：判断当前元素是否是最后一个元素，是则为true，否则：false； {{$middle }}：判断当前元素是否是中间元素，，是则为true，否则：false； {{ $odd}}：判断当前元素是否是奇数，，是则为true，否则：false； ...
angularjsng-repeat
柳絮飞祭奠 有1876人浏览 2017-10-13 21:23 专栏：Angularjs实战

ng-show和ng-if的区别和使用场景

一、ng-show（ng-hide）和ng-if都是控制标签的显示和隐藏，为什么angularjs会定义两个指令来供我们使用呢，不多多说肯定有各自的使用场景，接下来我们看哈实际原理： ng-show实质性就是控制标签的显示和隐藏，内部是display: none； ng-if则是移除标签和插入标签：； 二、实际比较 定义三个div <div ng-show="true"& ...
angularjsng-showng-if
柳絮飞祭奠 有1623人浏览 2017-10-11 23:31 专栏：Angularjs实战

AngularJS实战之路由ui-view传参

angular路由传参 首页 <!DOCTYPE html> <html ng-app="app"> <head> <title>路由传参</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyw ...
angularjsui-view$state
柳絮飞祭奠 有1195人浏览 2017-08-25 00:50 专栏：Angularjs实战

AngularJS实战之filter的使用二

博文一中的filter是angular自带的filter，一般不会满足我们的使用。我们可以自定义filter。 一、自定义filter实现反转字符串 <div>{{ceshi|reverse}}</div> app.filter('reverse', function() { return function(text) { return text.split( ...
angularjsfilter
柳絮飞祭奠 有977人浏览 2017-08-24 23:01 专栏：Angularjs实战

AngularJS实战之filter的使用一

一、格式化数字为货币格式。 <div>{{money|currency:"$"}}</div> <div>{{money|currency:"RMB"}}</div> script： app.controller("crl", function($scope, $filter) { ...
angularjs filter
柳絮飞祭奠 有871人浏览 2017-08-24 22:36 专栏：Angularjs实战

AngularJS实战之路由ui-view

1. 路由(ui-router) 1.1. 环境 1) angular.min.js 2) angular-ui-router-0.2.10.js 3) 确保确保包含ui.router为模块依赖关系. 4) var app=angular.module("app",['ui.router']); 1.1. 视图激活方式 1) $state.Go()：优先级较高的便利方式 2) ...
柳絮飞祭奠 有960人浏览 2017-08-18 01:15 专栏：Angularjs实战

TeeChart for Xamarin图表开发论坛——Steema原厂商CTO主讲，发现你不知道的Teechart

  TeeChart for Xamarin是一款用于移动应用的可视化图表工具。提供了广泛的通用和专用图表类型、仪表以及地图。核心图表代码完全跨平台支持.NET桌面，Windows Phone，iOS以及Android。现特邀Steema 厂商专家组成员Josep，为中国客户全面剖析TeeChart for Xamarin基于移动平台的开发及应用，为您带来最新产品动态和最前沿技术。   干 ...
Teechart移动开发图表跨平台
huang_xiaok 有1590人浏览 2016-02-18 10:17 专栏：Fusioncharts中文教程

图表组件FusionCharts v3.10.0发布【附下载】

FusionCharts XT是跨平台、跨浏览器的JavaScript/HTML图表组件。 FusionCharts支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是您值得信赖的JavaScript图表解决方案，目前在全球有50万用户选择 Fusioncharts来制作专业的JavaScri ...
fusionchart数据可视化图表库图表控件图表
huang_xiaok 有1459人浏览 2016-01-11 13:40 专栏：Fusioncharts中文教程

FusionCharts中文教程：自定义图表——数据标签

< FusionChart最新版本下载> 数据标签指显示在图表的X轴的数据点的名称。如下图所示： 图中的Jan、Feb、Mar等就是图表的数据标签。 数据标签的显示模式 在FusionCharts中你可以根据自己的需求来配置数据标签的排列和显示属性。FusionCharts提供5种不同的显示模式。用于设置数据标签显示模式的属性如下表所示： 属性名称 描述 la ...
fusioncharts图表图表控件图表解决方案数据可视化
huang_xiaok 有1302人浏览 2015-12-25 16:26 专栏：Fusioncharts中文教程

FusionCharts中文教程：自定义图表的双Y轴

本篇教程将从字体、背景、边框三个方面来教大家如何自定义FusionCharts双Y轴图表的主次轴标题属性。 < 立即下载体验FusionCharts> 1.配置主次Y轴名称的字体属性 多系列组合2D图表的主次Y轴名称字体设置为斜体效果图如下： 设置双Y轴名称字体所需属性如下表： 属性名称 描述 pYAxisName (sYAxisName) 用于在多系列图表 ...
fusioncharts教程fusioncharts图表数据可视化图表控件图表解决方案
huang_xiaok 有1928人浏览 2015-12-07 15:52 专栏：Fusioncharts中文教程

FusionCharts中文教程：自定义图表的X轴和Y轴

FusionCharts允许你给图表添加X轴和Y轴，并且对其属性进行配置，你可以配置X、Y轴的名称、字体属性以及边框属性。下面从四个方面来逐一介绍如何自定义X、Y轴。 < 点击下载FusionCharts最新版本> 1.设置轴名称 X轴名称为“Quarter”且Y轴名称为“Amount (In USD)”的2D柱状图表如下图所示： 配置图表轴名称所需属性如下表所示： ...
fusioncharts教程图表工具数据可视化工具
huang_xiaok 有3384人浏览 2015-12-04 17:22 专栏：Fusioncharts中文教程

Web前端热门专栏

更多专栏>>

Web前端热门文章

博客专栏评论

kaizi1992 写道失效了啊。 楼主 在来一个https://pan.baidu.com/shar ...
zz563143188 评论了 Java中的23种设计模式详解
失效了啊。 楼主 在来一个
kaizi1992 评论了 Java中的23种设计模式详解
首先感谢博主的分享， 现在收集五年的开发资料及源码下载地址： http://pan.baidu.com ...
唯美YEs----先生 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
[size=x-small][color=red][/color][/size]
追梦1819 评论了 [原创] jQuery源码分析-04 选择器-Sizzle- ...
感谢分享！！！！
NEOGX 评论了 Java中的23种设计模式详解
受教了
facingSun 评论了 前端解耦的一个最简单示例
lib20130321LI 这个没找着
purplebutterfly 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
建议大家还是去看看GOF的设计模式吧 像这种博客上的写的东西大部分只是基于自己的理解，因为水平参差，不 ...
lhc380602570 评论了 Java中的23种设计模式详解
谢了，历史难题解决了
niegood 评论了 checkbox与说明文字无法对齐的问题
资料还是比较全面的，还行。
huyang1988 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
Global site tag (gtag.js) - Google Analytics