SF
手把手教你学前端
手把手教你学前端
注册登录
关注博客
注册登录
主页
关于
RSS
搭建博客太简单,这次我们来做一个博客生成工具
PengJiyuan
2018-09-11
阅读 12 分钟
4.8k
纯静态页面市面上有挺多的免费 静态文件(HTML)托管机构,当然其中最简单,最方便的可能就是 Github Pages 了。纯静态文件构建的网站有很多的优点,比如静态网页的访问速度比较快、容易被搜索引擎检索等。
怎么样写一个能告诉你npm包名字是否被占用的工具
PengJiyuan
2018-09-07
阅读 6 分钟
5.1k
事情是这样的:因为我经常会写一些npm包,但是有时候我写完一个包,npm publish 的时候却被提示说包名字被占用了,要不就改名字,要不就加scope,很无奈。npm 命令行可以通过 npm view 的方式去得知一个包是否存在,但是无法批量得知,所以就想着写一个工具来批量选名:) 本教程的相关代码已经全上传到github: 源代码
手把手教你搭建网页代码编辑器
PengJiyuan
2018-09-06
阅读 5 分钟
10k
CodeMirror 是一个可以镶嵌到 Web 页面中代码编辑器组件。它的核心代码库仅仅提供了编辑器功能,没有提供像是 自动补全, 语法纠错 等IDE功能。CodeMirror 提供了丰富的api,让你可以轻易的拓展想要的功能。
canvas粒子动画背景
PengJiyuan
2018-08-30
阅读 3 分钟
6.2k
首先需要在需要展示粒子背景的父元素中创建一个canvas标签, 指定width和height, 在我们生成随机点坐标的时候需要用width和height来做参照。width和height等于父元素的宽和高。
css还可以这么写?
PengJiyuan
2018-08-30
阅读 10 分钟
4.7k
作为一个前端,毫无疑问css肯定是最基础的一项技能之一。css是一个标记语言,没有编程语言的诸多特性,比如变量定义,复用,嵌套等,所以相应的开发效率也受到限制。在追求效率和自动化的当下,涌现了一批解决方案,像是css预编译语言Less, Sass等,解决css命名冲突的css-modules,react中css的最佳实践styled-component...
手把手教你写命令行工具
PengJiyuan
2018-08-30
阅读 3 分钟
14.3k
命令行工具,即 Cli(command-line interface)。是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。在学习这篇教程之前,你需要先了解NodeJs,NPM和一些常用的shell命令!