ditu3745-CSDN博客

转载 vue改变 title

一般分两种情况，第一种你事先已经定义好了 title，比如首页啊什么的，第二种，是你无法确认的，比如一个看文章的页面，这个 title 就是文章的标题，你事先无法知道用户获取的是那个文章。第一种：1-1、首先我们需要给路由设置 title1-2、在main.js 文件写入下面的代码第二种：2-1、安装一个插件 (没有安装 cnpm 可以使用npm)...

2019-06-05 17:02:00 79

转载 vue2.0 父子组件通信兄弟组件通信

父组件是通过props属性给子组件通信的来看下代码父组件：<parent> <child :child-com="content"></child> //注意这里用驼峰写法哦</parent>data(){ return { content:'sichaoyun' };...

2019-06-05 15:07:00 84

转载 Vue开发技巧

1 状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨组件数据状态共享的情况。随着组件的细化，就会遇到多组件状态共享的情况，Vuex当...

2019-05-24 10:24:00 78

转载 js 判断一个 object 对象是否为空

判断一个对象是否为空对象，本文给出三种判断方法：1.最常见的思路，for...in...遍历属性，为真则为“非空数组”；否则为“空数组for (var i in obj) { // 如果不为空，则会执行到这一步，返回true return true}return false // 如果为空,返回false2.通过JSON自带的stringif...

2019-03-07 14:28:00 118

转载简单实现angular2组件双向绑定

直接献上代码父组件import { Component, OnInit } from '@angular/core';@Component({ selector: 'ngx-input', templateUrl: ` <p>双向绑定</p> {{pvalue}} <input type="radio" [at...

2019-03-07 14:14:00 91

转载 angular2 ChangeDetectorRef (变化检测器的引用)手动控制组件的变化检测行为

Angular检测机制　　监测到异步事件后是怎么判断是否需要更新视图呢？其实比较简单，Angular通过脏检查来判断是否需要更新视图。脏检查其实就是存储所有变量的值，每当可能有变量发生变化需要检查时，就将所有变量的旧值跟新值进行比较，不相等就说明检测到变化，需要更新对应视图。当然，实际情况肯定不是这么简单，Angular会通过自己的算法来对数据进行检查，对算法感兴趣的可以参考这篇...

2019-02-22 15:41:00 824

转载 Angular 2 Forward Reference （可用作获取父组件对象）

在项目中发现有同事在 PageHeaderComponent 中引用父组件 PageComponent 的对象，如下：export class PageHeader { constructor(@Inject(forwardRef(()=>PageComponent) protected page?:PageComponent) this.a...

2019-02-20 19:19:00 111

转载两个iframe之间tab切换，谷歌浏览器的滚动条会消失

解决方法：1.（有滚动条的iframe）内容放到wrapper里面html,body{ height:100%; overflow:hidden;}.wrapper{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:auto;}...

2019-02-19 09:40:00 178

转载 js随机从数组中取出几个元素

JS如何从一个数组中随机取出一个元素或者几个元素。假如数组为var items = ['1','2','3','4','5','6','7','8','9','10'];1.从数组items中随机取出一个元素var item = items[Math.floor(Math.random()*items.length)];2.从前面的一篇随机数组中随机取...

2019-02-01 10:38:00 249

转载原生js javascript 实现trigger（自动触发window 的resize事件）

一、大家都知道 jQuery有个 trigger 方法，可以触发被选元素的指定事件类型。那么在原生js中怎么实现 trigger 的方法呢？首先上代码：<button id="btn-1">Button-1</button><button id="btn-2">Button-2</button><script>...

2019-01-30 10:50:00 130

转载 BFC 神奇背后的原理

BFC 是Box、Formatting Context的缩写。BFC 定义　　BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC布局规则：内部的Box会在垂直方向，一个接一个地放置...

2018-06-07 14:27:00 63

转载 es6 扩展运算符三个点（...）

1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('di...

2018-05-28 16:25:00 53

转载《AngularJS》----$apply 与 $watch

在AngularJS的一些项目中，我们经常用到$apply 与 $watch ，这两个对象，这另个对象都依赖于$scope对象，其中，$apply应用与传播modle的变化，而$watch是用来监测model的变化，这与AngularJS中的双向数据绑定有很大的关系，下面我们探讨一下这两个对象的基本用法。一、$apply() 1.1、$apply 方法作用：Scope提供$...

2018-02-27 14:38:00 51

转载 AngularJs表单校验

<!DOCTYPE html><html ng-app="angularFormCheckModule"> <head> <meta charset="UTF-8"> <title>angular表单校验</title> <link rel...

2018-02-27 13:39:00 65

转载 AngularJS中ng-class使用方法

有三种方法：1、通过$scope绑定（不推荐）2、通过对象数组绑定3、通过key/value键值对绑定实现方法：1、通过$scope绑定（不推荐）：[javascript]function ctrl($scope) { $scope.className = "selected"; } [html]<div clas...

2018-02-13 16:08:00 90

转载 angularjs controller间的传值方法

AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。当我们在创建新的控制器时，angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中的任何一个部分，都有父级作用域的存在，顶级就是ng-app所在的层级，它的父级作用域就是...

2018-02-11 09:59:00 114

转载 angularJs 之ui-router

如何引用依赖angular-ui-routerangular.module('app',["ui.router"]).config(function($stateProvider){$stateProvider.state('contacts',{　　url: '/contacts',　　templateUrl: '/script/contacts.html'});}...

2018-02-09 16:40:00 67

转载 AngularJs $location 和 $window

$location$location服务解析浏览器地址中的url（基于window.location）并且使url在应用程序中可用。将地址栏中的网址的变化反映到$location服务和$location的变化反映到浏览器地址栏。公开浏览器地址栏中的当前网址，这样就可以：1.观察和监听网址。2.改变网址。与浏览器url同步当用户：1.改变地址栏的值。2. 单击“...

2018-02-09 14:18:00 96

转载 AngularJS——自定义服务详解(factory、service、provider)

1.factory方式创建的服务，作用就是返回一个有属性有方法的对象。相当于：var f = myFactory();<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular...

2018-02-09 10:20:00 116

转载 angularAMD+requireJs

定义main.js组件和依赖项：require.config({ baseUrl: "js", paths: { 'angular': '.../angular.min', 'angular-route': '.../angular-route.min', 'angularAMD': '.../an...

2018-02-06 10:56:00 92

转载 angular ui-router时要使用html5Mode=true

为什么我们要在使用angular ui-router时要使用html5Mode=true这个呢？在angular中，你在访问链接时，可能访问的链接为"#/link".如果你设置了html5Mode=true时，这个时候页面就会重定向到"/link"这个页面中。如果设置html5Mode=false, 在访问的时候就需要在链接前面加上"#/link"这样的符号。所以，设置h...

2018-02-02 15:05:00 78

转载 CSS3的calc()使用

什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的...

2017-05-31 15:08:00 44

转载 React Ajax this.IsMounted() is not a function

组件的数据来源，通常是通过 Ajax 请求从服务器获取，可以使用componentDidMount方法设置 Ajax 请求，等到请求成功，再用this.setState方法重新渲染 UIvar UserGist = React.createClass({ getInitialState: function() { return { user...

2017-02-16 15:54:00 103

转载 css有用的代码片段

1、伸展一个元素到窗口高度　　在具体场景中，你可能想要将一个元素伸展到窗口高度，基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度，我们需要伸展顶层元素：html和body:html, body { height: 100%;}　　然后将100%应用到任何元素的高：div { height: 100%;}2...

2017-02-03 11:52:00 40

转载 js规范

一、命名规范　　1 .变量：小驼峰式（小写字母开始，后续每个单词首字母都大写）　　命名：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)　　建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。　　　　　多个变量声明用一个 var 即可，每个变量占一行，方便注释。　　　　　在函数体讲...

2017-01-20 18:16:00 37

转载 js深拷贝和浅拷贝

一、数组的深浅拷贝　　在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";documen...

2017-01-18 16:06:00 34

转载 bootstrap模态框和select2合用时input无法获取焦点

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的 tabindex="-1" 删掉:<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="my...

2017-01-16 16:02:00 37

转载 css兼容性大坑

一、\9：选择IE6+//区分 IE 8(不实用).title{ color:yellow\0; color: red\9\0;} \9在 IE 6及其以上都可以识别（但是 IE11不识别，IE 5 识别，IE5.5不识别）　\9\0 IE8、IE11不识别,IE9 IE10 识别　　可用：\0：选择IE8+和Opera15以...

2016-12-06 17:31:00 53

转载 JS获取元素CSS值

一、getComputedStyle　　getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。　　语法如下：var style = window.getComputedStyle("元素", "伪类");//例var dom = docu...

2016-11-24 14:26:00 93

转载 calendar的一些操作

一、通过分析日期函数，根据日期进行一系列操作，例如:我们需要知道2个时间段中所有的日期等等。　　由于Calendar类是一个抽象类,因此我们不能通过new来获取该对象的实例.我们可以通过其类方法getInstance，以获得此类型的一个通用的对象。//获取当前年、月、日 Calendar cal = Calendar.getInstance(); int cur...

2016-10-11 15:23:00 64

转载 java日期工具类

public class UtilDate { /** 年月日时分秒(无下划线) yyyyMMddHHmmss */ public static final String dtLong = "yyyyMMddHHmmss"; /** 完整时间 yyyy-MM-dd HH:mm:ss */ ...

2016-10-11 14:31:00 48

转载 redis的一些操作

public class WnsRedisFactory { private static Cache pool = null; private static JedisConnectionFactory redisConnFactory = null; //对主缓存 test的操作 private s...

2016-10-11 12:02:00 35

转载 webstorm ES6 转 ES5

一句话总结：用WebStorm自带的File Watcher功能+Babel实现自动转换ECMAScript 6代码为ES5代码1.　　新建一个Empty Project，然后在src目录下新建了一个main.js；　// 这一步不是必须的只是刚上手的话从空项目开始自己配置会少很多干扰2.　　进入设置，把JavaScript language version改成...

2016-09-20 15:54:00 96

转载基于时间的动画算法

一、如果循环时间等于过程动画时间：function moveDivTimeBased(div, fps) { var left = 0; var current = +new Date; var previous = +new Date; var param = 1; function loop() { ...

2016-09-18 10:22:00 67

转载手机端取消文字选中、取消图片长按下载

企业号有一种消息类型叫保密消息，该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。但是对于图片，手机端默认长按时会触发下载保存交互。首先想到的方案是通过JS实现，对touch实践做处理。 window.ontouchstart = function(e) { e.preventDefault(); };但是这个对于长的文章，滚动事件就...

2016-09-14 17:35:00 177

转载 ios显示一个下载banner

2016-09-13 17:08:00 54

转载 js时间Date对象介绍及解决getTime转换为8点的问题

前言　　在做时间转换的时候，发现用“2016-04-12”转出来的时间戳是 2016-04-12 08:00的时间点，而不是0点。new Date('2016-04-12').getTime();// 1460419200000 new Date(1460419200000);// Tue Apr 12 2016 08:00:00 GMT+0800　　...

2016-09-05 16:24:00 624

转载 iphone的click导致div变黑

-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。示例设置高亮色为50%透明的红色:-...

2016-08-31 16:19:00 58

转载如何给外部引用的js文件传递参数

1、定义全局变量<script language="javascript">var g = "I'm here";</script><script tpye="text/javascript" src="test.js"></script>处理：alert(g);2、在src后面传参&l...

2016-07-13 11:05:00 1693

转载 IE 8 下的 box-sizing 和 min-* 属性

在非 IE 浏览器中，默认情况下width属性指的是内容区域(content)的宽度。IE 6+ 中，如果浏览器以标准模型渲染，和非 IE 浏览器的表现是一致的；如果浏览器以怪癖模式渲染，则width指的是外 border 的宽度。通常而言，网页头部添加了<!DOCTYPE>，则 IE 会以标准模式（或者接近标准）进行渲染，否则以怪癖模式渲染。现代浏览器...

2016-06-18 17:04:00 82

空空如也

空空如也