- 博客(261)
- 收藏
- 关注
RSS订阅转载 vue-i18n国际化
vue-i18n国际化1. 下载包2. 配置3. 创建中、英文包文件4. 在组件中使用5. 如何切换中英文vue-i18n是一个针对于vue的国际化插件，使用非常简单。1. 下载包npm install vue-i18n2. 配置// 引入插件和语言包import VueI18n from 'vue-i18n'import zh from '@/i18n/langs/zh'imp...
2019-12-02 16:19:03
487
转载 JS几种变量交换方式以及性能分析对比
JS变量交换的几种方式其实关于JS的变量交换，使用最广泛的几种方式基本已经是前端人员必备的技能了，本文正好借此分析研究的契机，列举了本次分析中用到的几种交换方式:第一种:普通临时变量交换方式适用性: 适用于所有类型代码如下:tmp = a;a = b;b = tmp; 简要说明: 这是用到的最广泛的一种方式，经实战测试分析，性能也很高(在JS中,这种方式效率确实很高，而且就算是其它语言中，只要...
2018-06-14 22:13:49
665
转载 JS几种数组遍历方式以及性能分析对比
JS几种数组遍历方式以及性能分析对比前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列，本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比起由在上一次分析了JS几种常用变量交换方式以及各自性能后，觉得这种方式挺好的，于是抽取了核心逻辑，封装成了模板，打算拓展成一个系列，本文则是系列中的第二篇，JS数组遍历方式的分析对比JS数组遍历的几种方式JS数组遍历，基本就是for...
2018-06-14 21:58:58
1089
转载 CSS实现垂直居中的5种方法
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-...
2018-04-18 19:44:23
867
转载 Angularjs $scope 里面的$apply方法
$apply 方法作用：Scope 提供$apply 方法传播 Model 的变化$apply 方法使用情景：AngularJS 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 AngularJS 函数之后，必须调用$apply。在这种情况下，你需要命令 AngularJS 刷新自已（模型、视图等），$apply 就是用来做这件事情的。$apply 方法注意事项：...
2018-04-07 16:27:59
1684
转载 angularJS报错$apply already in progress
如果我们使用了angularJS中的$scope.$apply()或者$scope.$digest()，我们很可能会遇到类似下面的错误：Error: [$rootScope:inprog] $apply already in progress http://errors.angularjs.org/1.3.13/$rootScope/inprog?p0=%24apply at an...
2018-04-05 15:25:19
1791
原创 数组获取指定元素、对象元素属性值索引
对于原始类型元素的数组，可以直接使用indexOf()神器，会返回数组中元素的下标，若没找到则返回-1：var arr = [1,2,3,4,5];var index = arr.indexOf(3); //2对于以对象为元素的数组，没有直接的函数可以使用，但是有一个filter() 方法，创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素，这样至少可以筛选出符合条件的数组...
2018-04-03 14:53:46
13282
转载 AngularJS 路由：ng-route 与 ui-router
AngularJS的ng-route模块为控制器和视图提供了[Deep-Linking]URL。 通俗来讲，ng-route模块中的$routeService监测$location.url()的变化，并将它映射到预先定义的控制器。也就是在客户端进行URL的路由。 下面首先给出$route的使用示例，然后引入一个更加强大的客户端路由框架ui-router。Angular 路由在APP中定义多个页面的...
2018-03-26 15:45:08
448
转载 angularjs的$watch、$watchGroup、$watchCollection的区别
如果想在controller里面随时监听一个值的变化那就用$watch<p> <label><strong>$watch:</strong></label> <input type="text" ng-model="name" /></p>$scope.$watc
2018-03-26 11:32:00
547
转载 浅谈AngularJS的$parse服务
首先看看官方关于$parse的api$parse作用：将一个AngularJS表达式转换成一个函数Usage$parse(expression)argumentsexpression:需要被编译的AngularJS语句returnsfunc(context, locals)context[object]:针对你要解析的语句，这个对象中含有你要解析的语句中的表达式(通常是一个scope object...
2018-03-22 15:57:57
665
转载 关于angularJS的$watch的 一些小用法
$watch方法，它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变量时，如数字，字符串等，直接如下写是可以监视到变量的变化，并执行相应的函数的。$scope.count=1;$scope.$watch('count',function(){ ...});$watch 多个变量对于多个变量的监视变化，执行同一函数的话，可以将这几个变量转为字符串，以‘+...
2018-03-15 16:15:09
646
转载 理解angularjs中的$emit,$broadcast和$on
在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件，并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方，事件一直朝着根作用域传递，传递期间并通知哪些注册在作用域上的监听器，如果这期间一个监听器接受到了这个事件，会注销这个事件，那么事件将会停止向上...
2018-03-14 11:19:09
875
转载 网页动态背景——随鼠标变换的动态线条
先上一张效果图。代码如下：1<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"> 1 /** 2 * Copyright (c
2018-02-11 10:57:18
17038
3
转载 HTML+CSS+JQUERY漂亮的垂直时间轴
转自：https://www.cnblogs.com/sanshi/p/3229220.html一个简单、漂亮的数据展示方式，很快我找到了这个例子：http://tympanus.net/Blueprints/VerticalTimeline/这个界面风格给人眼前一亮的感觉。在快速浏览之后，我发现这里面用到了内嵌字体和CSS3的诸多知识来生成哪些漂亮的图片，所以在IE7
2017-12-25 09:45:26
5963
转载 CSS- 横向和纵向时间轴
转自：https://www.cnblogs.com/xiaofeixiang/p/5036154.html简单的实现了一下横向和纵向时间轴，可以简单的看下一下实现的效果:Html代码: 原文地址:http://www.cnblogs.com/xiaofeixiang/ 成立 合作 发
2017-12-25 09:37:49
31781
3
转载 去掉谷歌浏览器输入框默认的黄色背景
谷歌浏览器登录页记住密码后下次登录会自动填充，并且有黄色背景。谷歌浏览器的设置如下：input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(250, 255, 189); background-image: none; col
2017-10-23 13:14:36
1678
转载 js获取当前月的第一天和最后一天
var firstDate = new Date();firstDate.setDate(1); //第一天var endDate = new Date(firstDate);endDate.setMonth(firstDate.getMonth()+1);endDate.setDate(0);alert("第一天："+new XDate(firstDate).toString('yyy
2017-08-02 14:03:58
3674
转载 angularJS搭建环境
无论是Mac、Linux或Windows环境中，您均可遵循本教程学习编程。第一步：安装Git你可以从http://git-scm.com/download下载和安装Git。一旦你安装完git，你应该就有git命令行工具了。你可能用到的主要的命令是：git clone ... ：克隆一个远程仓库到你的本地电脑git checkout ... ：检出
2017-07-03 20:21:55
860
转载 angular拖动插件——ng-drag、ng-drop
转自：http://blog.csdn.net/zcl_love_wx/article/details/516916311.相关地址：插件下载：https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.jsdata-drag形式没用过，但找到了两个相关链接 http://codef0rme
2017-06-25 13:50:07
12361
1
转载 AngularJS停止定时器$interval
1、问题背景 设置一个定时器，给定两个变量startData和endData，计时开始后分别减去5和50；单击停止暂停定时器，重置后数据恢复到原来的数据。2、实现源码[html] view plain copy print?> html> head> meta charset="U
2017-06-20 15:32:20
4473
转载 Angularjs 双重循环获取父级下标$index
Html代码 table class="table table-bordered"> tr ng-repeat="info in ttzInfo" ng-cloak> td class="col-xs-2 adjust-col-2 text-right title-desc" ng-bind="info.title">td>
2017-06-13 18:59:25
5282
转载 javascript，检测对象中是否存在某个属性
检测对象中属性的存在与否可以通过几种方法来判断。1.使用in关键字。该方法可以判断对象的自有属性和继承来的属性是否存在。var o={x:1};"x" in o; //true，自有属性存在"y" in o; //false"toString" in o; //true，是一个继承属性 2.使用对
2017-06-12 13:42:08
4039
原创 angular--$q.all()
angular.module('design', [])//服务引擎管理服务.factory("designService", function ($http, $q,$log) { function post(uri, params) { return $http.post(uri, params) .error(function (error, st
2017-05-27 16:00:11
2283
转载 echarts 柱状图 如何添加点击事件
我现在已经用echarts 绑定了一组数据 出现了这样的一个图柱状图 如何添加点击事件" style="margin:0px; padding:0px; border:0px; list-style:none">如何点击柱子 跳转到响应的页面呢？只需要 在这个方法里面加上几句代码就行：//这个是数据绑定的方法// option 是绑定的数据源function re
2017-05-06 12:43:35
19601
1
转载 angular自定义指令作用域&--传递引用
独立作用域和函数参数通过使用本地作用域属性，你可以传递一个外部的函数参数（如定义在控制器$scope中的函数）到指令。这些使用&就可以完成。下面是一个例子，定义一个叫做add的本地作用域属性用来保存传入函数的引用：angular.module('directivesModule').directive('isolatedScopeWithController', functio
2017-05-06 10:42:49
3758
2
转载 angularjs指令中的replace与transclude参数
replace, 是否替换掉自定义的指令, 默认是falseElement形式 var app = angular.module('myapp', []); app.directive('cu
2017-05-02 19:45:21
552
转载 ui-grid 行编辑功能
原文：205 Row Edit Featureui.grid.rowedit 扩展了编辑功能, 以支持对服务器保存数据的回调, 该数据同时保存了 “行”。此功能尝试给用户一个类似于 电子表格 的体验, 以便他们可以编辑他们希望的任何字段, 并且该功能将试图保存数据 “行”。在数据不会产生错误的程度上, 从用户的角度来看, 保存过程几乎是无形的–保存后变灰色, 和不能编辑的灰色, 用户就像数
2017-04-28 15:39:29
3287
转载 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%E5%8C%96%E6%97%A5%E6%9C%9F%E7%9A%84date/date过滤
2017-04-27 19:25:50
1969
转载 HBuilder和Eclipse的SVN的服务地址改变后，如何设置图示。
1.HBuilder设置SVN图示如下；第一步：通过视图------>显示视图---------->进入SVN资源库；第二步：进入SVN资源库，右键有菜单重新定位；第三步：选择项目后，设置新的URL地址，根据提示输入SVN的用户名和密码，点击完成即可。注：Eclipse的设置和上面Hbuilder完全一样就不一一介绍。
2017-04-23 08:17:15
2396
转载 Angular之作用域
1. 作用域的特点1.1 具体来说，作用域包括以下3个比较显著特点：提供了一个$watch 方法来监听数据模型的变化，ng-model的双向绑定，就是由其支撑。提供了$apply 方法，为各种类型的数据模型改变提供支撑，例如，通过在页面视图中的ng-click指令，执行控制器中的代码。提供了执行的环境，一个表达式必须在拥有该表达式属性的作用域中执行才更合适，作用域通过$scop
2017-04-14 09:05:40
673
转载 AngularJs 之过滤器（$filter）
过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe
2017-04-13 15:20:57
847
原创 angular ui-grid之过滤器设置
var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { $scope.gridOptions = { columnDefs: [ { field: 'name
2017-04-13 10:57:35
2776
1
原创 angular下自动补全控件ui.bootstrap.typeahead
.typeahead-demo .custom-popup-wrapper { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; background-color: #f9f9f9; } .typeahead-demo .custom-popup-wra
2017-03-31 20:37:43
3409
转载 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或者是声明了多次module，多次声明module会导致前边的module定义信息被清空，所以程序就会找不到已定义的组件。这我们也能从angu
2017-03-03 09:48:27
5372
转载 angular ui-bootstrap的Datepicker Popup组件问题总结
转自：http://www.cnblogs.com/echo2016/p/5416572.html使用angular框架的时候，之前用的时间控件是引入My97DatePicker组件实现的，但是因为1.My97DatePicker样式不太好看以及偶尔会出现底部被遮盖的情况、点击不可编辑input框使用backspace按钮会出现格式不符合问题2.angular-
2017-02-23 18:52:52
8409
转载 angular中ng-include失效的原因
使得angular的ng-include指令失效的原因有两个： 例如:在demo.html中的代码 1.首先两个文件的域名必须相同，换言之就是要将文件放在服务器上。本次用的是appache。 2.另外，就是是否细心了，可以看到，在ng-include指令中的文件名外部有个单引号，单引号外面是双引号. 以上便是本次遇到的小问题。转自：http:/
2017-02-21 15:18:36
3283
转载 angular-ui-tree
转自：http://www.cnblogs.com/crazyJavaBoy/p/5057347.htmlangular-ui-tree的github项目地址：https://github.com/angular-ui-tree/angular-ui-tree DEMO目录结构如下：bootstrap.css为3.0以上 app.css内容.
2017-02-20 16:26:16
3090
转载 angularjs之ui-bootstrap的使用
转自：http://blog.csdn.net/zsz459520690/article/details/501580451.新建uiBootstrap.html页面，引入依赖的js和css类库2.新建uiBootstrap.js文件，定义一个uiModule模块，引入依赖的模块/** * Created by zhong on 2015/9/7
2017-02-19 09:02:04
2143
转载 ui-grid 使用讲解
转自：https://my.oschina.net/gmd/blog/670895在ui-grid 导出pdf 时可能会出现中文字符无法显示问题，解决方法看这篇博客：http://my.oschina.net/gmd/blog/714911 html代码：html ng-app="myApp"> head> meta charset="utf-8
2017-02-18 19:41:21
8803
2
转载 angularjs ng-grid 如何能自由调整某列宽度
var app = angular.module('app', [ 'ui.grid.resizeColumns']);$scope.gridOptions.enableColumnResizing = true;不邀自来，一共三步不要忘记。转自：https://www.zhihu.com/question/35907263/answer/118839898
2017-02-17 13:42:02
4567
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人