自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 webpack配置基本使用总结

全局安装npm i webpack -gnpm i webpack-cli -g本地安装npm i webpack -Dnpm i webpack-cli -D只执行webpack命令,不配置webpack.config.js文件:默认编译./src/index.js文件,默认输出./dist/main.js文件配置mode//默认development 开发模式 production 生产模式打包上线 { mode: "production",}entry{

2020-08-29 08:51:51 459

原创 vue双向绑定原理浅谈

vue双向绑定原理分析当我们学习angular或者vue的时候,其双向绑定为我们开发带来了诸多便捷,今天我们就来分析一下vue双向绑定的原理。简易vue源码地址:https://github.com/jiangzhenfei/simple-Vue1.vue双向绑定原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。我们先来看Object.defi

2020-08-13 14:39:47 126

原创 BFC的深层理解和应用场景及布局方式

一、什么是BFC?(概念)BFC 即 Block Formatting Contexts (块级格式化上下文),是W3C CSS2.1规范中的一个概念,决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与外部毫不相干。通俗一点来讲,可以把BFC看成是一个985或...

2020-02-23 14:51:27 419

原创 vue 实现页面打印功能

const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options) this.options = this.extend({ noPrint: '.no-print', onStart: function () { }, onEnd: function () { }, }, options) if ((typeof dom) ===

2022-01-19 17:05:24 1209

原创 js观察者模式浅谈

定义观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己观察者模式是软件设计模式的一种常见的设计模式,又称发布订阅模式。在这种模式中,并不是单纯的一个对象调用另一个对象的方法,而是一个对象订阅另一个对象的特定活动并在其状态发生改变后获得...

2020-04-29 21:23:02 163

原创 js函数汇总

函数函数就是用来执行任务的代码块,函数需要通过调用的方式来完成代码的执行,函数的最大好处:包含在函数内容的代码块,可以重复执行。函数的作用可以理解成:将完成任务的代码块"封装”起来,供其他调用方无限制的使用一、函数的定义1. 声明式(函数声明):函数声明的关键字 : functionfunction 关键字 和 var 关键字的行为几乎一致,都会在内存上开辟一块空间,用来存储变量之中的...

2020-02-29 21:48:48 212

原创 CSS-盒子模型

概念:所谓盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。盒子模型特性一、盒子模型的分类标准的盒子模型组成部分: 内容区 content + 填充补白(里面的) + padding + 边框 border+...

2020-02-24 19:01:38 239

原创 浏览器常见兼容及内核

一、为什么会出现浏览器兼容问题(原因)?各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床二、CSSHack解决浏览器兼容性问题的主要方法是CSS hack。由于不同的浏览器,比如InternetExplorer 6,Internet Expl...

2020-02-23 17:23:03 509

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除