自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 vue-i18n国际化

vue-i18n国际化1. 下载包2. 配置3. 创建中、英文包文件4. 在组件中使用5. 如何切换中英文 vue-i18n是一个针对于vue的国际化插件,使用非常简单。 1. 下载包 npm install vue-i18n 2. 配置 // 引入插件和语言包 import VueI18n f...

2019-12-02 16:19:03 61 0

转载 JS几种变量交换方式以及性能分析对比

JS变量交换的几种方式其实关于JS的变量交换,使用最广泛的几种方式基本已经是前端人员必备的技能了,本文正好借此分析研究的契机,列举了本次分析中用到的几种交换方式:第一种:普通临时变量交换方式适用性: 适用于所有类型代码如下:tmp = a; a = b; b = tmp; 简要说明: 这是用到的最...

2018-06-14 22:13:49 261 0

转载 JS几种数组遍历方式以及性能分析对比

JS几种数组遍历方式以及性能分析对比前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比起由在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列...

2018-06-14 21:58:58 628 0

转载 CSS实现垂直居中的5种方法

利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短...

2018-04-18 19:44:23 434 0

转载 Angularjs $scope 里面的$apply方法

$apply 方法作用:Scope 提供$apply 方法传播 Model 的变化$apply 方法使用情景:AngularJS 外部的控制器(DOM 事件、外部的回调函数如 jQuery UI 空间等)调用了 AngularJS 函数之后,必须调用$apply。在这种情况下,你需要命令 Angu...

2018-04-07 16:27:59 1051 0

转载 angularJS报错$apply already in progress

如果我们使用了angularJS中的$scope.$apply()或者$scope.$digest(),我们很可能会遇到类似下面的错误:Error: [$rootScope:inprog] $apply already in progress http://errors.angularjs.o...

2018-04-05 15:25:19 1043 0

原创 数组获取指定元素、对象元素属性值索引

对于原始类型元素的数组,可以直接使用indexOf()神器,会返回数组中元素的下标,若没找到则返回-1:var arr = [1,2,3,4,5]; var index = arr.indexOf(3); //2对于以对象为元素的数组,没有直接的函数可以使用,但是有一个filter() 方法,创...

2018-04-03 14:53:46 9172 0

转载 AngularJS 路由:ng-route 与 ui-router

AngularJS的ng-route模块为控制器和视图提供了[Deep-Linking]URL。 通俗来讲,ng-route模块中的$routeService监测$location.url()的变化,并将它映射到预先定义的控制器。也就是在客户端进行URL的路由。 下面首先给出$route的使用示例...

2018-03-26 15:45:08 206 0

转载 angularjs的$watch、$watchGroup、$watchCollection的区别

如果想在controller里面随时监听一个值的变化那就用$watch<p>    <label><strong>$watch:</strong></label&g...

2018-03-26 11:32:00 243 0

转载 浅谈AngularJS的$parse服务

首先看看官方关于$parse的api$parse作用:将一个AngularJS表达式转换成一个函数Usage$parse(expression)argumentsexpression:需要被编译的AngularJS语句returnsfunc(context, locals)context[obje...

2018-03-22 15:57:57 396 0

转载 关于angularJS的$watch的 一些小用法

$watch方法,它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变量时,如数字,字符串等,直接如下写是可以监视到变量的变化,并执行相应的函数的。$scope.count=1; $scope.$watch('count',function(){...

2018-03-15 16:15:09 323 0

转载 理解angularjs中的$emit,$broadcast和$on

在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件,并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方,事件一直朝着根作用域传递,传递期间并通知...

2018-03-14 11:19:09 387 0

转载 网页动态背景——随鼠标变换的动态线条

先上一张效果图。 代码如下: 1 <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/...

2018-02-11 10:57:18 13638 1

转载 HTML+CSS+JQUERY漂亮的垂直时间轴

转自:https://www.cnblogs.com/sanshi/p/3229220.html 一个简单、漂亮的数据展示方式,很快我找到了这个例子:http://tympanus.net/Blueprints/VerticalTimeline/ 这个界面风格给人眼前一亮的...

2017-12-25 09:45:26 4347 0

转载 CSS- 横向和纵向时间轴

转自:https://www.cnblogs.com/xiaofeixiang/p/5036154.html 简单的实现了一下横向和纵向时间轴,可以简单的看下一下实现的效果: Html代码: 原文地址:http://www.cnblogs.com...

2017-12-25 09:37:49 25069 2

转载 去掉谷歌浏览器输入框默认的黄色背景

谷歌浏览器登录页记住密码后下次登录会自动填充,并且有黄色背景。 谷歌浏览器的设置如下: input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {  background-color: rgb(2...

2017-10-23 13:14:36 887 0

转载 js获取当前月的第一天和最后一天

var firstDate = new Date(); firstDate.setDate(1); //第一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(...

2017-08-02 14:03:58 2467 0

转载 angularJS搭建环境

无论是Mac、Linux或Windows环境中,您均可遵循本教程学习编程。 第一步:安装Git 你可以从http://git-scm.com/download下载和安装Git。一旦你安装完git,你应该就有git命令行工具了。你可能用到的主要的命令是: ...

2017-07-03 20:21:55 607 0

转载 angular拖动插件——ng-drag、ng-drop

转自:http://blog.csdn.net/zcl_love_wx/article/details/51691631 1.相关地址: 插件下载:https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable...

2017-06-25 13:50:07 9654 1

转载 AngularJS停止定时器$interval

1、问题背景      设置一个定时器,给定两个变量startData和endData,计时开始后分别减去5和50;单击停止暂停定时器,重置后数据恢复到原来的数据。 2、实现源码 [html] view plain copy  print? ...

2017-06-20 15:32:20 3537 0

转载 Angularjs 双重循环获取父级下标$index

Html代码   table class="table table-bordered">           tr ng-repeat="info in ttzInfo" ng-cloak>             td cla...

2017-06-13 18:59:25 4273 0

转载 javascript,检测对象中是否存在某个属性

检测对象中属性的存在与否可以通过几种方法来判断。 1.使用in关键字。 该方法可以判断对象的自有属性和继承来的属性是否存在。 var o={x:1}; "x" in o; //true,自有属性存在 "y" in o;...

2017-06-12 13:42:08 3667 0

原创 angular--$q.all()

angular.module('design', []) //服务引擎管理服务 .factory("designService", function ($http, $q,$log) { function post(uri, params) { ...

2017-05-27 16:00:11 1881 0

转载 echarts 柱状图 如何添加点击事件

我现在已经用echarts 绑定了一组数据 出现了这样的一个图 柱状图 如何添加点击事件" style="margin:0px; padding:0px; border:0px; list-style:none"> 如何点击柱子 跳转到响应的页面呢? ...

2017-05-06 12:43:35 16410 1

转载 angular自定义指令作用域&--传递引用

独立作用域和函数参数 通过使用本地作用域属性,你可以传递一个外部的函数参数(如定义在控制器$scope中的函数)到指令。这些使用&就可以完成。下面是一个例子,定义一个叫做add的本地作用域属性用来保存传入函数的引用: angular.module('directive...

2017-05-06 10:42:49 2830 2

转载 angularjs指令中的replace与transclude参数

replace, 是否替换掉自定义的指令, 默认是false Element形式                                                                 var app = angular....

2017-05-02 19:45:21 353 0

转载 ui-grid 行编辑功能

原文:205 Row Edit Feature ui.grid.rowedit 扩展了编辑功能, 以支持对服务器保存数据的回调, 该数据同时保存了 “行”。此功能尝试给用户一个类似于 电子表格 的体验, 以便他们可以编辑他们希望的任何字段, 并且该功能将试图保存数据 “行”。在数据不会产生错...

2017-04-28 15:39:29 2653 0

转载 angularjs中的filter(过滤器)——格式化日期的date

原文链接: http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs%E4%B8%AD%E7%9A%84filter-%E8%BF%87%E6%BB%A4%E5%99%A8-%E6%A0%BC%E5%BC%8F%E...

2017-04-27 19:25:50 1756 0

转载 HBuilder和Eclipse的SVN的服务地址改变后,如何设置图示。

1.HBuilder设置SVN图示如下; 第一步:通过视图------>显示视图---------->进入SVN资源库; 第二步:进入SVN资源库,右键有菜单重新定位; 第三步:选择项目后,设置新的URL地址,根据提示输入SVN的用户名和密码,...

2017-04-23 08:17:15 2167 0

转载 Angular之作用域

1. 作用域的特点 1.1 具体来说,作用域包括以下3个比较显著特点: 提供了一个$watch 方法来监听数据模型的变化,ng-model的双向绑定,就是由其支撑。提供了$apply 方法,为各种类型的数据模型改变提供支撑,例如,通过在页面视图中的ng-click指令,执行控制器中...

2017-04-14 09:05:40 383 0

转载 AngularJs 之过滤器($filter)

过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json...

2017-04-13 15:20:57 448 0

原创 angular ui-grid之过滤器设置

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); app.controller('MainCtrl', ['$scope'...

2017-04-13 10:57:35 2182 1

原创 angular下自动补全控件ui.bootstrap.typeahead

.typeahead-demo .custom-popup-wrapper { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; background-colo...

2017-03-31 20:37:43 2969 0

转载 AngularJS--[ng:areq] Argument 'xxCtrl' is not a function, got undefined!错误

在angular中文社区群中,有时会听见某些同学问关于”ng:areq“的错误: [ng:areq] Argument 'DemoCtrl' is not a function, got undefined! 这往往是因为忘记定义controller或者是声明了多次mo...

2017-03-03 09:48:27 4006 0

转载 angular ui-bootstrap的Datepicker Popup组件问题总结

转自:http://www.cnblogs.com/echo2016/p/5416572.html 使用angular框架的时候,之前用的时间控件是引入My97DatePicker组件实现的,但是因为 1.My97DatePicker样式不太好看以及偶尔会出现底部被遮盖的情况、点击不可编...

2017-02-23 18:52:52 7146 0

转载 angular中ng-include失效的原因

使得angular的ng-include指令失效的原因有两个:  例如:在demo.html中的代码  1.首先两个文件的域名必须相同,换言之就是要将文件放在服务器上。本次用的是appache。  2.另外,就是是否细心了,可以看到,在ng-include指令中的文件名外部有个单...

2017-02-21 15:18:36 2896 0

转载 angular-ui-tree

转自:http://www.cnblogs.com/crazyJavaBoy/p/5057347.html angular-ui-tree的github项目地址:https://github.com/angular-ui-tree/angular-ui-tree  DEMO目录结构...

2017-02-20 16:26:16 2706 0

转载 angularjs之ui-bootstrap的使用

转自:http://blog.csdn.net/zsz459520690/article/details/50158045 1.新建uiBootstrap.html页面,引入依赖的js和css类库 2.新建uiBootstrap.js文件,定义一个uiModule ...

2017-02-19 09:02:04 1829 0

转载 ui-grid 使用讲解

转自:https://my.oschina.net/gmd/blog/670895 在ui-grid 导出pdf 时可能会出现中文字符无法显示问题,解决方法看这篇博客: http://my.oschina.net/gmd/blog/714911   html代码: html ng-a...

2017-02-18 19:41:21 6723 1

转载 angularjs ng-grid 如何能自由调整某列宽度

var app = angular.module('app', [ 'ui.grid.resizeColumns']);$scope.gridOptions.enableColumnResizing = true; 不邀自来,一共三步不要忘记。 ...

2017-02-17 13:42:02 3089 0

提示
确定要删除当前文章?
取消 删除