![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
Coder_Haduo丶
这个作者很懒,什么都没留下…
展开
-
01-webpack入门
今天在面试的过程中被问到了webpack方面的东西,一问三不知,智能支支吾吾答出几个loader,今天开始,学习一下webpack的使用一.webpack有什么作用二.webpack起步一.webpack有什么作用以下是一位博主的解释:点击查看博主描述模块打包。可以将不同模块的文件打包整合在一起,并且保证它们之间的引用正确,执行有序。利用打包我们就可以在开发的时候根据我们自己的业务自由划分文件模块,保证项目结构的清晰和可读性。编译兼容。在前端的“上古时期”,手写一堆浏览器兼容代码一直是令前端工程师原创 2021-07-08 23:12:41 · 172 阅读 · 0 评论 -
javascript事件知识点
事件1.mouseover和mouseenter两个事件有什么区别?二者的区别是mouseenter不会冒泡(bubble)。详细解释一下当二者绑定的元素都没有子元素时,二者的行为是一致的。但是二者内部都包含子元素时,行为就不一样了。2.Event对象中,target和currentTarget的区别?currentTarget是当事件遍历DOM时,标识事件的当前目标。它总是引用事件处理程序附加到的元素,而不是event.target,event.target标识事件发生的元素。有个简原创 2021-06-09 16:40:45 · 83 阅读 · 0 评论 -
javascript指向问题
javascript中this指向问题1:this永远指向一个对象;2:this的指向完全取决于函数调用的位置;!!! 在JavaScript语言之中,一切皆对象,运行环境也是对象,所以函数都是在某个对象下运行,而this就是函数运行时所在的对象(环境)1.原理function fun(){ console.log(this.s);}var obj = { s:'1', f:fun}var s = '2';//这里的obj.f(),是调用了obj对象中的f原创 2021-06-09 16:35:51 · 378 阅读 · 1 评论 -
关于定位的一些零碎总结
style.left和offsetLeft的区别原创 2021-03-20 15:42:21 · 47 阅读 · 0 评论 -
正则表达式
【用途】由于定义一些字符串的规则,计算机可以通过正则表达式来检查一个字符串是否符合规则var reg = new RegExp("a");//这个正则表达式要求字符串中含有【a】var reg = new RegExp("a","i");//其中【i】表示忽略大小写var reg = /ab/i;//正则表达式字面量的书写形式var reg = /a|b/i;//字符串中有【a】或【b】的为truevar reg = /[ab]/i;【[ ]】中也是表达或,var reg = /[a-z]/i原创 2021-03-08 15:56:30 · 45 阅读 · 0 评论 -
JavaScript中数组的一些知识点
Array的一些自带方法,查看W3C函数的额call和apply方法这两个方法都是函数对象的方法,需要通过函数对象来调用当函数调用call()和apply()都会调用执行函数在调用call()和apple()可以将一个对象指定为第一个参数,此时这个对象将会称为函数执行时的【this】call()方法可以将实参在对象之后依次传递apple()方法需要将实参封装到一个数组中统一传递【this】的情况:1. 以函数形式调用时,this永远指向window2. 以方法的形式调用时,this是调用原创 2021-03-05 18:39:57 · 85 阅读 · 0 评论 -
创建对象的一些方法
1. 工厂方法创建对象【概述】:工厂方法对象,就是通过一个方法来构建对象,在构建对象的属性的时候,通过形参来给对象的属性赋值,然后最后返回这个对象。【代码示例】 function factoryMode(name,age,skill){ var obj = { name:name, age:age, skill:skill, show原创 2021-03-05 15:20:30 · 63 阅读 · 0 评论 -
JavaScript中内存的知识
JavaScript于Java的内存分配有些却别,这里暂时先记录JavaScript的内存知识JavaScript的内存分为栈内存与堆内存,基本数据类型保存在栈内存中,引用数据类型(对象)是保存在堆内存中对象在内存中的存储图示var a = new Object();var b = {}; //对象字面量本质上是一样的但是字面量的定义方法可以在申明的同时添加属性var obj = {name:'wby',age : 18,gender : 'male'};函数原创 2021-03-03 10:39:34 · 73 阅读 · 0 评论 -
JavaScript中的一些基础知识
这里记录一些JavaScript中的基础知识【注】JavaScript的底层是用Unicode编写的,所以utf-8中的字符都可以用作JavaScript中的标识符,中文也可以使用,但是一般不会这样使用JavaScript的数据类型1. String两个字符串相乘,结果是NaN,其含义是【not a number】,NaN的类型也是Number2. Number在JavaScript中Number.MAX_VALUE会有一个值【1.7976931348623157e+308】,超过原创 2021-03-02 16:00:44 · 88 阅读 · 0 评论 -
小米官网学习笔记
这个练习是纯CSS,HTML仿写的小米官网(部分)这个练习中主要就是对定位,浮动的一些练习这个练习中学习到的一些经验clearfix对于高度塌陷的修复只能用于因为浮动引起的塌陷,不能修改因为定位引起的塌陷,由绝对定位引起的高度塌陷必须要给父元素指定高度左边的菜单栏看起来是和banner是在同一个div中,但是这里的这个菜单栏是和全部商品分类有关系的,当鼠标停留在全部商品分类的时候,这个菜单栏才会显示,所以这里需要把分类菜单栏写在这个全部商品分类的li标签下,然后通过绝对定位来改变位置导航原创 2021-02-20 20:45:30 · 298 阅读 · 0 评论 -
定位position
position:-static默认值,元素值静止的没有开启定位原创 2021-01-27 16:44:21 · 70 阅读 · 0 评论 -
解决子父元素外边距重合
1.使用before伪元素解决办法:2.clearfix类来同时解决高度塌陷和边框重合原创 2021-01-25 21:46:58 · 179 阅读 · 0 评论 -
css解决高度塌陷
1.在后一个元素中使用clear:both<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/reset.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-01-25 20:50:21 · 74 阅读 · 0 评论 -
css总结
选择器属性选择器 p[title]{ p元素中含有title属性的被选中 }原创 2021-01-22 13:16:54 · 46 阅读 · 0 评论 -
HTML标签笔记
关于meta标签meta标签主要设置一些网页中的元数据,不是给用户看的charset指定网页的字符集 name{keywords,description}指定数据的名称 content指定数据的内容 http-equiv="refresh"content="3;rul"重定向,3s后自动跳转到url定制关于a标签<a herf="#"></a>回到顶部 <a herf="#id"></a>跳到...原创 2021-01-18 21:58:49 · 56 阅读 · 0 评论