8 Inuyasha1121

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 3k+

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

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

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

2018-06-14 22:13:49

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

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

2018-06-14 21:58:58

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

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

2018-04-18 19:44:23

Angularjs $scope 里面的$apply方法

$apply 方法作用:Scope 提供$apply 方法传播 Model 的变化$apply 方法使用情景:AngularJS 外部的控制器(DOM 事件、外部的回调函数如 jQuery UI 空间等)调用了 AngularJS 函数之后,必须调用$apply。在这种情况下,你需要命令 AngularJS 刷新自已(模型、视图等),$apply 就是用来做这件事情的。$apply 方法注意事项:...

2018-04-07 16:27:59

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

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

对于原始类型元素的数组,可以直接使用indexOf()神器,会返回数组中元素的下标,若没找到则返回-1:var arr = [1,2,3,4,5];var index = arr.indexOf(3); //2对于以对象为元素的数组,没有直接的函数可以使用,但是有一个filter() 方法,创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,这样至少可以筛选出符合条件的数组...

2018-04-03 14:53:46

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

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

浅谈AngularJS的$parse服务

首先看看官方关于$parse的api$parse作用:将一个AngularJS表达式转换成一个函数Usage$parse(expression)argumentsexpression:需要被编译的AngularJS语句returnsfunc(context, locals)context[object]:针对你要解析的语句,这个对象中含有你要解析的语句中的表达式(通常是一个scope object...

2018-03-22 15:57:57

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

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

2018-03-15 16:15:09

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

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

2018-03-14 11:19:09

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

先上一张效果图。代码如下: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

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

转自:https://www.cnblogs.com/sanshi/p/3229220.html一个简单、漂亮的数据展示方式,很快我找到了这个例子:http://tympanus.net/Blueprints/VerticalTimeline/这个界面风格给人眼前一亮的感觉。在快速浏览之后,我发现这里面用到了内嵌字体和CSS3的诸多知识来生成哪些漂亮的图片,所以在IE7

2017-12-25 09:45:26

CSS- 横向和纵向时间轴

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

2017-12-25 09:37:49

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

谷歌浏览器登录页记住密码后下次登录会自动填充,并且有黄色背景。谷歌浏览器的设置如下: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

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

angularJS搭建环境

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

2017-07-03 20:21:55

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

AngularJS停止定时器$interval

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

2017-06-20 15:32:20

查看更多

勋章 我的勋章
    暂无奖章