deno

Deno 静态文件CSS或图片

六月ゝ 毕业季﹏ 提交于 2020-08-19 21:00:39
Deno 静态页面或图片 视频讲解 https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=7 我们一起来完成以下步骤: 沿用之前的工程代码 新增Login页面和响应的controller 添加CSS资源文件,然后预览页面 #controllers/controller.ts const { cwd } = Deno; class Controller { static async getData(ctx: any){ //cwd获取当前工程目录 //注意 ' !== ` ctx.render( ` ${cwd()} /views/index.ejs` ,{ title : "Testing" , data :{ name : "deepincoding" } }); } //登录页面 static async login(ctx: any){ ctx.render( ` ${cwd()} /views/login.ejs` ); } } export default Controller; #routers/index.ts import { Router } from "https://deno.land/x/oak/mod.ts" ; import Controller from "../controllers/Controller.ts

Deno上传文件

醉酒当歌 提交于 2020-08-18 06:51:35
Deno上传文件 视频讲解 https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=6 我们一起来完成以下步骤: 沿用之前的工程代码 创建上传页面和响应的controller 添加上传文件功能 测试 #controllers/controller.ts const { cwd } = Deno; class Controller { static async getData(ctx: any){ //cwd获取当前工程目录 //注意 ' !== ` ctx.render( ` ${cwd()} /views/index.ejs` ,{ title : "Testing" , data :{ name : "deepincoding" } }); } static async uploadPage(ctx: any){ ctx.render( ` ${cwd()} /views/upload-page.ejs` ); } static async uploadAction(ctx: any){ //我们这里不返回页面,而是返回上传文件的信息 ctx.response.body = ctx.uploadedFiles; } } export default Controller; #routers/index.ts import { Router

ZooTeam 前端周刊|第 82 期

别等时光非礼了梦想. 提交于 2020-08-18 04:10:33
ZooTeam 前端周刊|第 82 期 浏览更多往期小报,请访问: weekly.zoo.team Cherry-Pick | 一日一 Git - 掘金 Cherry-Pick 该 Git 命令能优雅的满足你将任一节点移植到指定分支的需求,还可以妙用于 CodeStream 。 React Router原理 - 简书 原文地址 blog.poetries.top/2018/12/20/… 一、React Router基础之history... React 学习之路由HashRouter和BrowserRouter - leahtao - 博客园 React 学习之路由HashRouter和BrowserRouter - leahtao - 博客园 前端走进机器学习生态,在 Node.js 中使用 Python 从今天开始,你就可以开始看着 Python 的文档,使用 JavaScript 来“学习和使用”机器学习和深度学习了! (77) 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇 - 掘金 写在开头 微前端系列文章: 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践(图文并茂) - 应用间通信篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇...

deno+mongo实战踩坑记

流过昼夜 提交于 2020-08-17 12:51:49
自从 deno 1.0 发布以来,有关 deno 的文章很多,大多数都是在讨论怎么安装 deno 、deno 有哪些特点 、deno 和 node 有哪些异同、deno是不是 node 的替代品等。咱们今天不讨论这些,毕竟 Talk is cheap. Show me the code! 亲自体验一把 deno 开发带来的快感、用 deno 搞一个“企业级”应用: deno-supermarket ,难道不香吗? deno 常见的一些坑 在实战之前,还是先来介绍几个我在刚接触 deno 时遇到的小坑。 权限标志符位置的问题 我们都知道, deno 默认是安全的,就是导致了默认情况下是不允许访问网络、读写文件等。比如有个名为 index.ts 的文件内容如下: import { serve } from "https://deno.land/std@0.50.0/http/server.ts" ; const s = serve({ port: 8000 }); console.log( "http://localhost:8000/" ); for await (const req of s) { req.respond({ body: "Hello World\n" }); } 复制代码 如果直接执行 deno run index.ts , 会报错: error:

简简单单的来入个deno的门吧

 ̄綄美尐妖づ 提交于 2020-08-17 08:37:35
前不久, deno1.0 正式发布,相信大家应该都已经听过它了.毕竟deno的作者正是大名鼎鼎的nodeJS之父Ryan Dahl.他在之前声称node已经无力回天了,所以他决定新写一个deno.意为destroy node.通俗的说就是一个号练废了,现在要重新练一个号. deno怎么发音,有说 蒂诺 的,有说 德诺 的.为此,我特意去YouTube上听了下deno作者的发音, 链接戳我 ,但我怎么感觉听着更像是 呆诺 呢? 各位同学可以自行爱好发音. deno特性 Deno是使用V8引擎并内置于Rust的一个简单现代并且安全的JavaScript和TypeScript运行时(Tips: 原先是用golang开发的,后来因为性能问题改用Rust) 这里简单的列了一下其中的一些特性: 默认为安全,除非明确启用,否则没有文件,网络或环境访问权限 开箱即用的支持TypeScript 仅发送一个可执行文件 具有内置的实用程序,如依赖检查器和代码格式化(fmt) 拥有一组保证能够与deno一起使用的经过审核的标准模块: 链接戳我 安装 因为我自己是macOS系统,所以国际惯例使用homebrew来安装 brew install deno 复制代码 window系统的安装方式 choco install deno 复制代码 还有其他的安装方式,可以自行查看: 如何安装 测试安装 deno -

Deno会在短期内取代Node吗?

感情迁移 提交于 2020-08-16 06:50:27
转载请注明出处: 葡萄城官网 ,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/what-is-deno-and-will-it-replace-nodejs-a13aa1734a74 Deno是什么? Deno v1.0.0已于5月13日正式发布。 其开发者为Ryan Dahl,他的上一个项目是Node,相信我们大部分人都了解。 作为Node之父,Ryan Dahl认为Node自从他把项目移交出去后,Node的走向越来越背离了他的初衷,并且存在着很多无法解决的问题,所以他决心重新开发一个新的项目去解决这些问题,这个项目就名为Deno。目标则是 De stroy- no de。 那么,这样是不是就意味着Deno即将替代Node,成为Node的下一代产品?我们应不应该从现在就开始放弃Node开始使用Deno呢? 让我们一起看看。 起源 在2018年,Ryan在柏林进行了一次演讲,这是他第二次关于JS的公开演讲,第一次再2009,那次是宣布Node项目的诞生。 在这次演讲中,除了主要介绍他认为Node.js的几大问题和不可避免的许多Bug外,在演讲快结束时,他揭开了当时还是个小项目名为Deno的面纱,因为和node命名有着千丝万缕的联系,那时大家认为这个项目就是Node.js v2,它将会解决和完善ry提到那些问题

Deno MySQL 增删查改接口

萝らか妹 提交于 2020-08-15 23:30:23
视频演示 https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=9 我们一起来完成以下步骤: 使用之前工程的代码 创建数据库脚本 创建数据库连接 新增员工model 创建员工仓库类repositories 创建员工services类 添加增删查改代码 #controllers/employeeController.ts import { Context } from "https://deno.land/x/oak/mod.ts" ; import { Employee } from "../models/employee.ts" ; import employeeService from "../services/employeeService.ts" ; const { cwd } = Deno; class Controller { static async hello(ctx: any){ //cwd获取当前工程目录 //注意 ' !== ` ctx.render( ` ${cwd()} /views/index.ejs` ,{ title : "Testing" , data :{ name : " Deepincoding" } }); } static async save(ctx: Context){ const

Deno MySQL 增删查改 (包含页面)

↘锁芯ラ 提交于 2020-08-15 05:15:00
视频演示: https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=10 一起来完成以下步骤: 使用之前工程代码(09.MySQL增删查改API)),如果你还没有看过09视频,建议看一下 添加CRUD页面,使用ejs 页面模板 修改Controller相应的CRUD代码(Service到Repository层无需修改代码) 测试 #controllers/employeeController.ts //后台redirect import { Context, REDIRECT_BACK } from "https://deno.land/x/oak/mod.ts" ; import { Employee } from "../models/employee.ts" ; import employeeService from "../services/employeeService.ts" ; //解析Form import { multiParser } from 'https://raw.githubusercontent.com/deligenius/multiparser/master/mod.ts' const { cwd } = Deno; class Controller { static async list(ctx: any )

Deno1.0 新特性了解一下 (视频版)

情到浓时终转凉″ 提交于 2020-08-12 04:41:03
最近前端圈最火的技术,莫过于5-13发布的deno1.0版本,很多大兄弟私信问我怎么看这个技术, 今天上午录了个视频放B站,对文字稿不感兴趣的直接移步 Deno1.0 新特性了解一下B站链接 deno是什么 deno和nodejs差不多,都是一个javascript的服务器运行时,和node.js还是一个作者,他有那些优点呢 新特性关键点(代码) 原生支持typescript javascript和webassembly es6 modules ,通过url和文件import 没有npm,node_modules 和package.json 依旧基于V8 安全控制机制 不兼容node 兼容浏览器 常见工具内置 deno bundle替代babel webpack deno fmt 替代prettier deno test 期待jest deno lint 替代eslint等 安全性和原生ts支持很亮 什么技术会火 deno比node优化的地方,都是小优化,一个新技术能不能普及,这个技术本身够不够牛逼只是以方便,还有 0. 出现时机是不是填补了领域空白 填补空白后,开发者有没有跟上,贡献繁荣的生态 生态繁荣后吗,有没有大公司实战案例(意味着大流量和岗位) 单纯的技术优势,只是小玩具,而且你怎么知道node不会加上这些特性,维护自己的防护林呢 ,比如node也跟进url import