工作中遇到的小问题总结

简单点说就是要页面自动铺满屏幕（没有滚动条），我看之前阿里云的datav做这个效果就是这么做的。

一种是写在js页面；页面的方法

//页面随浏览器的缩放铺满窗口

/*transform:scale(0.31,0.47);*/

/*transform-origin :left top 0px;*/

var width = window.innerWidth;

var height = window.innerHeight;

var element1 = angular.element(document.querySelector('.main'));

var width1 = width/4096;

var height1 = height/1536;

element1.css('transform', "scale("+width1+","+height1+")") ;

element1.css('transform-origin','left top 0px');

//学会了字符串拼接的方法，错误也就出现在这里

一种是写成指令的方法

指令的方法，字符串拼接，的要注意

app.directive('resize', function ($window) {

return function (scope, element) {

var w = angular.element($window);

scope.getWindowDimensions = function () {

return { 'h': w.height(), 'w': w.width() };

};

scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) {

scope.windowHeight = (newValue.h);

scope.windowWidth = (newValue.w);

scope.width = newValue.w/4096;

scope.height =newValue.h/1536;

element.css('transform', "scale("+scope.width+","+scope.height+")") ;

element.css('transform-origin', 'left top 0px') ;

}, true);

w.bind('resize', function () {

scope.$apply();

});

}

})

7.$apply();的方法的使用

什么时候使用$apply（）呢？

运用到一个每隔几秒就自动刷新页面里面的数据的操作，效果

//时间日期显示

var today = new Date();

$scope.formatedDateToday = $filter('date')(today,'HH:mm');

$scope.year = $filter('date')(today,'yyyy.M.d');

$scope.days = today.getDay();

$scope.weekDay = new Array(7);

$scope.weekDay = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

$scope.weekDay = $scope.weekDay[today.getDay()];

//当用angular中提供的$interval的方法时候，会自动被$apply()来捕获，这样绑定在页面的数据就会再次刷新一下

$scope.time1 = $interval(function () {

clearTimeout($scope.time1);

$scope.formatedDateToday = $filter('date')(new Date(),'HH:mm');

$scope.weekDay = new Array(7);

$scope.year = $filter('date')(new Date(),'yyyy.M.d');

$scope.weekDay = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

$scope.weekDay = $scope.weekDay[new Date().getDay()];

},100)

8.sass的使用

见sass文档好了

把json数据，转化为json数据

，JSON.stringFy

var str_json = JSON.stringify($scope.ziyuantongj,null, "\t");

console.log(str_json);

9关于节点图，动态线条的问题

9.关于X轴的文字太长的处理问题

formatter函数

10，遇到的问题，实时刷新图像会越积越多，

解决办法：在请求数据之前将数组清空一下

11，数组常用的方法总结

数组的方法：forEach,map,filter,reduce,some,every.sort

数组截取，添加，删除，清空，字符串专数组，数组转字符串

有一个问题对变量的起名要顾名思义起，从后台获取的results开始

12.判断变量类型的方法，常用的

.factory("getDataType", function() {

return function(data) {

return Object.prototype.toString.call(data).slice(8, -1);

}

})

服务注入，调用函数

//判断类型的方法检测

$scope.cityName = "";

$http.get("zhuxingtu.json")

.then(function (airData) {

console.log();

$scope.cityName = airData.data.jsonObject.data[0].stationname;

getDataType($scope.cityName);

console.log(getDataType($scope.cityName));

})

其他方法

angular有一些常用的类型监法测

:isArray(),isObject(),isDefined(),isFunction,isString,isNumber,isDate,

isUndefined,isPrototypeOf,isElement

原生：typeof（只能监测基本类型string,number,function,boolean）

instanceof（基于原型集成,无法监测object类型和基本类型）

可以自己封装一个：Object.prototype.toString.call(待检测值).slice(8,-1);基本可以处理所有类型

工作中遇到的小问题总结相关推荐

工作中遇到的小问题的记录
工作中遇到的小问题的记录 ①Android:open failed: EEXIST (file exists) 现象: ⑴在实现一个SD卡中的文件从一个路径拷贝到另一个路径的功能时,需要测试当SD卡 ...
测试工作中常用在线小工具-初级篇
背景测试过程中经常需要用到一些工具来校验数据的正确性,并且可以帮助测试人员更好的定位问题,所以我总结了我这个初级测试小白日常测试使用的小工具~ 1.在线json转换: http://www.bejs ...
工作中遇到的小技巧一（暂停更新）
原来只是在网易博客里整理了一些学习中遇到的小技巧,现在开始在这里慢慢积累希望对大家有所帮助. 1.浏览器技巧: 如果浏览器的缓存已满,服务速度可能会减慢,您可能无法下载和查看附件.一下是在Intern ...
工作中遇到的小问题以及解决办法（mongodb方面）
1.遇到循环依赖的办法找到两个循环依赖的服务器,然后删掉或者注释其中的一个依赖包,用maven的clean和install功能如果不行的话,就用下面这个方法然后进行删除掉就可以了. 2.修改大规模 ...
在上海工作中的一些小技术总结--孔雀开屏列表
今天要做一个关于列表的展开和关闭的功能.于是写下如下的一些代码. <!DOCTYPE html> <html> <meta http-equiv="Conten ...
工作中MySql的了解到的小技巧
工作中MySql的小技巧 1. 跑脚本时,经常遇到有则更新无插入的逻辑操作:通常情况下,来一波if()判断然后选择更新还是插入,前两天逛论坛时发现有人在比较REPLACE INTO 和 INSET ...
工作中这些实用的小技巧，90%的程序员不知道
工作中这些实用的小技巧,90%的程序员不知道 Linux 有些Linux命令我们是经常用的,但是这些命令有的特别长(如进入层级特别深的项目部署目录),这时就可以为这些命令定义一个别名系统级别定义的别 ...
工作中的小技巧（一）
学会怎么样问问题? 1.在问别人问题的时候,只要告诉对方有什么地方不明白,自己奇怪的地方就可以了,不要过多的阐述自己的观点,因为这样会影响对方思考或者是把对方往错误的方向引导,要做的就是耐心倾听对方的 ...
wps怎么加高亮_这些WPS表格小技巧可以在工作中省力N倍！
原标题:这些WPS表格小技巧可以在工作中省力N倍! 既然是小技巧了,那就短小精悍.简单粗暴.好用顺手.能够化腐朽为神奇--总而言之,言而总之,本篇的内容主要是Excel的常用功能模块进行介绍和讲解,虽 ...

工作中遇到的小问题总结

工作中遇到的小问题总结相关推荐

最新文章

热门文章