PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验。 —来自百度百科 Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性能和体验三个方面都有很大提升，PWA 本质上是 Web App，借助一些新技术也具备了 Native App 的一些特性，兼具 Web App 和 Native App 的优点。 PWA 的主要特点包括下面三点： 可靠 - 即使在不稳定的网络环境下，也能瞬间加载并展现 体验 - 快速响应，并且有平滑的动画响应用户的操作 粘性 - 像设备上的原生应用，具有沉浸式的用户体验，用户可以添加到桌面 PWA 本身强调渐进式，并不要求一次性达到安全、性能和体验上的所有要求，开发者可以通过 PWA Checklist 查看现有的特征。 推荐阅 ...

说明一言网创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。 动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。 简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。或是感动，或是开心，有或是单纯的回忆。来到这里，留下你所喜欢的那一句句话，与大家分享，这就是一言存在的目的。（来源于一言官方网站） API文档 这是一个Hitokoto Api更新时间表： 时间 影响Api 调整 2018年6月之前 旧版API（http://api.hitokoto.cn和https://sslapi.hitokoto.cn） 旧版API将在6月份之前以切换解析的方式合并到v1API中。也就意味着调整之后请求此API无异于请求v1API。调整后此接口的稳定性将不再受到维护。 2018年7月之前 v1API（https://v1.hitokoto.cn） v1API将发布最终版本。v1接口将会在未来存在较长时间（即使v ...

npm，cnpm，yarn这三个或许使用Hexo，Hugo，vuepress等静态博客搭建的小伙伴们来说，会经常遇见，会使用它们进行插件，依赖包等的安装、卸载与更新，如果你是前端开发者或者是准备从事前端的话，你会经常与它们三个打交道，下面简单的说说它们三剑客吧！ npm是什么？ npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个 包（package） （即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。引自npm中文网 npm (node package manager)是 JavaScript 世界的包管理工具，是 Node.js 平台的默认包管理工具，是前端模块化下的一个标志性产物，简单地说，就是通过npm下载模块，复用已有的代码，提高工作效率。 下面是关于 npm 的快速介绍： npm 由三个独立的部分组成： 网站 注册表（registry） 命令行工具 (CLI) 网站 是开发者查找包（packa ...

今天闲来无聊，尝试了Hexo博客部署到码云和崭新的Coding平台，我之前试过将博客部署到Coding上，成功了，但Coding平台进行大更新，虽说我的博客地址之前还能用，但有点乱，就将之前的仓库全部删除，重新部署下。就写下这篇教程，希望能够帮到那些搭建博客的小伙伴们，如果教程有错，希望大家能够指出来，我会及时修改的，谢谢大家的支持！ 部署到Coding平台 首先去官网进行注册，也可以用第三方微信进行注册。 注册完成之后就会进入主页面，然后创建新项目，如下图所示： 代码托管项目：用于托管代码仓库，支持多个仓库，并可选择开启 CI/CD 和制品库功能 项目管理项目：支持 Scrum 敏捷管理和传统任务管理项目，包含需求、任务和缺陷 DevOps项目：包含项目管理、代码托管、CI/CD 和制品库等功能，提供完整的研发流程 在这里我们选择第三个，DevOps项目，这个含有构建与部署功能。 选择第三个DevOps项目后，会出现下面的页面： 项目名称：与你的用户名相同，用户名就是你的团队名 团队域名可以修改一次，会显示一个修改笔的图标，因为我修改过了 ...

声明： 本文为转载文章，由微信公众号 -《前端技术江湖》整理 原文链接： https://mp.weixin.qq.com/s/62U2qLeN4dz9Si68yhDohA 从公众号中了解到了这篇文章，写的很全面，详细讲解了JavaScript语言的发展史，于是就转载了这篇文章，分享给大家，让大家了解其发展历史，这是学前端必须要掌握了解的知识。 Nombas 和 ScriptEaseh大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言。Cmm 背后的理念很简单：一个足够强大可以替代宏操作（macro）的脚本语言，同时保持与 C （和 C ++）足够的相似性，以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中，它首次向开发人员展示了这种语言的威力。 Nombas 最终把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）听起来过于消极，同时字母 C “令人害怕”。 现在 ScriptEase 已经成为了 Nombas 产品背后的主要驱动力。 Mosaic1 ...

不定时持续更新，如果你有好用的在线网站，欢迎来交流！如果网址失效，请及时联系我，我会及时进行相关的处理，谢谢您的支持！ 文档1. 轻松玩转PDF官网： https://smallpdf.com/cn 这个网站非常好用，提供了很多的实用功能，如PDF转换Word，PDF转换PPT，PDF编辑，PDF加密，Word转换PDF等等 2. Convertio：在线的文件转换器这个网站也提供在线免费的文件转换器，将文件转换为不同的格式，不注册的话也可以使用，限制最大文件的大小为100MB，超过这个文件大小的最大限制，需要进行注册，收费。 3. CleverPDF官网： https://www.cleverpdf.com/cn 27个强大的PDF在线工具，完全免费！而且还提供Windows客户端，不过在线的，客户点有一定的限制，网上也有破解的客户端，:point_right: 传送门(密钥：bigo) 4. vvv文档在线导出工具官网： http://wenku.baiduvvv.com/doc/ 免费下载百度文库文档，支持 PDF 和 Word 格式。 5. 微信 ...

JavaScript是由Netscape公司开发的，最初的名字叫做Mocha，1995年9月改为LiveScript，当时的Java语言很流行，当年的12月，Netscape公司与Sun公司（Java语言的发明者和所有者）达成协议，允许Netscape将LiveScript改名为JavaScript，以此让JavaScript慢慢的流行起来。 随着JavaScript的发展，它自立门户，成为了一门独立的语言，同时也拥有了自己的语言规范——ECMAScript。现在它和Java之间没有啥关系了。 JavaScript是一种轻量级的，解释性的脚本语言，也可以称它为脚本语言。所谓的”脚本语言“（Script language），指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型程序（比如浏览器）的”脚本”。脚本作为纯文本存在和执行，它们不需要特殊的准备或编译即可运行。 JavaScript也是一种嵌入式（embedded）语言，目前已经嵌入JavaScript的宿主环境有多种，最常见的环境就是浏览器，另外还有服务器环境，也就是 Node 项目。 甚至还能在任意搭载了 JavaScr ...

转载此文章前，请先联系作者，经作者同意后再转载，并请注明原文链接和作者，整理这些不容易，最终版权归作者所有，谢谢合作！ 前言你了解Hexo吗？ Hexo是一个静态博客框架，基于Node.js，将Markdown文章通过渲染引擎，生成一个静态网页，再结合Git命令（ssh），Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 几个月前偶然间了解到了Hexo这个静态博客网站，很适合那些喜欢写作的朋友们，最重要的是它是免费的，里面有许多的博客主题模板，这些主题都是一些很牛的大佬们开发的，而且设计的主题都很棒，让我很心动，心动不如行动，于是开始整理搭建属于自己的博客。直到今天，这中间经历了许多的坎坷荆棘，我将我的博客搭建的流程分享出来，能为那些博客小石榴们提供一些帮助吧，如果有错的话，请给我留言，我会及时修改，废话不多说，直接上教程。 如果下面的教程有错误之处，请在评论区留言，收到后，我会尽快修改，谢谢支持！ 一、博客环境搭建本文系统环境信息：Win10专业版，64位（10.0 版本 ...

弹性盒模型的一些知识 一、简单介绍弹性盒模型（ Flexible Box或FlexBox）是一个CSS3新增布局模块，官方称为CSS Flexible Box Layout Module，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）, 分配空白空间 。弹性盒模型最大的特性在于，能够动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。 二、基本知识弹性盒子是由弹性容器（flex container）和弹性子元素（flex item）组成，弹性盒子有一个主轴（main axis）和一个纵轴（cross axis），弹性子元素沿着主轴依次排列 ，侧轴垂直于主轴。弹性容器的主轴开始（main start）、主轴结束（main end）和侧轴开始（cross start）、侧轴结束（cross end）代表了弹性子元素排列的起始和结束位置。具体可以看下面的图。 三、属性分类1. 弹性容器的相关属性 属性 属性说明 flex-direction 设置主轴方向，确定弹性子元素的排列方式 flex-wrap 当弹性子元素超出弹性容器范围时 ...