10 2018 档案
摘要:/*手机*/ @media screen and (max-width:600px){ #header,#content,#footer{width:400px;} .right,.center{margin-top:10px;} .left,.right{height:100px;} .center{height:200px;} } /*平板...
阅读全文
摘要:js解释器有自己的内存管理机制(垃圾回收:自动回收无引用指向对象) js采用一种数字类型(64位浮点数),100与1e2完全相等 条件判断是被当为假的值:false、null、undefined、‘’、0、NaN Infinity 属性用于存放表示正无穷大的数值。-Infinity 属性用于存放表示
阅读全文
摘要:数组是值的 有序集合。 js中数组是无类型的。 js中数组的索引是基于零的32位数值,最大能容纳 2^32-1 个元素。 js中数组是动态的,不需手动分配空间。 js中数组可能是稀疏的:数组元素的索引不一定要连续,之间可以有空缺。 数组继承自 Array.prototype ,是js对象的特殊形式(
阅读全文
摘要:1.定义:有类似数组的属性、方法的特殊对象,最典型的是 arguments 2. arguments 特点: function a(a,b){console.log(arguments)} a(1,2); 可以看到控制台输出的是一个特殊的数组(数组也是对象。。),包含两个可编辑的属性 0 1 ,不可
阅读全文
摘要:(1) 服务器必须在 200 ms 以内渲染出响应内容 服务器响应时间就是在除去网络传输时间之后,一台服务器首先返回 HTML 所花费的时间。因为我们剩下的时间实在太少了,这个时间应该控制在最低限度——理想情况下应该低于 200 ms,而且越少越好! (2) 重定向的次数应该减至最少 额外的 HTT
阅读全文
摘要:固定宽度前提下: white-space: normal; word-break:normal; 默认属性,超出容器保持原宽度 word-break:break-all; (宽度不够截断) 只对英文起作用,以字母作为换行依据 word-wrap:break-word; 只对英文起作用,以单词作为换行
阅读全文
摘要:编程世界只存在两种基本元素:一个是数据、一个是代码。 (能写代码算入门,能处理复杂场景或者数据算合格,能不变应万变是不朽) 最流行的编程思想莫过于面向对象编程,因为面向对象编程思想把数据和代码结合成统一整体,将杂乱的算法和子程序及复杂的数据结构 划分为清晰有序的对象结构。 (js分两种写法:一种面向
阅读全文
摘要:1. html <div id="wrapper"> <section> <p class="shake freez shake-hard">shake-hard</p> </section> <img class="shake shake-hard" src="img/1.png" alt="mu
阅读全文
摘要:1 .html <div style="margin:50px auto;width:900px;overflow:visible;"> <div id="test_01" class="test"></div> <div id="test_02" class="test"></div> <div
阅读全文
摘要:有个需求是要层叠两张图,就像你现在看到的:整个浏览器和html页面,内层图片要水平居中,等比例与源UI图适配不同设备 本来很简单的使用 vw vh了( 核心代码 top: 13.25vh; left: 50%; margin-left: -32.31vw; width: 64.62vw; heigh
阅读全文
摘要:Math 对象 Math.PI π 3.141592653589793 Math.ceil('2.5') Math.ceil(2.1) 向上取整 3 Math.floor('2.5') 向下取整 2 Math.max(1,2,'3') 最大值 3 Math.min(1,2,'3') 最小值 Math
阅读全文
摘要:1.思路: 能力检测 + 字符串检索 2.例子 IE Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) ActiveXObject函数 Firefox Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2
阅读全文
摘要:typeof null - 'object typeof undefined - 'undefined' Boolean(null) - false Boolean(undefined) - false Number(undefined) - NaN Number(null) - 0 123 + n
阅读全文
摘要:两种用法: 页面跳转时使用 url (部分浏览器会阻止新窗口弹出页面),其他情况一律遵循 ‘结构样式行为分离’ 1. url href="#" 文档顶部 表示回到最顶部 href="https://www.baidu.com" 绝对地址 页面跳转 <a href="layout/flex_layou
阅读全文
摘要:1. css3 html <div class="container"> <div class="progress"> <div class="progress-bar"> <div class="progress-shadow"></div> </div> </div> </div> css bo
阅读全文
摘要:1.定义 frames[]是窗口中所有命名的框架组成的数组。这个数组的每个元素都是一个Window对象,对应于窗口中的一个框架。 2.用法 假设iframe 是一个以存在的 iframe 的 ID 和 NAME 值,获取iframe的方法有: document.getElementById(“ifr
阅读全文
摘要:arguments.callee 在函数内部指向函数本身 1.函数调用 function sum (num){ if(num <= 1){ return 1; }else{ return num * (arguments.callee(num - 1)) }} 2.区分形参 function a(n
阅读全文
摘要:var num=(1,2) // num = 2 var f=(function(){return '1'})() // '1' var f=(function f(){return '1'},function g(){return 2})() // 2 var x=1; if(function f
阅读全文
摘要:1.知识点 TCP/IP协议 是全双工的(发送数据的同时也能够接收数据,两者同步进行。半双工:一个时间段内只有一个动作发生,如早期的对讲机就是半双工产品),因此每个方向都必须单独进行关闭。 三次握手 (同步连接双方的序列号和确认号并交换 TCP 窗口大小信息) 第一次握手:建立连接时, 客户端发送s
阅读全文
摘要:1.资源 <script type="text/javascript" src="./js/canvg2.js"></script> <script type="text/javascript" src="./js/html2canvas-0.4.1.js"></script> <script ty
阅读全文
摘要:TTFB Time To First Byte 1.含义 最初的网络请求被发起”到“从服务器接收到第一个字节前”所花费的毫秒数 包含了 TCP连接时间,发送HTTP请求时间和获得响应消息第一个字节的时间。 2.影响因素: 浏览器限制:浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经
阅读全文
摘要:1.实例继承原型对象的属性和方法 [].constructor.name - "Array" 2. instanceof 方法判断对象原型链上是否存在某个构造函数 [] instanceof Array - true 3. toString 对对象的处理 ( 推荐,不存在跨域问题 var ifram
阅读全文
摘要:S=2^0+2^1+2^2+2^3+.+2^(n-1)2S=2^1+2^2+2^3+...+2^(n-1)+2^n两式相减,2S-S=2^n-2^0S=2^(n)-1
阅读全文
摘要:1.含义及对比 堆和栈都是运行时内存中分配的一个数据区,因此也被称为堆区和栈区; 二者存储的数据类型和处理速度不同; 堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;它是运行时动态分配内存的,因此存取速度较慢。 栈(stack)中主要存放一些基本类型的变量和对象的
阅读全文
摘要:分享几个点: 1. 画常规覆盖物 // 画点 var myIcon = new BMap.Icon("../images/area.png", { offset: new BMap.Size(10, 25) }); var marker = new BMap.Marker(point, { icon
阅读全文
摘要:一:JavaScript 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
阅读全文
摘要:1. 选择器 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. 2. 用法举例 “~”(波浪号 )、 “,”(逗号)、 “ + ”(加号)和 “ > ”(大于号) p~
阅读全文
摘要:1.用法 typeof num typeof(num) 2.返回值 "number"、"string"、"boolean"、"object"、"function" 和 "undefined" ( null 、arr、obj 都返回 ‘object’ - null 是为了 obj 的占位而生的 。 )
阅读全文
摘要:背景: 语法借鉴 java 函数借鉴 scheme 原型继承借鉴 self 正则表达式借鉴 Perl 1.动态语言 函数的定义和调用 形参与实参不需要一致 形参可由 arguments 类数组获取 (形参传入时与其形成映射关系) 变量之间无阻碍相互转换,不需要指定类型,(前一刻可能是 num ,可以
阅读全文