xiaotongeye
- 浏览: 19648 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
需求描述：管理后台存在三级页面，列表页和详情页，列表页缓存，详情页不缓存实现：使用keep-alive的include，两级页面都需要添加keep-alive，借鉴vue-element-admin tags-view组件的visitedViews状态对缓存页面进行管理
// home.vue
<keep-alive :include="cachedViews">
<router-view :key="key"></router-view>
</keep-alive>
computed ...
准备工作
1.PC和手机都已连上同一个WIFI
2.用PC ping 手机，要能ping通（手机IP一般能在「设置」-「关于手机」-「状态信息」-「IP地址」找到，或者是WIFI里高级选项；也可以在PC上进入adb，输入netcfg查看）
3.用手机ping PC，要能ping通（此步可以先略过，不行再来做）。手机ping PC可以在手机上装个工具，我用的FPing。如果ping不通，先检查一下是不是关闭了所有的电脑管家、杀毒软件、WINDOWS自身的防火墙。
1.使用usb连接安卓设备与电脑
2.查看连接设备adb devices
List of devices attached
##### ...
1.CSS继承机制;
2.getElementById,getElementsByTagName,getElementsByClassName,getAttribute,setAttribute;
3.element.childNodes element.parentNode nextSibling previousSibling childNodes firstChild lastChild
node.firstChild node.childNodes[0]
node.lastChild node.childNodes[node.childNodes.length - 1] ...
var arr = ['0','1','2','3','0'];
function rep(arr){
var new_arr = [arr[0]];
for (var i = 0; i < arr.length; i++) {
if(new_arr.indexOf(arr[i]) == -1 ){
new_arr.push(arr[i]);
}
}
return new_arr;
}
rep(arr);
//["0", "1", "2", "3"]
1. 就是 ie6 双倍边距的问题，在使用了 float 的情况下，不管是向左还是向右都会出现双 倍，最简单的解决方法就是用 display:inline;加到 css 里面去。
2. 文字本身的大小不兼容。同样是 font-size:14px 的宋体文字，在不同浏览器下占的空间是不一样的，ie 下实际占高 16px，下留白 3px，ff 下实际占高 17px，上留白 1px，下 留白 3px，opera 下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字 都有默认的 line-height 值。这点很重要，在高度上我们不能容忍 1px 的差异。
3. ff 下容器高度 ...
javascript 数据类型
- 博客分类：
- JavaScript
JavaScript 六种数据类型
number 如 123；
string 如 'string'；
boolean 如 true；
object 如 function array;
null 如 null；
undefined 如 undefined；
数据类型检测
1.typeof
2.instanceof
基于原型链操作。obj instanceof Object。
左操作数为对象，不是就返回false,右操作数必须是函数对象或者函数构造器，不是就返回typeError异常。
instanceof坑：不同window或iframe之间的对象类型检测不能使用instance ...
1.#nav li {}
看起来很快，实际上很慢，尽管这让人有点费解#_#。我们中的大多数人，尤其是那些从左到右阅读的人，可能猜想浏览器也是执行从左到右匹配规则的，因此会推测这条规则的开销并不高。在脑海中，我们想象浏览器会像这样工作：找到唯一的ID为nav的元素，然后把这个样式应用到直系子元素的li元素上。我们知道有一个ID为nav的元素，并且它只有几个Li子元素，所以这个CSS选择符应该相当高效。
事实上，CSS选择符是从右到左进行匹配的。了解这方面的知识后，我们知道这个之前看似高效地规则实际开销相当高，浏览器必须遍历页面上每个li元素并确定其父元素的id是否为nav。
2.*{}
这种效率 ...
web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是有js组成。
W3C对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范：包含如下几点
1.对于结构要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）
1）。标签字母要小写
2）。标签要闭合
3）。标签不允许随意嵌套
2.对于css和js来说
1）。尽量使用外链css样式表和js脚 ...
function getQueryString(url) {
var obj = {};
var reg=/([^?&=]+)=([^?&=]+)/g;
url.replace(reg,function(){
obj[arguments[1]]=decodeURIComponent(arguments[2]);
});
return obj;
}
var obj_fri = getQueryString(decodeURIComponent("h ...
1.1.使用requestAnimationFrame的动画循环
(function drawFrame () {
window.requestAnimationFrame(drawFrame,canvas);
//animation code...
}());
1.2交互事件
1.2.1 鼠标常见的一些事件：
● mousedown
● mouseup
● click
● dblclick
● mousewheel
● mousemove
● mouseover
● mouseout
1.2.2 触摸事件
● touchstart
● touchend
● touchm ...
ajax
- 博客分类：
- JavaScript
Ajax
XMLHttpRequest 对象
var xhr;
if(window.XMLHttpRequest){
//code for IE7+,firfox,chrome,opera,safari
xhr = new XMLHttpResquest();
}else {
//code for IE6,IE5
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
向服务器发送GET请求
xhr.open("GET","test1.php?t=&qu ...
this
JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。
1 this的指向
除去不常用的with和eval的情况，具体到实际应用中，this的指向大概分为以下4种：
●作为对象的方法调用。
●作为普通函数调用。
●构造器调用。
●Function.prototype.call或Function.prototype.apply调用。
1.1 作为对象的方法调用
当函数作为对象的方法被调用时，this指向该对象：
var obj = {
a : 1,
getA : function ...
javascript对象
- 博客分类：
- JavaScript
1.语法
1.1对象的定义：声明（文字）形式和构造形式。
对象的文字语法：
var myObj = {
key:value
}
对象的构造形式定义
var myObj = new Object();
myObj.key = value;
1.2对象的类型
在JavaScript中一共有6种主要的类型（*string，*number，*boolean,*null,*undefind,*object）
JavaScript中有许多特殊的对象子类型，通常被称为内置对象（*string，*number，*boolean,*object,*Function,*Arra ...
本次总结无关乎顺序，想到什么查什么总结什么（希望这次总结都能记住记住记住）
1.css溢出显示...
{
overflow:hidden;
text-overflow:ellipsis;
}
2.table边框合并，显示单线框
table{
border-collapse: collapse;
}
table tr td,table tr th{
...
<script>
function supportCss3(style) {
var prefix = ['webkit', 'Moz', 'ms', 'o'],
i,
humpString = [],
htmlStyle = document.documentElement.style,
_toHumb = function (string ...