![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 77
雪…
这个作者很懒,什么都没留下…
展开
-
js中的继承
js中的继承箭头函数与普通函数中的 this 指向首先引入一道面试题:let name = 'Tom'function Person() { this.name = 'Jack' this.say = () => { console.log('my name is ' + this.name) }}let P = new Person()let func = P.sayfunc()// 'Jack'let name = 'Tom'function Pers原创 2021-06-11 16:59:37 · 133 阅读 · 2 评论 -
webpack小计
Webpackwebpack 是什么本质上 webpack 是一个模块打包器(module bundler)webpack 中的重要概念入口 entry指示 webpack 应该使用哪个模块作为构建其内部依赖图的开始/* src/style.css */#title{color: red;}// src/app.jsimport './style.css'// webpack.config.jsmodule.exports = { entry: './src/app原创 2020-12-29 22:36:49 · 117 阅读 · 1 评论 -
javascript 实现计算器效果(输入中缀表达式字符串=>转为后缀表达式数组=>后缀表达式计算)
实现功能:鼠标点击输入;键盘输入;计算结果原创 2020-11-24 21:39:03 · 424 阅读 · 1 评论 -
构造函数 new class prototype
构造函数 new class prototype个人笔记,欢迎友好交流讨论。如有错误,还望指正!构造函数构造函数也是一个函数,类似于function Person(name) { // 代码 }有函数名(Person),也有参数(name)构造函数与其他普通函数的区别在于:构造函数习惯上 首字母大写构造函数使用 new 关键词调用构造函数内部用 this 来创建实例化对象的属性和方法构造函数本身没有 return 返回值,使用 new 操作符会自动创建一个新对象原创 2020-11-09 12:10:22 · 219 阅读 · 0 评论 -
JS中的同步与异步笔记
JS中的同步与异步个人笔记,欢迎友好交流讨论。关于同步、异步、微任务、宏任务、事件轮询、如何实现异步编程,内容较多,目前只学习了一小部分,继续gogogo!!!单线程与多线程单线程JS是一门单线程的语言。单线程:如果在同一时间有多个任务,这些任务就需要排队执行,前一个任务执行完,才会执行下一个任务。为什么 JS 是单线程的语言?JS 是浏览器的脚本语言,主要用于实现和用户的交互。前端主要使用 JS 实现对 DOM 的各种各样的操作,如果 JS 是多线程的语言,那么一个线程 要对一个DOM节点原创 2020-10-28 19:16:43 · 282 阅读 · 0 评论 -
一个盒子在另一个盒子中垂直居中的七种实现方法
一个盒子在另一个盒子中垂直居中的五种实现方法方法一:纯 margin 实现思路:给小盒子加左外边距(margin-left)和上外边距(margin-top),前提是需要知道大盒子和小盒子的宽高。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>05盒子居中写法</title> <style type="text/css"> *原创 2020-08-27 11:53:25 · 7931 阅读 · 2 评论 -
js中正则表达式小计
js中的正则表达式正则表达式:用于匹配字符串中 字符组合 的模式。js中的正则表达式可以用于RegExp的 exec 和 test方法, 以及 String 的 match、matchAll、replace、search、split方法。1. 创建正则表达式使用正则表达式字面量创建var re = /ab+c/;使用**RegExp**对象的构造函数var re = new RegExp("ab+c");2. 正则表达式中的特殊字符表示字符字符含义原创 2020-10-23 15:14:54 · 84 阅读 · 0 评论 -
CSS3结构伪类选择器笔记
最开始学结构伪类选择器的时候,我以为我懂了!但在我开始用的时候,我发现:噫?怎么不是这个样子吖???一脸问号。俗话说,好记性不如烂笔头,别人写的不如自己写,自己写一遍加深记忆,也容易理清其中的弯弯绕绕。一、CSS选择器的分类首先简要了解CSS选择器的分类,自己记的笔记,希望以后回来看还记得~二、结构伪类选择器的用法1.first-child直译为:第一个子元素语法格式:parent name:first-child{},如果其前面省略了 parent就会寻找所有满足父标签下第一个子标签并且原创 2020-09-11 19:32:21 · 213 阅读 · 0 评论 -
三栏布局的四种实现方法
如题,三栏布局实现方法有空闲时间了把原理写上,先写纯方法吧~1.左浮动 + 右浮动 + 中间盒子加左右外边距(要注意解析顺序,先写右浮动的盒子)<body> <div class="left"></div> <div class="right"></div> <div class="box"></div></body><style type="text/css"> body, d原创 2020-09-08 14:44:19 · 132 阅读 · 0 评论 -
margin:子元素添加margin-top影响父元素;上下盒子添加外边距重叠问题
这几天看margin看的有点晕,写篇博客细细梳理一下 margin 的一些问题。主要是两个方面的,1. 子元素添加 margin-top 父元素也会下移;2.当兄弟关系的两个盒子同时添加外边距时,相邻的外边距会重叠。1.子元素添加 margin-top ,父元素也会受影响,也像添加了 margin-top一样下移。...原创 2020-09-03 12:52:17 · 6528 阅读 · 10 评论