海绵宝宝的谢老板-CSDN博客

原创 svg学习笔记

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="b

2021-12-28 17:24:53 413

原创 JS基础面试题二（继承）

前言每一个实例对象都会有一个** _ proto _ **属性，每一个函数都会有一个prototype属性；构造函数可以通过prorotype查找它的原型，实例对象可以通过** _ proto _ ** 查找它的原型；JS实现继承的方式首先我们需要提供一个父类：代码如下// 定义一个类function Animal(name) { // 属性 this.name = name || 'animal' // 方法 this.sleep= function () { conso

2021-01-27 10:16:28 1156 2

原创检测方法

扩展1.hasOwnPropertyhasOwnproperty()方法用于判断一个对象自身（不包括原型链）是否具有指定名称的属性，若存在返回 true，否则返回 false；该方法属于Object对象，由于所有的对象都继承了Object的对象实例，故实例对象都可以使用该方法。object.hasOwnProperty(prototypeName)// 参数prototypeName：String类型，指定参数的名称// 返回值：Boolean类型，如果对象object具有名称为prototyp

2021-01-27 09:52:01 227 2

原创 JS基础面试题一（原型）

原型原型JavaScript规定，每一个函数都有一个prototype对象属性，指向另一个对象构造函数通过new创建出来的实例对象，有个_ proto _ 属性指向它的原型prototype可以让所有对象实例共享它所包含的属性和方法，我们不用在构造函数中定义对象信息，可以直接将这些信息添加到原型中原型链实例对象与原型之间的连接，叫做原型链白话：如果试图引用实例对象(Person)的某个属性，会首先在对象内部寻找该属性，若找不到，才会到实例对象的原型(Person.prototype)里寻

2021-01-22 10:10:52 548

原创 css面试题一（BFC）

一、BFC的理解，触发BFC的方式，解决了什么问题1. 什么是BFCBFC：块级格式化上下文（Block Formatting Context），是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者是一个独立的容器；可以把BFC理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部2. 触发BFC的方式浮动元素，float不为none的值 ⇒1. left(左浮动)，2. right(右浮动)定位元素，position ⇒1. absolute(绝对定位

2020-12-15 16:49:45 536

原创 js简单类型的比较运算规则

这几天刷了几道JavaScript题目，对于值的比较题，全军覆没故记录下规则，深刻记忆JavaScript中6种值为false 0 // (数字0) "" // (空字符串) null undefined NaN false // 以上6种值为false值的比较一、比较运算符比较运算符在逻辑语句中使用，用以测定变量或值是否相等例：x = 5 (比较的结果为Boolean类型！！！)运算符描述比较返回值==.

2020-12-07 11:40:15 324 1

原创 webpack简单使用笔记

webpack概述webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler )webpack中文网webpack官网webpack做了什么语法转换less/sass转换成cssES6转换成ES5typescript转换成jshtml/css/js代码的压缩与合并（打包）webpack可以在开发期间提供一个开发环境自动开启浏览器自动监视文件变化自动刷新浏览器项目一般都需要经过webpack打包之后才上线。webp

2020-12-01 14:11:13 123 3

原创防抖节流笔记

防抖节流面试时，面试官问：网络环境差的情况，如何防止用户多次点击？没想过防抖节流的方法，回答完，面试官反问使用过防抖节流处理过吗？？？没有！！！防抖节流是啥都了解不清楚！！！防抖与节流的原理防抖节流是前端应用开发中常见的功能！是利用闭包，缓存延迟时间。主要应用场景就是会频繁触发的事件，如浏览器的resize(窗口大小变化)、scroll，鼠标的mousemove、mouseover，input输入框键盘事件等，不断地调用绑定在事件上的回调函数，极大的浪费资源，降低性能。防抖debounc

2020-11-27 16:29:30 234

原创前端js代码优化方法

净化代码方法1. IF语句简化假设我们有下面的代码if(value === 'duck' || value === 'dog' || value === 'cat') { // ...}我们可以这样解决let options = ['duck', 'dog', 'cat' ]if (options.includes(value)) { //....}将判断条件过长的条件判断放到一个变量中存储，比看臃肿的表达式要舒服的多2. 使用默认参数和解构赋值在JavaScript中我们

2020-11-26 17:46:20 1709 5

S_B_Girl的博客