CSS中的文本属性

css/ text
CSS中的文本属性

前言 文本是网页编程中的重要元素,提供了很多的相关的属性操作,以不同的方式配合来控制文本的展示,比如可以影响文本中相对一行中其他内容的内置,可以将文本设置为上标等等,针对平时常用的文本属性的学习,加深对文本属性的使用,结合几个常见的文本效果的学习,领略文本属性的魅力!!!!最最最主要的是,我不想一遇到稍微有一点点特殊的文本样式,就是度娘,对自己没有半毛钱提升!!! 行内...

webpack真香

工具插件/ 打包工具/ webpack
webpack真香

前言 在目前前端快速发展的情况下,以前就是简单地会去使用别人的脚手架来搭建项目,然后在项目中进行业务的开发,但是慢慢地,随着业务的正常发展,会发现原本的脚手架好像已经不能够满足当前的业务,需要在目前项目上进行一个优化工作,但是基本上大部分都是不清楚脚手架里面都有什么配置,也不知道项目中的配置都用来干嘛,都有什么用途,那么怎能够去站在这个脚手架的上面,来理解并优化项目的架构...

关于css中字体的二三事

css/ font
关于css中字体的二三事

前言 在平时日常使用css的时候,最容易忽略的个人认为就是这个字体了,关于字体的使用,一般没有什么特殊的要求的话,都是使用的用户代理,也就是用户浏览器自身设置的字体,而不会去使用其他的字体;也没有多大的必要去使用一些特殊的字体,特别是一不小心就侵权了,因为有部分字体人就是依托这个字体来让自己公司盈利,这里具体怎么盈利就不多说,只希望在使用某些字体之前,需要再三斟酌了!!本...

cssz中的值与单位

css
cssz中的值与单位

前言 在平时的日常编码过程中,对于css属性的使用也仅仅是停留在了简单使用的阶段,但如果出现新的未曾见过的css单位或者比较少用的单位时,则一脸懵逼,也不知道这个单位以及它的值是用来作甚的,目前个人这边的方式是闭着👀开浏览器调试模式,然后按照可视化所看到的效果进行简单的调试,也没有去深究其中的一个原理,作为想要在前端领域精进的一名贫穷孩子,我觉得有必要去了解其中的一个原...

浏览器中的css是如何被分配的

css
浏览器中的css是如何被分配的

前言 写久了web前端的样式,基本上都知晓如何编写css,已经对应如何应用到对应的标签上,那么,我们自己有没有想过,为毛这里编写的css久可以直接在界面上展示出我们所编写的效果,浏览器它做了什么事情,使🉐️我们可以编写出排版整齐,配色优美的界面的呢?这里通过对这个浏览器中关于css的原理简单讲解,来更加深入地理解我们所编写地css样式代码,是如何被浏览器所识别并使用到每...

如何利用gitbook来编写自己的网络书籍

如何利用gitbook来编写自己的网络书籍

前言 之前一直想在网上针对一些三方框架或者方案编写自己的一个使用手册/阅读笔记,原本自己的hexo博客比较适合平时自己的点击积累,但不能够像一本书这样子来浏览,因此,我在网上找相关的,终于发现有这样的一个框架:gitbook,可以用它来编写一样的markdown文件,来组织自己的书籍/手册的一个目录 gitbook介绍 gitbook是一个基于node.js的命令行工具...

CSS中的background相关属性详解

css/ background
CSS中的background相关属性详解

前言 平时在用三方UI库的时候,那爽🉐️不要不要的,但是作为一个前端开发者,如果连基本的界面都不能画好的话,又怎么能够胜任得了后续复杂不断的业务变动以及页面的交互呢。之前从来没有考虑过这个问题,认为不懂的内容,只需要简单的度娘就可以了,实际上,更重要的是要关注于基础,凡事多问几个为什么。本文从元素的背景属性:background来进行诠释,向自己解析其中是如何将背景给发...

vue中关于组件的透传机制

vue/ 技巧
vue中关于组件的透传机制

需求背景 平时在开发过程中,需要针对一些三方UI库进行定制,想要使用三方库的某个控件,然后想在它的基础上,进行一些自有的逻辑的追加,变成自己团队内部使用的控件。达到既使用到三方库原本提供的属性/方法,又能够使用自己额外追加的属性/方法。 目标使用三方控件的同时,又能够补充上自己的控件额外的属性/方法 方案设计 官方提供了一个vue选项属性:inheritAttrs,对于...

vue源码调试

vue/ 源码
vue源码调试

前言最近在熟悉关于vue的公共api的时候,有时真的怀疑关于这个api方法是否真的是这样子执行,执行顺序是怎样的,为什么是这样子的逻辑。带着问题来解读代码,但需要深入到代码中才能够了解到具体的程序执行逻辑。 工欲善其事必先利其器,这里就需要对源码进行调试,那么应当如何进行源码的调试呢? 配置步骤一、配置文件入口添加source-map 二、执行命令:npm run dev...

Object.defineProperty重新捡起学习

Object.defineProperty重新捡起学习

前言🤔 一般的,我们定义一个对象的属性的时候,可以简单的通过对象字面量来定义并声明对象的属性,如下: var obj = { a : 123 }; 定义了一个obj对象,其属性a的值赋为123。既然JavaScript中已经提供了这种方式来声明定义对象以及其属性,为啥子还要多此一举来提供Object.defineProperty这个静态API来给对象定义属性呢?? ...

每天一设计模式-享元模式

javascript/ 设计模式
每天一设计模式-享元模式

前言 享元模式主要用于减少创建对象的数量,以减少内存占用和提高性能,通过运用共享技术有效地支持大量的细粒度的对象,避免对象间拥有相同内容造成多余的开销.这种模式尝试重用现有的同类对象,如果未找到匹配的对象,则创建新对象。 意图:运用共享技术有效地支持大量细粒度的对象; 主要解决:在有大量对象时,有可能会造成内存溢出,我们把其中公共的部分给抽象出来,如果有相同的业务请求,...

Vue中的静态方法

开发框架/ vue
Vue中的静态方法

前言 Vue中提供了以下几个全局API,供我们来使用,这边做了对应的整理: 部分静态方法专题介绍官方上的针对各个静态方法已做了比较详细的解释,这边仅针对其中的一两个进行延伸学习 Vue.observable 让一个对象可响应。Vue内部会用它来处理data函数返回的对象。返回的对象可以直接用于渲染函数和计算属性内,并且会在发生变更时触发相应的更新。也可以作为最小化的跨...

每天一设计模式-适配器模式

javascript/ 设计模式
每天一设计模式-适配器模式

前言 组合模式,又叫部分-整体模式,将对象组合成树形结构一表示”部分整体”的层次结构。该模式创建了一个包含自己对象的类,该类提供了修改相同对象组的方式,使得用户对单个对象和组合对象的使用具有一致性。 意图:将对象组合成树形结构以表示”部分-整体”的层次结构,使得用户对单个对象和组合对象的使用具有一致性; 主要解决:它在树形结构的问题中,模糊了简单元素和复杂元素的概念,客...

Vue函数式组件的学习与运用

开发框架/ vue
Vue函数式组件的学习与运用

前言 函数式组件一般比较简单,没有任何的管理状态,也没有监听任何传递给它的状态,也没有生命周期方法,实际上,它仅仅是接受一些prop的函数,在这样的场景下,我们可以将组件标记为functional,这意味着它将无状态(没有响应式数据),也没有实例上下文。 函数式组件的定义与使用 官方提供了两种方式来定义函数式组件 函数式组件的定义1、纯代码方式定义1234567891...

每天一设计模式-代理模式

javascript/ 设计模式
每天一设计模式-代理模式

前言 由于一个对象不能直接引用另外一个对象,所以需要通过代理对象在这两个对象之间起到一个中介的作用。在代理模式中,我们通过创建具有现有对象的对象,以便于向外界提供功能功能接口。 意图:为其他对象提供一种代理以控制对这个对象的访问。 主要解决:在直接访问对象时带来的问题,比如说:要访问的对象在远程的机器上。在面向对象系统中,有些对象由于某些原因(比如对象创建开销很大,或者...

每天一设计模式-适配器模式

javascript/ 设计模式
每天一设计模式-适配器模式

前言 适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁,它结合了两个独立接口的功能,这种模式设计到一个单一的类,该类负责加入独立的或者不兼容的接口功能。将一个类(对象)的接口(方法/属性)转换成为另外一个接口,以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。🤔这其实是日常业务开发过程中经常出现到的一个问题,为了兼容到不同业...

每天一设计模式-外观模式

javascript/ 设计模式
每天一设计模式-外观模式

前言 隐藏系统的复杂性,并向客户端提供一个客户端可以访问系统的接口,通过这个接口使得对子系统接口的访问更加容易,提供对客户端系统的简化方法和现有系统类方法的委托调用。其实也是属于面向对象编程中的一种编程思维模式:针对接口编程,在面对不同的复杂对象,仅需要将复杂对象对外提供统一的简单明确调用的业务方法,然后自身隐藏复杂逻辑其中,调用者无须关心内部具体实现业务逻辑 意图:为...

每天一设计模式-单例模式

javascript/ 设计模式
每天一设计模式-单例模式

前言 单例模式(Singleton Pattern)属于创建型模式,它提供了一种创建对象的最佳方式,涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个该类对象被创建,提供了一种访问其唯一的对象的方式,可以直接访问,一般不需要实力话该类的对象 ⚠️ 有以下几个点需要注意: 单例类只能有一个实例; 单例类必须自己创建自己的唯一实例; 单例类必须给所有其他对象提供...

从新开始认识JavaScript原型

javascript/ prototype
从新开始认识JavaScript原型

前言一切,从以下的两行代码开始说起 12function Foo() {}var foo = new Foo(); ✨ 面向对象编程是一种程序设计范式,它将对象作为程序的基本单元,将程序和数据封装📦其中,以提高程序的重用性、灵活性和扩展性。 上面定义了一函数对象Foo,并利用该构造函数,创建了一个foo实例,该实例对象指向的是Foo Object对象Object是J...

×
  • {title}
  • 这句一言出处是 『青之驱魔师』, 是 FGHRSH 在 2015.09.23 23:05:17 收藏的!