npx create-nuxt-app <项目名>，如：npx create-nuxt-app nuxt-ts，按照提示安装你想要的东西，本次项目预装： Universal模式下koa+PWA+linter+prettier+axios ，默认的项目目录如下：

选择搭建方案 一、使用Sinopia 由于 Sinopia 作者已经停止更新维护了，因此此方案pass掉 二、使用cnpmjs.org 此方案相比较下面的第三种方案比较麻烦，而且cnpm已经不维护了，有很多问题都得不到解决，因此此方案也pass掉 三、使用verdaccio 这是sinopia的一个分支，6种多语言文档详细齐全，搭建方法简单粗暴 1、安装verd...

在日常一些简单的活动开发中，我经常会碰到需要对用户的分值等进行排行，此时一般会选择redis的有序集合对用户的分数进行存储，但是不同的场景排行榜的方式也略有不同，以下根据自己日常的开发进行了一下归纳总结

IP类型 IP地址一共分为A～E5类，它们分类的依据是其net-id所占的字节长度以及网络号前几位。 A类地址：网络号占1个字节。网络号的第一位固定为0。 B类地址：网络号占2个字节。网络号的前两位固定为10。 C类地址：网络号占3个字节。网络号的前三位固定位110。 D类地址：前四位是1110，用于多播(multicast)，即一对多通信...

前言 由于最近公司需要做一个聊天监控的项目，老大让我把后台也做了，于是才真正实践深入node.js的内部。几番折腾终于把项目搭起来了。 经济基础 node.js (安装配置传送门：windows 10 下配置安装node.js) express mongodb mongoose(非必需) express安装配置 由于国内npm安装依赖速度很慢，所以请使用淘宝NPM镜像，只需...

代码格式规范 1.html中外部脚本引入尽量放在尾部。 2.一个html文件中只写一个<script>代码块。 3.JS文件中的代码块可用以下代码块包裹，以减少全局污染。 {代码...} 4 JS代码如果只针对特定HTML可以写在页面里，多页面共同调用的代码块可以考虑写入公共JS文件中调用。 5.程序块采用缩进风格编写，缩进采用4个空格...

1.id 和 class 的命名总规则为：内容优先，表现为辅。⾸先根据内容来命名，⽐如 main-nav。如 果根据内容找不到合适的命名，可以再结合表现来定，⽐如 skin-blue，present-tab，col-main。

作为一个前端工程师，我们可能每天都要写html、css、javascript，每个人写出来的代码都饱含着自己的个人的style也有自己的编码习惯和准则，下面和大家分享一下我的习惯和准则。

前言 嗯，前不久写了一篇我所知道的flex布局-上篇，于是今天来把下篇补上。 容器的属性 既然标题括号括住了语法，那么就直入正题直接来说语法了。 首先设为Flex布局 任何一个容器都可以指定为Flex布局。 {代码...} 行内元素也可以使用flex布局 {代码...} Webkit内核的浏览器，必须加上-webkit前缀 {代码...} 注意，设为F...

工具(如果已安装好ruby、sass和compass可忽略) ruby 安装下载地址：请点击此处下载 记得勾上那两个勾，把ruby添加到系统变量 sass打开命令行 -> 输入命令gem install sass -> 回车 -> 耐心等待 compass打开命令行 -> 输入命令gem install compass -> 回车 -> 耐心等待 检验以上三者是否安装成功，命令...

你还在用display+position+float来进行css布局吗？有没有觉得用传统的这种布局方法来实现特殊布局特别麻烦困难，例如：垂直居中。今天来记录一下自己对flex布局的了解（虽然不算神马新东西了都可以说是旧东西了~~~）

最近在解决公司官网兼容性问题（兼容要求：ie7+），于是借机总结一下ie浏览器的css兼容性问题，maybe后续会再总结一篇js的兼容性问题。

大家觉得console.log(...)会输出什么呢？很多开发者会认为是undefined，因为var a声明在a = 2之后，他们自然而然地认为变量被重新复制了，因此会被赋予默认值undefined。但是，真正的输出结果是2。

哎 七月份开始实习，九月份开始奔波校招。很忙碌也很累也没怎么好好学习了。最近面试被问到有关于前端安全，才发现自己一直忽略了这方面，于是赶紧恶补！！！

最近实习在维护前辈的代码的时候以及看书的时候看到需要获取链接的地方，会出现Uri这个词。网上一查才知道原来链接命名竟然有3种，而自己竟然一直只知道URL，真是孤陋寡闻。所以，今天写下这篇博客记录一下。

众所周知，AngularJS已成为前端的一大热框架，AngularJS已然成为Web应用开发世界里最受欢迎的开源JavaScript框架。但虽然AngularJS 2也发布了蛮久的但相关的学习文档和资料尚未完善。在跟着AngularJS中文社区的入门教程一开始学习就发现了纰漏。。。于是写下此篇文章。。。

例如我觉得yilia主题好看：在theme文件夹下git bash here 输入：git clone https://github.com/litten/hexo-theme-yilia.git

废话少说，我就直入正题了。 下载git for Windows 到这里下载 [链接] git-for-window的安装包安装的时候，一路下一步使用默认设置，就可以了。 安装成功后，在任意地方右键，应该会看到这样子： 3.打开[链接] 网页注册一个属于自己github账号，教程例子：昵称DodoMonster，邮箱dodomonster@qq.com 配置git 1.设置自己的...

如果我们电脑上已经存在了一个ssh key，那么我们需要在我们电脑上生成第二个你想在本电脑上使用的id_rsa，使用命令：ssh-keygen -t rsa -C "你的github注册邮箱"。

在去年就自己配置安装过node.js，但是使用npm安装模块时安装成功后调用require('module-name')时却一直报错说命令找不到，网上也说都是环境变量没有配置好，我也是同样这样怀疑，可是找了很多教程都没有找到解决方法，后来就放弃配置了。

一、html文档结构标签语义化1、首先什么是语义化呢？语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。即用正确的标签做正确的事。

众所周知，浮动模型是一种可视化格式模型。浮动的框可以左右移动（即：float：left;float:right），直到它的外边缘碰到包含框或另一个浮动框的边缘。浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在似的。