handlebars的用法

javascript/ javascript模版引擎/ handlebars
handlebars的用法

前言 从express的脚手架中默认初始化的是handlebars模版引擎,那么它是怎样的一个引擎呢?平时在项目过程中是否有使用到它的一个场景呢?👉 我打算搭建多另外一个站点,模仿less的关于文档的快捷在线浏览中文站点,不想仅仅单纯通过翻译别人的网站,而自己根本不清楚其中的一个使用相关原理,因此,我开始这个自建CMS站点之路,而且从国内目前的前端来看,以前的前端一来就...

grunt的学习与应用

打包/ nodejs/ grunt
grunt的学习与应用

前言 在完成一两天的通读grunt在线文档之后,原来grunt也并没有那么地复杂,首先他是一个nodejs程序,无非就是将反复重复的工作(比如有压缩、编译、单元测试、linting等操作)通过脚本来自动化,只需要进行一个命令的执行,即可完成一系列既定执行顺序的操作,可以理解为一系列固定流程的脚本集合,他的庞大主要在于他所提供的插件,在运行grunt的过程中,可以通过对插件...

mongodb在云服务器上安装与本地联调使用

数据库/ mongodb
mongodb在云服务器上安装与本地联调使用

前言 终于轮到关于mongodb的学习了,作为 1⃣ 前端开发佬,想要进入全栈开发的领域,必不可少要涉及到数据库方面的编程技能。关于数据库的一个个人见解就是:它是一种特殊的文件格式,隐藏了对内容的直接访问,提供相关便捷的方法来操作文件内容,提供增删查改逻辑操作,满足业务需求!而本文要学习的这个mongodb是属于NoSQL(Not only SQL,不仅仅是SQL)的一种...

在vscode中开启代码提示

编码规范/ vscode
在vscode中开启代码提示

小技能 在习惯了webstorm这ide之后,转战vscode的时候,🈶 着诸多使用上的不习惯,特别是关于这个编码提示,个人已经习惯了webstorm自带的代码提示功能,在上手vscode的时候,发现这个也需要自己来整🌠 可以使用@type来进行日常coding的提示,仅仅需要在项目目录中运行以下脚本: 1npm install --save-dev @types/...

你好tls

http/ tls
你好tls

前言 在当今的网站编码完成后,要在广域网上能够访问到这个网站,没有https证书,是不可能能够正常被网络上的用户所能够访问到的,必须在有关的网站上申请https证书,挂到对应的服务器上,才能够保证被正常地访问到,那么什么是https证书呢?它与本文所要介绍的tls有什么关联?🌠 HTTPS 是在 HTTP 协议基础上实施 TLS 加密,所有网站以及其他部分 web 服务...

你好TCP

http/ tcp
你好TCP

前言 平时工作过程中基本上天天都在和TCP打交道,😕 但 🈶 多少童鞋又能够清楚地知晓关于TCP是什么,它的一个工作过程又是怎样的呢?因此,我想整理本次的一个学习文档,来帮助自己更好的理解关于什么是TCP?他 🈶 什么特点?他是怎样工作的?来更好地理解程序/代码的一个工作过程! 什么是TCP **传输控制协议(Transmission Control Protoc...

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轴是从原点指向人视口的...

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