4 靖凡无所畏惧

尚未进行身份认证

我要认证

一个在前端路上不断前进的程序猿

等级
TA的排名 4k+

JavaScript继承大全!

前言:JS里边的继承是工作中必用的,也是面试中必考的,所以这篇文章就给大家介绍一下每种继承的特点,希望对大家有所收获~!原型链继承 //父类 function Person(name) { this.name = name || 'hpp'; this.sayName = function() { return this.name; } } .

2020-09-12 21:33:28

JavaScript里的this指向问题,看这篇就够了!

前言:JavaScript里边的 this 指向问题,这篇文章帮你搞定!具体情况分类:函数没有被上级调用,this指向window function sayMyName(){ var name = "JavaScript" console.log(this.name);//undefined console.log(this.name);//Window } sayMyName(); window.sayMyNam.

2020-09-12 21:17:33

JavaScript作用域和作用域链知多少

前言:本篇文章向大家分享一下作用域和作用域链,希望对大家有所帮助!作用域:作用域就是代码的执行环境,全局执行环境就是全局作用域,函数的执行环境就是函数作用域(私有作用域),他们都是栈内存。全局执行环境是最外围的执行环境,根据ECMAScript所实现的宿主环境不同,表示的执行环境的对象也不同。在Web浏览器中,全局执行环境被认为是Window对象,因此所有全局变量和函数都是作为Window对象的属性和方法创建的。在Node环境中,全局执行环境是global对象。某个环境执行完毕完所有的代

2020-09-12 19:44:33

闭包知多少

什么是闭包在js中变量的作用域属于函数作用域, 在函数执行完后,作用域就会被清理,内存也会随之被回收,但是由于闭包函数是建立在函数内部的子函数, 由于其可访问上级作用域,即使上级函数执行完, 作用域也不会随之销毁, 这时的子函数(也就是闭包),便拥有了访问上级作用域中变量的权限,即使上级函数执行完后作用域内的值也不会被销毁。闭包解决了什么问题可以读取函数内部的变量 可以将变量的值始终保存在内存中,不会再函数被调用后清除 封装getter 和 setter 方法闭包缺点闭包会导致函数内的

2020-09-12 19:41:30

流式布局、圣杯布局、双飞翼布局你必须知道的知识!

前言:搞前端必须知道的布局,工作中必会用到,面试必会考到!流式布局:页面划分份数时候使用百分比,页面上各种元素的宽也都使用百分比,同时搭配 max-width、min-width使用。这种布局用于早期移动端,屏幕尺寸差异不大缺点:页面元素宽度是百分比,但是页面的字体等元素大小是固定的px,导致屏幕如果过大的话,虽然元素被拉伸边长了,但是字体没有变大,导致页面显示非常不协调。圣杯布局两侧宽度固定,中间宽度自适应的“三栏布局”实...

2020-09-10 16:31:36

前端浮动问题解决方法大全,你值得收藏!

前言:搞前端的必会的知识点之清除浮动,工作中必用到,面试中必考到,废话不多说直接上干货!清除浮动的办法:父级元素定义高度实现原理:直接给父级元素定义height,解决父级没有高度问题 优点:容易理解,代码少 缺点:布局必须高度固定,且高度必须精确,否则一旦子级元素高出父级,会导致布局问题 结论:局限太大,一般不建议使用,建议固定高度布局使用代码:<!DOCTYPE html><html> <head> ...

2020-09-09 20:23:11

前端BFC我们必须要知道的知识点!

什么是BFC:BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素自己的定位以及与其兄弟元素之间的相互作用。在进行盒子元素布局的时候,使用BFC提供的环境,使之我们在BFC环境中进行布局不会影响其他元素的布局,BFC可以理解为一个独立的容器,内部元素布局不影响外部元素布局,反之也成立。如何触发BFC:浮动的元素,float 不可以为 none。 绝对定位元素 position 取值为 absolute 或者 fixed dis.

2020-09-09 09:58:59

关于npm,你必须要知道的知识!

前言:总结了一些npm的相关知识点,这是我们搞前端必须要知道的知识点,现在分享给大家!什么是npmnpm是一个包管理工具,用于快速分享和复用第三方提供的js代码什么是package.json在项目开发过程中,我们如果需要依赖一些第三方代码或者框架,那么我们项目中需要详细记录一下我们用到的代码或者库的清单,目的在于项目在别处运行的时候,系统可以根据清单来下载运行项目所需要的代码和库文件。如何生成package.jsnpm init //需要进行其他的配置,定制化程度...

2020-09-08 20:10:10

Node.js查找模块,看这篇就够了!

前言:本人最近学习Node.js,然后觉得Node.js查找模块这个知识点很有意思,然后就和大家分享一下吧模块的类型:我们需要知道,我们在Node.js中引用模块无外乎:系统模块,指定相对路径的模块,node_modules里边的模块,文件夹模块这几种require('http'); //系统模块require('./a.js'); //指定相对路径的模块require('b.js'); //node_module里边的模块require('dao'); //文件夹模块.

2020-08-22 21:36:52

用Vue+ElementUI实现省市联动例子

前言:最近工作中需要写一个省市联动的下拉框,然后自己就简单的造了一个轮子,现在把代码给大家分享一下。代码//这篇代码是封装的子组件的代码//可以在选择完数据以后,调用父界面的事件进行相应的处理<template> <el-row> <el-col :span="8"> <el-select v-model="Prov" placeholder="请选择" @change="showProv()"> .

2020-06-21 21:47:14

VUE项目优化请君收藏!

前言: 相信现在很多人都是用Vue做过了各种项目,但是项目代码做完和上线并不代表这结束,还有上线以后的优化也是很重要的一点,这次的博客就来给大家说一下如何优化一下Vue的项目,让你的项目打包和运行速度更上一个台阶。优化策略:生成打包报告 修改webpack默认配置 加载外部CDN资源 路由懒加载 开启gizp配置生成打包报告:生成Vue的打包报告目的在于让我们先大概的了解到当前项目生成的各个文件的大小,让我们心里有数,知道哪里需要优化。通过命令行参数形式生成报告:...

2020-05-21 09:02:54

JavaScript创建对象,一篇解君愁(一)

前言:本篇博客目的在于给大家分享一下JS中如何去创建对象,以及创建对象的方法,让大家以后可以使用JS快乐的创建对象,以及在合适的场景使用合适的方式创建对象。JS中的对象概念:在JS中,我们把对象定义为:“无序属性的集合,值可以包含为基本值,对象,或者函数”,我们可以理解为对象就是一组没有特定顺序的值!每个对象都是基于一个引用类型创建的(引用类型可以是原生类型,也可以是我们自定义的类型),对象的每个属性和方法都有名字,并且每个名字都有一个值,(大家可以理解为键值对)。JS中创建对象的方式.

2020-05-08 21:01:08

下载自定义字体图标居然这么简单?!

前言:前一段时间作者在制作一个网站的时候需要一些好看的字体图标,这时候突然发现自己不会做字体图标,后来经过其百度以后,我终于知道了原来字体图标居然可以用别人制作好的,本来作者打算自己学习一下如何制作字体图标的,可是看到有现成的可以使用,我瞬间变成了真香党,拿来用真香!这篇文章主要用来带着大家过一遍如何选择图标,以及如何下载 ,具体的图标引入到项目中在另一篇博客中,如果需要请直接跳转!...

2020-05-04 17:44:57

网页自定义字体图标看这篇就够了?!

前言:最近在制作网页的时候用到了自定义字体图标,然后在查询了相关文档以后,最终实现了想要的效果,但是本人对如何引用字体图标的代码产生了点兴趣,于是乎就有了下边的内容,目的在于帮助大家理解一下代码的具体意思,以及为什么要这么写。自定义字体图标引入步骤: 下载指定的字体图标资源(具体步骤会另开一片博客写) 将字体图标资源放到项目中 css中创建相应的字...

2020-05-03 21:38:56

使用NPM快速下载模块以及创建自定义模块

前言:如果我们需要使用node创建自己的模块或者给别人分享自己写好的模块,应该如何做呢,看接下来的内容大家就可以明白如何操作了。什么是NPM:Node包管理器(Node Package Manager),会帮助我们下载我们指定版本的包,用于下载我们项目中必须的依赖,运行测试脚本以及安装命令行脚本,其中最重要的就是我们可以通过npm下载第三方包提高开发效率!使用NPM下载第三方包并使...

2020-04-23 11:27:31

只需三个步骤,搭建HTTP服务器

前言:Node.js因为将V8引擎嵌入到了操作系统的集成层,使得JS可以调用操作系统的异步接口,最终使得JS可以在服务端运行,因此我们前端的小伙伴们就可以快乐的使用JS来同时开发前端和后端了,那么有的小伙伴肯定很好奇如何使用Node.js搭建服务器呢,很简单,只需要三个步骤就可以,现在就给大家演示一下。步骤一: 下载Node.js,这一步就不细说了,进去官网下载就OK了 安...

2020-04-22 11:15:03

前端交互你不知道的方法

接口调用方式:原生ajax 基于Jquery的ajax fetch axiosURL地址格式:传统形式url:格式:schema://host:port/path?query#fragmentschema:协议,例如httpftp等host:域名或者ip地址port:端口,http默认80path:路径...

2020-04-19 21:27:52

Vue 组件通信简单代码实现

组件化的常用技术:前言: 本片文章着重将组件通信的简单实现代码给大家呈现以下,希望对大家有所帮助组件传值,通信:父组件 => 子组件:属性props//父页面<template> <div id="app"> <input type="text" v-model="text" ...

2020-04-12 21:19:11

疫情过后的生活

前言:年前的疫情着实给我们的生活带来了狠狠的一击,但是这也是一次机会,让我们好好反思一下自己以及以后的学习和生活应该是什么样子的。学习方面:在学习方面因为快临近了毕业,所以在抓紧复习前端的一些知识点,如前端的三板斧,本想着放完假以后可以快速的和小伙伴们一起见面学习,进入一个复习加总结的状态,但是最终因为疫情我们相约在家,一起学习。。。在这段时间的学习过程中自己也发现了学习中的一些...

2020-04-05 16:15:34

DOM简单语法

什么是DOM: 文档对象模型(Document Object Model),简称DOM,是W3C组织推荐的处理可扩展标记语言(HTML或XHTML)的标准编程接口。W3C已经定义了一系列DOM接口,通过这些接口可以改变网页内容,结构和样式。DOM树:获取元素:根据标签名获取:使用getElementByTagName()方法可以返回带有指定标签的对象...

2020-03-29 21:55:11

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力探索
    原力探索
    参与《原力计划【第二季】——打卡挑战》的文章入选【每日精选】的博主将会获得此勋章。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。