- 博客(29)
- 收藏
- 关注
原创 英语语法——简单句
语法简单句一.简单句的核心(一)简单句的核心构成核心构成:主语+谓语谓语的分类:有实义不及物动词(动作无承受对象)主谓及物动词(动作有承受对象)主谓宾主谓双宾主谓宾宾补无实义(连词,系动词)主系表系动词:be动词表变化get, become, turn, go, grow表感官look, sound, smell, taste, feel等等seem, appear/keep, remain/prove五种简单句
2021-10-22 17:27:08
3279
原创 Vue学习总结——侦听器和计算属性
前面学习我们知道可以通过插值表达式渲染页面<body> <div id="app"> 姓名:{{ name }} 年龄:{{ age }} </div> <script> var vue = new Vue({ el: '#app', data: { name: '小明', age: 18, lo...
2020-01-30 15:56:17
223
转载 错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure.......
HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。Mixed Content: The page at ‘xxx’ was loaded over HTTPS, but requested an insecure resource ‘xxx’. This request has b...
2020-01-09 16:03:58
2393
原创 Vue.js学习总结——Vue指令
1. Vue实例<div id="app"> {{message}}</div><script> var app = new Vue({ el: '#app', data: { message: 'Hello,Vue' } })</script>1.1 el(挂载点)el是用来设置Vue实例挂载(管理)的元素...
2020-01-09 14:32:28
321
原创 JavaScript学习总结——this指向
函数预编译过程 this ——> window全局作用域里 this——> windowcall/apply 可以改变函数运行时this指向obj.func(); func()里面的this指向obj (谁调用方法,方法里的this指向谁)var name = '222';var a = { name: '111', say: function() { cons...
2019-12-09 14:07:32
207
原创 Javascript学习总结——继承
继承发展史1. 传统继承方式——原型链Grand.prototype.lastName = 'Lee';function Grand() {}var grand = new Grand();Father.prototype = grand;function Father() { this.name = 'hehe';}var father = new Father();S...
2019-12-05 16:04:37
148
原创 JavaScript学习总结——原型
上一章介绍了构造函数创建对象,可以看做工厂制造汽车function Car(color) { this.brand = 'BMW'; this.hieght = 1400; this.lang = 4900; this.color = color;}var car = new Car('black');var car1 = new Car('red');它们不仅有着相同的基本...
2019-12-03 14:11:13
153
原创 Javascript学习总结——call/apply
call作用:改变this指向借用别人函数实现自己功能应用实际开发过程中,多人协同开发,可能会出现以下情况//同事写的构造函数function Person(name, age, sex) { this.name = name; this.age = age; this.sex = sex;}//你写的构造函数function Student(name, age, sex,...
2019-11-27 14:56:47
192
1
原创 移动web开发:rem+less+媒体查询
1. rem基础rem单位rem是一个相对单位,类似于em,不同的是em的基准是父元素字体大小,rem的基准是html元素的字体大小使用rem做单位的元素的实际大小 = rem值 * html元素的字体大小 <style type="text/css"> html { font-size: 12px; } div { width: 2...
2019-11-25 16:18:40
190
原创 JavaScript学习笔记——对象,包装类
之前曾简单的介绍过对象,本文将对对象进行更深入的总结,可搭配之前的基础部分一起食用var naruto = { name : 'Naruto', 'first name' : 'Uzumaki', age : '16', chakela : 100, yingfenshen : function() { console.log('影分身之术'); this.chakela --...
2019-11-19 09:59:46
705
原创 JavaScript学习总结——闭包的一个问题
理解闭包以后,我们来看看闭包会带来什么问题function test() { var arr = []; for(var i=0; i<10; i++) { arr[i] = function () { document.write(i + ' '); } } return arr;}var myArr = test();for (var j=0; j<...
2019-11-13 17:10:15
328
原创 JavaScript学习总结——闭包与《辟邪剑谱》
有了前面的知识作为铺垫,我们现在可以更容易的理解闭包了1.什么是闭包首先来看一段代码function a(){ function b(){ var bbb = 234; document.write(aaa); } var aaa = 123; return b;}var glob = 100;var demo = a();demo();分析a被定义 a.[[...
2019-11-08 17:46:37
185
原创 JavaScript学习总结——立即执行函数
掌握作用域与作用域链就可以着手学习闭包了,但是不急,在此之前我们先来看一类很有特色的函数——立即执行函数1. 作用在编程中,我们会需要函数来使代码更模块化,但这些函数有的可能只会调用一次就不再调用。此类函数可称为初始化函数(或初始化功能的函数),为了让这些函数调用一次后自动销毁来避免空间的浪费,我们使用立即执行函数,在执行完会立即释放空间2. 举个例子function abc() { v...
2019-11-08 00:16:34
213
原创 JavaScript学习笔记——作用域、作用域链
深入学习作用域与作用域链,能帮我们更好的理解闭包。而学习作用域和作用域链前,我们先得掌握预编译中出现的执行期上下文1. 执行期上下文当函数执行时(或称前一刻),会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,当函数执行完毕,它所产生的执行上下文被销毁。2. 作用域 [...
2019-11-07 17:01:50
246
原创 JavaScript学习笔记——预编译
通常预编译被简单概括为函数声明整体提升和变量声明提升函数的定义回顾首先回顾函数的常用的两种定义方法函数声明function test() { ...}函数表达式var test = function() { ...};函数预编译四部曲函数预编译发生在函数执行的前一刻创建AO对象 Activation Object(执行期上下文)找形参和变量声明,将形参和变...
2019-11-04 15:14:08
226
原创 JavaScript学习笔记——隐式类型转换
之前在总结数据类型的同时总结了一些显示类型转换的方法。熟悉显式类型转换后,能对隐式类型转换有更深入的理解,在实际开发中避免踩坑。一个问题在实际开发或面试中如果遇见两个数字字符串相加,如‘123’+‘456’,怎么快速的得到计算结果?众所周知,如果 “+”两边一个是字符串或者两个都是字符串,会进行拼接,而不是相加。运算之前,必先进行类型转换,根据以前的知识,可通过Number(‘123’) +...
2019-10-29 16:26:00
220
原创 JavaScript学习笔记——BOM(下)
4. 执行机制4.1 JS是单线程JS语言的一大特点就是单线程,也就是说,同一时间只能做一件事。单线程就意味着,所有任务需要排队,第一个任务结束,才会执行后一个任务。这样所导致的问题是:如果JS执行时间过长,就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。4.2 一个问题以下代码的执行结果是什么? console.log(1); setTimeout...
2019-08-24 14:30:12
239
原创 JavaScript学习笔记——BOM(上)
1. BOM概述1.1 什么是BOMBOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windows。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。DOMBOM文档对象模型浏览器对象模型把文档当作一个对象看待把浏览器当作一个对象看待DOM顶级对象是documentBOM顶级对象是windowD...
2019-08-23 00:08:20
304
原创 JavaScript学习笔记——事件
1. 事件流事件流描述的是从页面接收事件的顺序,事件流分为三个阶段事件捕获阶段处于目标阶段事件冒泡阶段事件冒泡由IE最先提出,事件开始由最具体的元素接收,然后逐级向上传播到较为不具体的节点事件捕获由网景公司最先提出,由DOM最顶层开始,然后逐级向下传播到最具体的元素接收的过程注册事件注册事件的两种方式:传统方式注册事件使用on开头兼容性较好同一元素只能绑定一个处...
2019-08-22 12:40:23
190
原创 JavaScript学习笔记——DOM(下)
4. 操作元素JavaScript可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。4.1 改变元素内容element.innerText从起始位置到终止位置的内容,但它去除Html标签,同时空格和换行也会去掉innerText不识别HTML标签非标准可读写的,可以获取元素里面的内容element.innerHTML从起始位置到终止位置的...
2019-08-14 13:10:58
230
原创 JavaScript学习笔记|内置对象——Date
Date( )日期对象是一个构造函数,必须使用new来调用创建日期对象使用new来创建日期对象1.如果没有参数,返回系统的当前时间var date = new Date();console.log(date);2.参数常用的写法1)数字型 2019,08,01var date1 = new Date(2019,08,01);console.log(date1);//返回的是9月,...
2019-08-01 18:21:53
259
原创 JavaScript学习笔记|内置对象——Math
Math是一个内置对象,它具有数学常数和函数的属性和方法,不是一个函数对象描述Math数学对象,不是一个构造函数,所以不需要用new来调用,而是直接使用里面的属性和方法即可console.log(Math.PI);//3.141592653589793方法1.Math.max( )Math.max() 函数返回一组数中的最大值。语法Math.max(value1[,value2,...
2019-08-01 14:57:22
184
原创 JavaScript学习笔记|数据类型——函数类型(基础)
Function类型函数实际上是对象,每个函数都是Funcetion类型的实例,函数名实际上是一个指向函数对象的指针。函数定义的三种方式函数声明法function sum(num1, num2){ return num1 + num2;};函数表达式var sum = function(num1, num2){ return num1 + num2};使用Fun...
2019-07-25 13:56:38
169
原创 JavaScript学习笔记|数据类型——Array类型
定义数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。var arr = ['a', 'b', 'c'];上面代码中的a、b、c就构成一个数组,两端的方括号是数组的标志。a是0号位置,b是1号位置,c是2号位置。数组也可以先定义后赋值var arr = [];arr[0] = 'a';arr[1] = 'b';arr[2] = 'c'...
2019-07-11 16:33:37
1222
原创 JavaScript学习笔记|数据类型——Object类型、for in循环
对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。是一组数据和功能的集合。创建对象实例1.使用new操作符后跟Object构造函数 var person = new Object(); person.name = "Ricardo"; person.age = 23;2.使用对象字面量的方式 var person = { name:"Ricar...
2019-07-09 19:36:08
1413
原创 JavaScript学习笔记|基本数据类型——String
String类型定义String类型用于表示字符串,字符串需放在单引号或双引号中。 var abc = 'abc'; var def = "def";用单引号表示的字符串与用双引号表示的字符串完全相同。不过,以双引号开头的字符串必须以双引号结尾,单引号同理。 var abc = "abc';//语法错误单引号内部可以使用双引号,双引号内部可以使用单引号 var a = "Let...
2019-07-08 14:08:01
172
原创 JavaScript学习笔记|基本数据类型——Number
Number类型整数JavaScript对整数提供四种表示方法:二进制:有前缀0b的数值,出现0,1以外的数字会报错八进制:八进制第一位必须是零(0),然后是八进制数字序列(0~7),超过范围前面的0将被忽略,后面的数值按十进制数值解析 注意:八进制字面量在严格模式下是无效的,会导致支持该模式的JavaScript引擎抛出错误十六进制:十六进制前两位必须是0x,后跟十六进制数字(0 ...
2019-07-05 23:20:36
213
原创 JavaScript学习笔记|基本数据类型——Undefined,Null及Boolean
JS基本数据类型数据类型变量可分为两种不同的数据类型:基本类型和引用类型基本类型:1)Number:值可以为任意数值2)String:任意文本3)Undefined:undefined4)Null:null5)Boolean:true/false引用数据类型:1)Object:一般对象类型2)Function:特殊对象类型(有方法,可执行)3)Array:特殊对象类...
2019-07-05 19:08:38
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人