npm的常用功能

node/ npm
npm的常用功能

前言 在经历了一系列前端开发的项目之后,对于npm的了解,只是知道它可以用来安装项目的依赖库,但殊不知关于npm,其他它还有更多更好好玩的地方。首先,我们需要明白的是:NPM借助于CommonJS规范,将CommonJS规范给实现出来,从而实现包的管理 查看帮助 在学习的过程中,主要借助于官方中文文档,来协助自己对于这个npm的一个学习另外,在实际的编码过程中,还可以借...

认知突围读后感(四)

读书笔记/ 个人提升
认知突围读后感(四)

前言 时间是真实存在的”变量”,必须重视它的一个存在感。假如活到80岁,那么每一个人都将拥有960个月的生命时间(这里我们假定成为960个格子),每消耗一个月,格子的数量就减少一个,这听起来非常地震撼。既然我们的时间是如此般的有限,那么我觉得更加有必要来深入了解什么是时间?如何才能拥有/赚取更多的时间? 什么是时间在固定稀缺时间内来赚取更多的时间 马👨曾说过类似这样子...

认知突围读后感(三)

读书笔记/ 个人提升
认知突围读后感(三)

- 前言 金钱是什么?重新认识金钱有什么好处呢?应该以怎样的一个角度来认识金钱呢?金钱是一般物品等价交换的货币,用于衡量物品的价值!有句话:钱是万恶之源!其实说的有点片面了,我觉得 💰 每个人都like,但是呢,有的人以”非合规”的方式来取得的话,就不大好了,君子爱财,取之有道,说的也正是这个意思。只有真正理解了什么是钱,拥有更多的关于 💰 方面的知识,深知拥有更多的...

认知突围读后感(二)

读书笔记/ 个人提升
认知突围读后感(二)

前言 大家应该都有过这样一个体验,看完一本书,过一阵子就忘,再看一遍,过一阵子再忘,再看再忘,如此反复!为什么会出现如此的浪费时间的反复无效动作呢?我想,应该是知识没有转变成为自己的知识吧,始终只是表面的简单接收书本 📖 中所表达出来的知识而已。👉 那么什么是知识?如何才能够获得知识呢? 知识的特性 首先,知识拥有一定的属性:客观存在、在一定的知识框架领域内、相对正...

认知突围读后感(一)

读书笔记/ 个人提升
认知突围读后感(一)

- 前言 每个人的大脑,其实就像是一个电脑的CPU,正常情况下,它负责接收最基本的数据信息,然后进行一个加工,最后输出目标结果,而人与人之间的差异,在于对同一个基础的信息的录入后,产生了不同的加工方式,由于其逻辑算法的不同(长期的积累而形成的),导致拥有了不同输出结果,如下图所示: 要从根本上提升自身的认知水平,需要从最基础的大脑的工作过程来分析,一点一点地来剖析...

css中的BEM命名规范

css/ 规范
css中的BEM命名规范

前言 第一次看见BEM,万脸懵逼,以前从来没有见过,而且也没人提及过,感觉这块 🈶点被前端开发佬们给忽视掉的样子,通过对官方文档的学习,原来我们一直都在接触着BEM,只不过用着舒服,但没有去里面具体深究而已!! 那么,什么是BEM?为什么要使用BEM?如何来使用BEM呢? 在开始介绍什么是BEM之前,先来看对比看一下未使用BEM以及使用了BEM之后的效果,比如🈶 以下...

2022年中复盘

复盘/ 总结
2022年中复盘

今天,跟大家分享一下我自己个人连续读半年的书后,发生了什么变化! 可能大家都会觉得自己没有时间读书,每天都有做不完的活之类的话语,或者说是道理我都懂,但就是懒!难到就真的只是懒而已吗?其实不是,如果真的懂道理,就不会有这个情况的出现了。 首先这里并不是吹捧自己多厉害,阅读了有多少的书籍之类的,这里⚠️重要的是想跟大家分享一下,在平时忙碌的工作中,抽空来给自己充...

bootstrap的源码学习

css/ bootstrap
bootstrap的源码学习

前言 相信不少前端童鞋一开始接触前端,就直接是上三方的ui框架,但有没有想过这个第三方的ui框架,大部分是从bootstrap中演变而来的,形成更加方便的开发模式,那么假如撇开三方的ui框架,仅借助于bootstrap框架,我是否能够编写出轻量级的网站呢?答案肯定是可以的,那么关于bootstrap应当如何使用呢?为什么它能够号称自己的移动优先的响应式ui框架呢? 关于...

在gitbook与博客中使用codepen

工具/ 技巧
在gitbook与博客中使用codepen

前言 近期在编写博客以及在编写这个gitbook的时候,发现在gitbook上有一个插件,就是可以将平时自己编写的在线demo,以链接的方式,集成到gitbook中,再也不用自己去截图,并附加上额外的说明信息了,现特别整理出来关于它的一个集成过程,以及在实际的编写过程中的一个使用。 gitbook集成codepen(gitbook-plugin-codepens) 首先...

媒体查询精进攻略

css/ media/ print
媒体查询精进攻略

前言 css所作用的载体显示设备,则是对应的媒体,对于不同的媒体设备,其展现效果由于硬件设备的原因,需要对应的有所区别,虽然平时在日常的业务或者编码过程中很少涉略到,但是一旦遇到,如果只是淡出的度娘别人的代码,自己反而不知道里面各种原因的话,那么无疑是埋了个雷在代码中。🤔我想要从根本上理解关于媒体的使用、媒体查询的使用,在不同媒体中的作用效果等,无需再去依赖别人的代码,...

我想要实现自由落体的球

css/ animation
我想要实现自由落体的球

前言 我想要实现一个⚽️自由落体的过程动画?在未接触到动画之前,我想除了度娘或者谷哥之外,别无选择,但是,我想自己利用动画,实现出这样子的一个效果出来,意味着我需要学习关于动画方面的相关知识点,才能够来实现这里提及到的效果。 那么,什么是动画?它与之前习🉐️的过渡有什么区别呢?我需要掌握哪些知识点,才能够实现这里说到的动画呢?动画都有哪些属性呢?具体这些属性如何配合来使...

css过渡变换学习

css/ transition
css过渡变换学习

前言 css过渡代表的是在一段时间内,把css属性的初始值变成终止值,这种转变的触发是由于某种操作的响应,一般是由用户触发的,可以是对类、id、其他状态等方式所引起的,正常情况下,无特殊说明的话,该动作是瞬间完成的! css过渡属性 transition-property transition-duration transition-timing-function tr...

css变形上岸

css/ transform
css变形上岸

前言 之前关于css变形(transform)只停留在2d级别上的简单理解,一旦涉及到较为负责组合的变形或者是旋转亦或者是缩放等变形操作的时候,就一头雾水,万脸懵逼,根本不晓得它是如何变化而来的。在从2d进入到3d的世界的时候,个人觉得可以是借助于一个正方体,如下图所示:从上图我们可以晓得,在2d的世界里,我们只是以正视图的角度来看待的一个元素,而z轴是从原点指向人视口的...

栅格布局学习总结与实战

css/ grid
栅格布局学习总结与实战

前言 近期,学习了关于栅格布局的一个知识点,看着一头雾水,属性的值不确定,且规律多变,看着好像毫无规则可言,而且与其他的布局也可以配合使用,个人觉得🈶️必要对习得的知识点进行一个总结,加深自身对该知识点的一个理解与使用,以便于后续能够很顺畅的来使用,而不是单纯的copy度娘到的别人家的代码,也不知道个中缘由!!! 总结首先甩出这边针对属性以及其组成,整理的一个脑图吧:...

初次见你栅格布局

css/ grid
初次见你栅格布局

前言 之前一直认为栅格布局距离自己那么的遥远,对于其愈发又是如此的复杂又感觉深不可测的样子,在看到别人编写了关于栅格布局的相关代码时,看着云里雾里的,按照官方所说的栅格布局时最普适的布局系统,那么我觉得这个很有必要来学习并驾驭它,从而布局自己更加强大的布局系统!栅格布局依赖于行和列,无需考虑各个部分在源文档中的顺序,利用自定义的超级灵活而又复杂的组合来创建对应的栅格线,形...

flex查漏补缺

css/ display/ flex
flex查漏补缺

前言 弹性盒是一种简单而强大的布局方式,通常可以通过弹性盒指明空间的分布方式、内容的对齐方式和元素的视觉顺序,把不同的组件放置在页面中,内容可以横向或者纵向排布,还可以沿着一个轴布局,或者折成多行。🪐 弹性盒模型布局最突出的一个特点就是,能让元素对不同的屏幕尺寸和不同的显示器设备做好适配工作,在响应式网站中表现较好,因为其内容能根据可用空间的大小来增减尺寸!,弹性盒依赖...

定位属性查漏补缺

css/ position
定位属性查漏补缺

前言 定位属性position,我想这个属性应该是绝大多数前端基本都滚瓜烂熟的了吧,什么”父相子绝”的快速记住其使用方法;🤔 但是这里如果采用了非强制限定定位元素的尺寸、位置,定位元素可以被允许按照其内容来”安排”自己的话,是否就是可以实现到灵活性更高的布局以及内容的自适应的展示呢? 基本概念 positions属性 描述 取值 static / relat...

css中的浮动属性

css/ float
css中的浮动属性

前言 之前自己较少使用float属性,在月度他人的代码,或者是在使用的时候,总是抱着尝试的方式,并借助于浏览器开发工具,一遍又一遍的尝试,对每次调整的属性值感觉信心不够充足,而且,还经常的出现,调整了一个属性,导致另外一个属性也跟随者变化,或者出现自己意想不到的效果。我想要摆脱这样子的困境,我需要从根本上来学习关于float以及float的使用完整规则 浮动 浮动的元素...

理解不一样的padding/border/margin

理解不一样的padding/border/margin

前言 css中每一个元素都会生成一个矩形框,也就是元素框,在正常的节点元素摆放的过程中,如果按照默认的规则来摆放的话,则会按照其占据的空间,按照流式布局方面进行一个一个来摆放。网上已遍布同质化的学习知识较多,这边仅整理关于额外同类型的知识点的重复说明,这里想整理一个关于自己在学习过程中的不一样的见解!!! 盒子模型 直接上图,一图胜千言 复值的规则 像padding、...

css视觉效果经验分析

css/ 视觉
css视觉效果经验分析

前言 我想直接摆脱关于css的胡乱使用现象,从根本上理解css在浏览器代理中的渲染机制,掌握视觉渲染模型的工作原理,自行判断所遇到的怪异行为!!!通过学习css的基本原理,从根本上理解关于css的的布局逻辑,从而面对后续的特殊效果/复杂效果,更加游刃有余 元素框基础 不管是什么元素,css都嘉定每个元素都会生成一个或者多个矩形框,我们称之为元素框,如下图所示: 通过...

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