- 博客(61)
- 资源 (1)
- 收藏
- 关注
原创 day003
On the very day that I had come to this conclusion, I was standing at the Criterion Bar, when someone tapped me on the shoulder, and turning round I recognized young Stamford, who had been a dresser(/...
2019-06-20 16:48:46
277
原创 day002血字的研究
Worn (v.磨损(wear的过去分词)) with pain, and weak from the prolonged ( /pro’lɔŋd/ adj.持续很久的)hardships ( /'hɑrdʃɪp/ n.苦难) which I had undergone(经历), I was removed, with a great train of wounded(/'wundɪd/n.伤...
2019-06-18 13:47:53
242
原创 day01血字的研究
THE COMPLETE SHERLOCK HOLMES(完整版夏洛克•福尔摩斯)IN THE YEAR 1878 I took my degree of Doctor of Medicine / /ˈmedsn/ n. 药;医学;/ of the University of London, and proceeded / /pro’sid/ vi. 开始;继续进行;发生;行进 / to...
2019-06-14 17:25:08
260
原创 00_移动端单词
viewport ['vju:pɔ:t] n. 视口,观察孔layout ['leɪaʊt] n. 布局;设计;安排;陈列 layout viewport 布局视口visual ['vɪʒjʊəl] adj. 视觉的,视力的;栩栩如生的 visual viewport 视觉视口device [dɪ'vaɪs] n. 装置;策略;图案;设备pixel ['pɪks(ə)l] ...
2018-10-11 16:38:53
246
原创 05_一物理像素的实现
一物理像素的实现rem+系统缩放1.主体适配采用rem适配 并放大rem的基值(dpr倍)2.再通过系统缩放 缩回dpr倍,initial-scale=1/dpr(function(){ var dpr = window.devicePixelRatio||1; var styleNode = document.createElement("style"); var w = do...
2018-10-11 16:37:41
573
原创 04_Font Boosting
什么是Font BoostingFont Boosting是Webkit 给移动端浏览器提供的一个特性:当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大,保证在即不需要左右滑动屏幕,也不需要双击放大屏幕内容的前提下,也可以让人们方便的阅读页面中的文本。Font Boost...
2018-10-11 16:37:03
316
原创 03_移动端事件基础
移动端事件基础queryselector的坑queryselectorAll:静态列表queryselector:静态列表的第一个移动端事件移动端事件:触屏事件、指针时间(用的少)移动端: touchstart touchmove(不可能单独触发) touchendpc端: mousedown mousemove(可以单独触发) mouseup阻止事件的默认行为,阻...
2018-10-11 16:36:17
132
原创 02_移动端适配
meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />移动端适配rem适配>rem单位: 根标签的font-size所代表的值>步骤 1....
2018-10-11 16:35:03
108
原创 01_移动端基础
基本概念:屏幕尺寸:屏幕对角线长度(英寸) 1英寸=2.54cm屏幕分辨率:横纵向上像素点数(物理像素)屏幕密度:每英寸上物理像素个数高清屏:一种具备超高像素密度的液晶屏;同样大小屏幕上显示物理像素点数由一个变为多个,高清屏和普通屏相比,相同区域的物理像素点,高清屏是普通屏的4倍视口尺寸:代表横纵向上css像素个数4个像素 3个视口 2个操作 1个比例4个像素...
2018-10-11 16:34:07
176
原创 6_ES6模块化
ES6-Babel-Browserify使用创建项目结构|-js |-libs |-src |-app.js |-module1.js |-module2.js |-module3.js .babelrc(JSON文件) index.html package.json1. 定义package.json文件{"name" : "es6-...
2018-10-09 19:52:50
295
原创 5_CMD-SeaJS模块化
sea.js简单使用使用seajs:1. 引入sea.js库2. 如何定义导出模块 : define() exports module.exports3. 如何依赖模块: require()4. 如何使用模块: seajs.use()1. 下载sea.js, 并引入官网: http://seajs.org/github : https:/...
2018-10-09 19:52:39
377
原创 4_AMD-RequireJS模块化
AMD-RequireJS模块化1. 下载require.js, 并引入官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js导入项目: js/libs/require.js2. 创建项目结构|-js|-libs |-require.js|-mo...
2018-10-09 19:52:27
173
原创 3_CommonJS-Browserify模块化(浏览器端)
Browserify模块化使用http://browserify.org/1. 创建项目结构|-js|-dist //打包生成文件的目录(有时是build)|-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json...
2018-10-09 19:52:14
212
原创 2_CommonJS_Node模块化(服务器端)
Node.js模块化1. 下载安装node.js2. 创建项目结构|-modules |-module1.js |-module2.js |-module3.js|-app.js|-package.json { "name": "commonJS-node", "version": "1.0.0&
2018-10-09 19:52:00
149
原创 1_javascript模块化进化史
模块化进化史全局function模式全局函数模式: 将不同的功能封装成不同的全局函数问题: Global被污染了, 很容易引起命名冲突// module1.js //数据 let data = 'atguigu.com' //操作数据的函数 function foo() { console.log(`foo() ${data}`) }...
2018-10-09 19:51:49
143
原创 11_javascript线程机制与事件机制
进程与线程进程:程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程线程:是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元进程与线程* 一个进程中一般至少有一个运行的线程: 主线程* 一个进程中也可以同时运行多个线程, 我们会说程序是多线程运行的* 一个进程内的数据可以供其中的多个线程直接共享* 多个进程之间的数...
2018-10-09 19:51:35
183
原创 10_javascript继承模式
方式1: 原型链继承套路定义父类型构造函数给父类型的原型添加方法定义子类型的构造函数创建父类型的对象赋值给子类型的原型将子类型原型的构造属性设置为子类型给子类型原型添加方法创建子类型的对象: 可以调用父类型的方法关键子类型的原型为父类型的一个实例对象//父类型function Supper() { this.supProp = 'Supper prope...
2018-10-09 19:51:21
108
原创 09_javascript对象创建模式
方式1: Object构造函数模式套路: 先创建空Object对象, 再动态添加属性/方法适用场景: 起始时不确定对象内部数据问题: 语句太多/* 创建一个人: name:"Tom", age: 12 **/// 先创建空Object对象var p = new Object()p = {} //此时内部数据是不确定的// 再动态添加属性/方法p.name = 'Tom'p....
2018-10-08 15:21:54
98
原创 08_javascript闭包
引子实例// 需求: 点击某个按钮, 提示"点击的是第n个按钮"// html: <button>测试1</button> <button>测试2</button> <button>测试3</button> // js: (错误实现)var btns = document.getEleme
2018-10-08 15:20:48
129
原创 07_javascript作用域与作用域链
作用域理解就是一块"地盘", 一个代码段所在的区域它是静态的(相对于上下文对象), 在编写代码时就确定了分类全局作用域函数作用域没有块作用域(ES6有了)作用隔离变量,不同作用域下同名变量不会有冲突//ES5 没块作用域if(true) { var c = 3}console.log(c) //3var a = 10,b = 20function fn(x...
2018-10-08 15:14:37
133
原创 06_javascript执行上下文与执行上下文栈
变量提升与函数提升变量声明提升通过var定义(声明)的变量, 在定义语句之前就可以访问到值: undefined函数声明提升通过function声明的函数, 在之前就可以直接调用值: 函数定义(对象)面试题 :var a = 3function fn () { console.log(a) var a = 4}fn() // undefinedconsole.lo...
2018-10-08 15:10:09
240
原创 05_javascript原型与原型链
原型(prototype)函数的prototype属性(图)每个函数都有一个prototype属性,它默认指向一个Object空对象(即称为: 原型对象)但Object不满足原型对象中有一个属性constructor,它指向函数对象给原型对象添加属性(一般都是方法)作用: 函数的所有实例对象自动拥有原型中的属性(方法)显式原型与隐式原型每个函数function都有一个...
2018-10-08 15:03:36
145
原创 04_javascript函数
什么是函数?具有特定功能的n条语句的封装体只有函数是可执行的, 其它类型的数据是不可执行的函数也是对象为什么要用函数?提高代码复用便于阅读和交流如何定义函数? 函数声明 表达式如何调用(执行)函数? test() new test() obj.test() test.call/apply(obj)回调函数什么函数才是回调函数?你定义...
2018-10-08 14:56:28
107
原创 03_对象
什么是对象?代表现实中的某个事物, 是该事物在编程中的抽象多个数据的集合体(封装体)用于保存多个数据的容器为什么要用对象?便于对多个数据进行统一管理对象的组成属性代表现实事物的状态数据由属性名和属性值组成属性名都是字符串类型, 属性值是任意类型方法代表现实事物的行为数据是特别的属性==>属性值是函数如何访问对象内部数据?.属性名: 编码简单, 但有时不能...
2018-10-08 14:55:23
168
原创 03_对象
什么是对象?代表现实中的某个事物, 是该事物在编程中的抽象多个数据的集合体(封装体)用于保存多个数据的容器为什么要用对象?便于对多个数据进行统一管理对象的组成属性代表现实事物的状态数据由属性名和属性值组成属性名都是字符串类型, 属性值是任意类型方法代表现实事物的行为数据是特别的属性==>属性值是函数如何访问对象内部数据?.属性名: 编码简单, 但有时不能...
2018-10-08 14:55:23
185
原创 02_javascript数据, 变量与内存
什么是数据?存储于内存中代表特定信息的'东东', 本质就是0101二进制具有可读和可传递的基本特性万物(一切)皆数据, 函数也是数据程序中所有操作的目标: 数据 算术运算 逻辑运算 赋值 调用函数传参 ...什么是内存?内存条通电后产生的存储空间(临时的)产生和死亡: 内存条(集成电路板)==>通电==>产生一定容量的存储空间...
2018-10-08 14:54:28
95
原创 01_javascript数据类型
数据类型分类(2大类)基本(值)类型* Number: 任意数值* String: 任意文本* Boolean: true/false* undefined: undefined* null: null对象(引用)类型* Object: 一般对象类型* Array: 特别的对象类型(下标/内部数据有序)* Function: 特别的对象类型(可执行)数据类型的判断typ...
2018-10-08 14:53:11
101
原创 14_JSON
JSONJavaScript Object Notation JS对象表示法// notation [nəʊ'teɪʃ(ə)n] n. 符号;乐谱;注释;记号法JS中的对象只有JS自己认识,其他的语言都不认识;JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互。JSON和JS对象的格式一样,只不...
2018-10-07 11:30:41
124
原创 13_javascript之BOM
BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象Window 代表的是整个浏览器的窗口, 同时window也是网页中的全局对象 Navigator 代表的当前浏览器的信息, 通过该对象可以来识别不同的浏览器 Location 代表当前浏览器的地址栏信息...
2018-10-07 11:30:25
88
原创 12_javascript事件
事件事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、按下键盘上某个键等等。我们可以在事件对应的属性中设置一些js代码,这样当事件被触发时,这些代码将会执行。这种写法我们称为结构和行为耦合,不方便维护,不推荐使用&lt;but...
2018-10-07 11:30:09
173
原创 11_javascript之DOM
什么是DOM:DOM ,全称 Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。文档 文档表示的就是整个的HTML网页文档。对象 对象表示将网页中的每一个部分都转换为了一个对象。模型 使用模型来表示对象之间的关系,这样方便我们获取对象。节点节点Node ,是构成我们网页的最基本...
2018-10-07 11:29:53
182
原创 10_javascript内建对象RegExp(正则表达式)
正则表达式RegExp正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,或者将字符串中符合规则的内容提取出来创建正则表达式的对象语法: var 变量 = new RegExp("正则表达式","匹配模式");使用typeof检查正则对象,会返回objectvar reg = new RegExp("a"); 这个正则
2018-10-07 11:29:36
232
原创 09_javascript内建对象(包装类)
包装类(String、Number、Boolean)在JS中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型的数据转换为对象。 String() 可以将基本数据类型字符串转换为String对象 Number() 可以将基本数据类型的数字转换为Number对象 Boolean() 可以将基本数据类型的布尔值转换为Boolean对象 但是注意:我们在实际应用中不会使用基本数据...
2018-10-07 11:29:15
164
原创 08_javascript内建对象Math
MathMath和其他的对象不同,它不是一个构造函数,它属于一个工具类不用创建对象它里边封装了数学运算相关的属性和方法。比如:Math.PI 表示的圆周率。Math常用方法:Math.abs()可以用来计算一个数的绝对值console.log(Math.abs(-1));//1Math.ceil()可以对一个数进行向上取整,小数位只有有值就自动进1Math.f...
2018-10-07 11:28:59
98
原创 07_javascript内建对象Date
Date对象在JS中使用Date对象来表示一个时间创建一个Date对象如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间.var d = new Date();创建一个指定的时间对象需要在构造函数中传递一个表示时间的字符串作为参数日期的格式 月份/日/年 时:分:秒var d2 = new Date("2/18/2011 11:10:30");常...
2018-10-06 16:07:43
95
原创 06_javascript内建对象Array
JavaScript对象:内建对象宿主对象自定义对象内建对象:ArrayDataMath(工具类)RegExp(正则表达式)FunctionEvents包装类:String、Number、BooleanArray数组(Array)数组也是一个对象,它和我们普通对象功能类似,也是用来存储一些值的;不同的是普通对象是使用字符串作为属性名的,而数组时使用数字来作为索引操...
2018-10-06 16:05:43
131
原创 05_javascript函数
函数 function函数也是一个对象,函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码),函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象时,会返回function。函数的创建:使用构造函数来创建一个函数对象我们在实际开发中很少使用构造函数来创建一个函数对象//创建一个函数对象//可以将要封装的代码以字符串的形式传递给构造函数var...
2018-10-06 15:54:16
175
原创 04_javascript对象
js对象:为什么会有对象:基本数据类型都是单一的值"hello" 123 true,值和值之间没有任何的联系。// 在JS中来表示一个人的信息(name gender age):var name = "孙悟空";var gender = "男";var age = 18;如果使用基本数据类型的数据,我们所创建的变量都是独立,不能成为一个整体。对象属于一种复合的数据类型,在对象中可以...
2018-10-06 15:37:54
145
原创 03_javascript流程控制
流程控制语句JS中的程序是从上到下一行一行执行的通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行语句的分类:1.条件判断语句2.条件分支语句3.循环语句条件判断语句:使用条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,条件不成立则语句不执行。if语句语法一: if(条件表达式){ 语句... }if语句在执行时,...
2018-10-06 15:28:41
84
原创 02_javascript运算符
运算符也叫操作符通过运算符可以对一个或多个值进行运算,并获取运算结果比如:typeof就是运算符,可以来获得一个值的类型它会将该值的类型以字符串的形式返回 number string boolean undefined object算数运算符当对非Number类型的值进行运算时,会将这些值转换为Number然后在运算任何值和NaN做运算都得NaN+ 可以对两个值进行加法运算,...
2018-10-06 15:24:33
99
写给大家看的算法书 ,(日)杉浦贤著 ,P179.zip
2018-06-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人