摘要: 拖放是一种非常流行的用户界面模式. 具体概念: 创建一个绝对定位的元素,使其在一定的范围内可以用鼠标按压移动. 当按下拖动元素的右下角元素时 可以改变可拖动元素的宽高 核心技术思想: 通过计算鼠标的相对计算位移,让按压的元素同样移动相同的距离. 技术难点: 元素在页面中的位置和鼠标在页面中的位置. 阅读全文
posted @ 2019-10-11 15:23 Scok 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 浏览器中大多数浏览器采用W3C标准模型,而IE浏览器采用Microsoft自己的模型. CSS3中Box model是分为两种可以通过box-sizing属性来选择两种标准的盒子模型: 标准盒子模型(content-box)(默认属性) 怪异盒子模型(border-box) 怪异模式是“部分浏览器在 阅读全文
posted @ 2019-10-10 10:17 Scok 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 1 在html文件中导入css文件 1.1 导入式 <link href="style.css" rel="stylesheet" type="text/css" /> 1.2 链接式 <style type="text/css"> @import "style.css" </style> 2 二者 阅读全文
posted @ 2019-10-09 11:14 Scok 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 1 window.getComputedStyle(非IE) 语法 let styles = window.getComputedStyle(Element, [pseudoElt]); 该方法一共有两个参数,其中第一个为必须参数,第二个参数为可选参数,为空时会默认为null. Element:需要 阅读全文
posted @ 2019-09-05 17:14 Scok 阅读(4282) 评论(0) 推荐(0) 编辑
摘要: 1 字符串与数组的创建 1.1 创建字符串 注: 1> ECMAScript中字符串单引号(')与双引号(")的定义完全相同,没有差别. 2>字符串一旦创建,就没法改变原字符串. 1.2 创建数组 注: 1> ECMAScript中的数组在运行中可以改变长度.其中属性Length为可读可写属性.即可 阅读全文
posted @ 2019-08-30 18:58 Scok 阅读(208) 评论(0) 推荐(0) 编辑
摘要: JavaScript的预解析 1.Javascript语言的运行流程<就目前知识而言> Javascript是一门单线程的解释性语言.在被浏览器JS引擎解读的时候,Javascript不会立即执行,而是先扫描代码,检测代码语法是否有错误.如果语法没有错误,就会将所有的声明的变量和函数进行声明提升.声 阅读全文
posted @ 2019-08-24 17:01 Scok 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 数字转字符串的方式: 1->数字调用toString方法转换为字符串.--num.toString(). 2->数字作为形参调用String函数.--String(num). 3->利用Javascript类型转换的默认属性,数字加上空字符串""或''. var num = 1234; var st 阅读全文
posted @ 2019-08-21 08:44 Scok 阅读(372) 评论(0) 推荐(0) 编辑
摘要: JavaScript运算符号可以分为以下三大类 物理运算符 逻辑运算符 关系运算符 物理运算符 逻辑运算符 关系运算符 物理运算符:数据可以分为 加(+) 减(-) 乘(*) 除(/) 取余(%). 加(+)操作符可能会产生意外的运算结果.当字符串与数字相加的时候,JavaScript会先将数字转化 阅读全文
posted @ 2019-08-20 21:09 Scok 阅读(142) 评论(0) 推荐(0) 编辑
摘要: JavaScript总体可以分成以下两大类. 1->基本数据类型 |->数字类型 (Number) |->字符串 (String) |->布尔值 (Boolean) |->Null (空值) |->Undefined (未定义类型) 2->复杂数据类型 |->Object (本质上是一组无序的名值对 阅读全文
posted @ 2019-08-20 21:00 Scok 阅读(179) 评论(0) 推荐(0) 编辑