![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Eternal_tyq
这个作者很懒,什么都没留下…
展开
-
CSS3中的多媒体查询
媒体查询可用于检测很多事情,例如: •viewport(视窗) 的宽度与高度 •设备的宽度与高度 •朝向 (智能手机横屏,竖屏) 。 •分辨率写多媒体查询的方式有两种: 1.在HTML文件中头部链接不同的适应对应屏幕大小的css文件。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title><原创 2017-11-21 22:52:25 · 1033 阅读 · 0 评论 -
JavaScript的垃圾回收机制
JavaScript具有自动垃圾回收机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。在编写JavaScript程序时,开发人员不必再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。原理--找出那些不再继续使用的变量,然后释放其占用的内存。这一过程不是实时的(因为其开销比较大),所以,JavaScript垃圾收集器会按照固定的时间间隔(或代码执行中预定的收集时间...原创 2018-08-23 12:48:09 · 322 阅读 · 0 评论 -
深入理解JavaScript的原型、原型链与继承
在介绍原型是什么之前,首先需要知道原型是做什么用的,在JS高设书中,明显可以看到介绍有关原型的知识是在介绍创建对象的方式时提出来的,即使用原型模式来创建对象,显而易见,原型这个概念是与创建对象联系在一起的。当然,创建对象的方式有很多种,如工厂模式,构造函数模式,以及与原型模式有关的其他模式等。原型模式理解原型模式我们创建的每一个函数都有一个prototype属性,这个属性是一个指针,指...原创 2018-08-24 13:47:12 · 280 阅读 · 0 评论 -
JavaScript中的变量
基本类型与引用类型ECMAScript变量包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值:指简单的数据段。一共有五种基本数据类型:Number,String,Boolean,Null,Undefined。这五种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值。引用类型值:指保存在内存中的对象。与其他语言不同,JS不允许直接访问内存中的位置,也就是说不能直接操作...原创 2018-08-21 15:39:41 · 378 阅读 · 0 评论 -
JavaScript中的Function类型及函数、匿名函数等
函数与Function的关系:每个函数都是Funtion类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数的定义方式1.函数声明以关键字function开始,后面跟随函数名称标识符、一对圆括号(包含有0个或多个用逗号隔开的函数参数名称)和一对花括号(包含0条或多条JS语句,构成函数体)。解析器在向执行...原创 2018-08-21 19:35:34 · 442 阅读 · 0 评论 -
深入理解JavaScript的单线程异步
基础概念进程和线程进程——是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位。对操作系统来说,一个任务就是一个进程,即一个运行着的程序就对应了一个进程。比如打开一个浏览器就是启动一个浏览器进程,打开两个word就是启动了两个word进程。对于单核CPU来说,同一时间只能运行一个进程。那么,我们为什么还能够一边听音乐一边读word文件呢?这是它采用任务交替执行...原创 2018-08-25 15:50:47 · 300 阅读 · 0 评论 -
近期前端面试题总结
viewportCSS3已经的媒体查询@media已经能够解决PC端响应式页面设计,但是在手机端显示的时候,移动端网页会默认网页是为pc的宽屏设计的,所以会缩小整个页面来适应屏幕。这时候就不能满足移动端响应式设计。为了解决这个问题,我们就可以使用HTML5中的viewport,即视口,设置网页相关显示。举个栗子<meta name="viewport" content="w...原创 2018-09-14 10:17:48 · 246 阅读 · 0 评论 -
Vue中slot的理解与使用
slot是什么?slot俗称“插槽”,可以通过其向组件内部指定位置传递内容。slot能够解决什么问题?在正常的开发情况下,如果存在以下子组件child.vue,child.vue<template> <div> Hello World </div></template>假如我们在父组件中这样引用它pa...原创 2019-02-14 16:14:45 · 1143 阅读 · 0 评论 -
ES6 函数的扩展
1函数参数的默认值1.1写法在es6之前,不能够给函数的参数设置默认值,但如果我们需要在没有给某个参数赋值的时候为其设定一个默认的值,一般可以这样写:function log(x, y) { y = y || 'world' // 在调用函数时候,当没有给参数y赋值的时候让y='world' console.log(x, y )}// 三种情况的调用log...原创 2019-09-21 18:11:11 · 204 阅读 · 0 评论 -
ES6数组扩展
1 扩展运算符1.1 写法:三个点...1.2 作用扩展运算符可以将一个数组转为用逗号分隔的参数序列。此时你有没有想起rest参数,rest参数是将参数序列转为一个数组。所以说,扩展运算符是rest参数的逆运算。1.3 解决了什么实际问题1.3.1 替代了数组的apply方法 关于apply的回顾:函数默认都会有一个apply方法,这个方法用来指定函数的执行环...原创 2019-09-22 15:54:51 · 200 阅读 · 0 评论 -
深入理解JavaScript的执行环境、作用域与作用域链及闭包
执行环境(执行上下文EC)来自JS高设--执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个变量中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。每个函数都有自己的执行环境,当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行后,栈将其环境弹出,把控制权返回...原创 2018-08-22 16:44:38 · 1083 阅读 · 0 评论 -
关于AJAX基础
AJAX全称为:Asynchronous JavaScript and XML,即异步的 JavaScript 和 XML。顺便补充一下关于XML的知识XML全称为:EXtensible Markup Language,即可扩展标记语言,它可以简化数据的存储和共享,通常用来传输和存储数据,与HTML相比,HTML被用来显示数据,而XML用来传输数据。AJAX 不是新的编程语言,而是一种使用现有标准...原创 2018-03-20 19:31:51 · 220 阅读 · 0 评论 -
CSS3中的2D转换及动画效果
CSS中的2D变形主要用transform属性来实现,其可以用来控制元素的变形,如移动,比例化,反过来,旋转,和拉伸。 transform属性的基本语法如下1.translate() 移动元素,即基于X和Y 坐标重新定义元素位置。 用法如下: transform:translate(300px,200px); 或 transform:translate原创 2017-11-20 23:06:23 · 1175 阅读 · 0 评论 -
CSS3概述
1.半透明 IE中--opacity:0.5; 其他浏览器--filter:opacity(50%); 通用--background:rgba(255,0,0.5);2.边框:border-radius 边框圆角box-shadow盒子阴影border-image边框图片eg.<!DOCTYPE html><html><head lang="en"> <meta cha原创 2017-11-16 22:00:17 · 420 阅读 · 0 评论 -
JavaScript中的DOM简介及应用
1.getAttribute() 通过元素节点的属性名称获取属性的值 setAttribute() 通过元素节点的属性名称设置属性的值 eg.document.getElementsByTagName("a")[0].getAttribute("href")document.getElementsByTagName("a")[0].setAttribute("href","http://w原创 2017-12-22 00:45:21 · 463 阅读 · 0 评论 -
JavaScript简介及输出方式
一.简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。二.在HTML中使用JavaScript原创 2017-12-07 18:05:37 · 548 阅读 · 0 评论 -
JavaScript中的函数和事件
一.函数 1.函数概念: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 2. 函数语法: 函数就是包裹在花括号中的代码块,前面使用了关键词 functionfunction functionname(){执行代码}当调用该函数时,会执行函数内的代码。 可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。 注意:原创 2017-12-07 21:34:18 · 371 阅读 · 0 评论 -
JavaScript中常用语句
1.if…else条件语句 条件语句用于基于不同的条件来执行不同的代码。可以嵌套使用。if (条件) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 }<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>财富预测</t原创 2017-12-07 21:52:23 · 400 阅读 · 0 评论 -
JavaScript中的数据类型及运算符
一.数据类型 1.Number类型 Number为数字类型,包括整型和浮点型var x1=34.00; // 使用小数点来写var x2=34; // 不使用小数点来写var y=123e5; // 通过科学(指数)计数法来书写 表示12300000var z=123e-5; //科学(指数)计数法 表示0.001232.Boolean类型原创 2017-12-07 20:54:40 · 458 阅读 · 0 评论 -
jQuery中如何获取元素的索引值&js获取索引
今天在做一个页面导航栏的过程中遇到了一个小问题,解决之后进行总结,归根结底是“jQuery中如何获取元素的索引值的问题”。所以首先补充一下基础知识:jQuery中获取元素索引值有一个方法:index();这个方法返回指定元素相对于其他指定元素的 index 位置,如果未找到元素,index() 将返回 -1。它用在两种情况下:1.寻找元素相对于同胞元素的索引index<script>...原创 2018-03-19 18:06:21 · 7665 阅读 · 2 评论 -
JS 对象的扩展
1 属性的简洁表示法ES6允许在大括号内,直接写入变量和函数,作为对象的属性和方法。这样书写更加简洁。1.属性简写const foo = 'baz'const obj = { foo } // { foo: 'baz' }function f(x, y) { return { x, y}}f(1, 2) // {x: 1, y: 2}2.方法简写...原创 2019-09-23 19:57:10 · 1549 阅读 · 0 评论