相关内容
Pug入门
是一种通过缩进（表示标签间的嵌套关系）的方式来编写代码的过程，在编译的过程中，不需要考虑标签是否闭合的问题。 可以加快写代码速度，也为代码复用提供了便捷。 优点：1、无需结束标签2、强制缩进3、代码复用和维护4、标签写法与css相同搭建pug环境：1、下载node.js和 npm2、下载 pug , 命令:npm install pug-cli...
在 Vue 项目中(vue-cli2,vue-cli3)使用 pug 简化 HTML 的编写
标签后面如果有属性(括号内的) 他和括号之间不要加空格,加了空格就会被当成字符串解析,详细可查看官方文档vue-cli 2+ 配置:下载包:npm i -d pug pug-html-loader在buildwebpack.base.conf.js 的 module 中添加规则:module: { rules: }好了启动或重启项目,即可开心的尝试了vue-cli 3 配置:由于 cli 升级到3了,相关配置...
React SSR 简介与 Next.js 使用入门
访问数据库，拿到数据然后将数据填充到 html 模板上，比如 node.js 中的 pug 模板引擎、ejs 模板引擎等都是服务端渲染的模板。 传统的服务端渲染通常用在文档型页面上，而现在网页被称为 web app，页面更像 app 应用，现在做服务器渲染主要是为了 seo 和首屏。 react 与模板渲染很相似，都是通过数据驱动，将页面渲染...
2018-09-12nodejs博客项目
author：mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终这几天写的nodejs+mongodb+pug的全栈博客项目用户注册用户登录文章发布评论发表文件上传后台文章管理后台评论管理后台用户管理后台超级管理员等等模块https:github.comyouyouqiutanzhou44fy-nodejs-blog...
为什么要用 Node.js？
socket.io 和 sockjs —— 今天最常见的两个 websockets 服务器端组件。 pug（以前叫 jade）—— 受 haml 启发的流行模板引擎之一，express.js 中的默认选项。 mongodb 和 mongojs —— mongodb 包装器，为 node.js 中的 mongodb 对象数据库提供 api。 redis —— redis 客户端。 forever—— 可能是确保给定 node ...
Hexo主题(EJS模板)自定义页面扩展
本人主题：indigo，以下内容均基于此主题所写。 首先需要明白的是，hexo 的博客内容（静态内容）均由 generate 生成，其核心是一个 node 应用，提供了一系列帮助函数，或者说调用接口； 而各种主题，只不过是在其规定的框架内，以一种特定的模板（ejsswgpug），调用特定的 hexo 帮助函数来完成的。 在构造时，这些...
VueJS 开发常见问题集锦
由于公司的前端开始转向 vuejs，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。 主要写一些 官方手册 上没有写，但是实际开发中会遇到的问题，需要一定知识基础。 ----涉及技术栈cli: vue-cliui: elementhtml: pug(jade)css: lessjavascript:es6----正文：polyfill 与 transform-runtime 首先...
小程序·云开发的HTTP API调用丨实战
小程序云开发之httpapi调用（返回“47001处理”） 技术栈 采用 nodejs + express搭建web服务器，采用 axios 请求第三方 httpapi nodejs express axios 项目结构 通过应用生成器工具express-generator 可以快速创建一个应用的骨架。 主要的核心文件 routesbase.js(api设置)，utilrq.js(axios封装),viewsbase.pug(接口...
那些最受欢迎的 Node.js 视图引擎
list of programming languages pug? pug pug - 以前名为 jade，也是一个受欢迎的 node.js 视图引擎项目。 要使用它，请按如下方式设置视图引擎...使你的 javascript代码简单易读node.js多线程完全指南deno如何偿还node.js的十大技术债实战！ 半小时写一个脑力小游戏css flexbox可视化手册世界顶级公司...
你了解Node.js的原理和应用场景吗？
socket.io 和 sockjs —— 今天最常见的两个 websockets 服务器端组件。 pug（以前叫 jade）—— 受 haml 启发的流行模板引擎之一，express.js 中的默认选项。 mongodb 和 mongojs —— mongodb 包装器，为 node.js 中的 mongodb 对象数据库提供 api。 redis —— redis 客户端。 forever—— 可能是确保给定 node ...
关于node.js：ExpressJS、Websocket中的session会话共享
{ cookie-parser: ~1.4.4, debug: ~2. 6.9, express: ~4.16. 1, http-errors: ~1. 6.3, morgan: ~1.9. 1, pug: 2. 0.0-beta11, @grpcgrpc-js: ^1.0. 3, @grpcproto-loader: ^0. 5.4, @typesioredis: ^4.16. 0, @typessocket.io: ^2. 1.4, @typesws: ^7.2. 4, ioredis: ^4. 16.3, jade: ~1.11. 0, mariadb: ^2. 3.1, ...
【Vuejs】509- vue-loader工作原理
比如sass加载和pug加载允许.vue文件中的自定义块，这些(自定义块)能够运用于定制的加载程序链将静态的和的assets引用视为模块依赖，并且用webpack加载程序去处理他们模拟每个组件的css作用域在开发的过程中使用热加载保持状态简而言之，vue-loader和webpack的组合能够使你在写vue.js应用时，提供现代化、灵活的和功能...
Github 4 万 Star！最全面的 Node.js 资源汇总推荐
可将模板编译为 commonjs 模块，并支持流、异步渲染和自定义标签nunjucks - 灵感来自于 jinja2的具有继承、异步控制等功能的模板引擎handlebars.js - mustache 模板的超集，其中添加了强大的功能，如 helpers 和更高级的 blocksejs - 超级简单的模板语言.pug -受haml影响的高性能模板引擎.web 框架hapi - 用于创建...
听说2017你想写前端？
上面是用css做例子，还有针对 html 的 pug (以前叫jade)，haml 针对js的 typescript， coffeescript 不过这里js我要特别说一下，新版本的es6，es7，其实...前端不再直接编写css，html，js虽然这个小标题写得有点夸张，但是一个趋势。 浏览器运行铁三角：css html js，这些必须文件，如果现有浏览器保持不变的话...
GitHub 上100个优质前端项目整理，非常全面！
号称node版的spring boot star:8147 view 模板引擎 pug 基于nodejs的强壮的、优雅的功能强大的模版引擎，相当简洁 star: 17150 handlebars.js 一个js...3877 javascript airbnb出品写js最佳的姿势，已成众多公司js代码风格的标准 star:75330 mars 腾讯移动web前端知识库 star:7278 awesome-wechat-weapp ...
收藏夹吃灰了：GitHub 上值得收藏的100个精选前端项目
号称node版的spring boot star:8147 view模板引擎pug 基于nodejs的强壮的、优雅的功能强大的模版引擎，相当简洁 star: 17150handlebars.js 一个js语义模板...3877javascript airbnb出品写js最佳的姿势，已成众多公司js代码风格的标准 star:75330mars 腾讯移动web前端知识库 star:7278awesome-wechat-weapp 小程序...
Vue笔记：VS Code 常用快捷键
11、html css support在html标签上写class智能提示当前项目所支持的样式12、htmlsnippets超级好用且初级的h5代码片段以及提示13、debug for chrome使用 vs code来打断点调试14、document thisjs 的注释模板15、jquery code snippetsjquery提示工具16、html2jadehtml 模板转 pug 模板17、js-css-html formatter...
从零打造一款轻量且天然支持SSR的CMS系统——simpleCMS
技术架构和实现方案为了降低大家的使用和部署成本, 我们采用了如下技术实现:服务层:koa2 + nodejs + jsonschema(当然其中还使用了很多nodejs中间件)前台页面:pug(结合nodejs实现前后端同构, 且天然的ssr)后台管理:umi3.0 + react + antd + axios + typescript(当然还用了很多前端插件, 比如富文本,md编辑器)系统服务...
使用 SVG 和 JS 创建一个由星形变心形的动画
序言：首先，这是一篇学习 svg 及 js 动画不可多得的优秀文章。 我非常喜欢 ana tudor 写的教程。 在她的教程中有大量使用 svg 制作的图解以及实时交互 demo，可以说教程的所有细枝末节都可以成为学习 svg 以及 js 画图的资料。 另一方面，这篇教程也非常枯燥，因为教程的主要篇幅是关于几何图形的数学计算...
基于nodeJS从0到1实现一个CMS全栈项目（中）（含源码）
关于实现自定义的koa中间键和restful api和模版引擎pug的基本使用及技巧部分，由于时间原因，我会在明天继续更新，以上部分如有不懂的，可以和笔者交流学习...
