web前端
师范大学生
登峰造极境
展开
-
Opencv.js的程序模板与基础操作(含ROI,轮廓填充)
上一节只讲了opencv.js如何读取和输出图像的,这一次继续扒官方的tutorials,造福中国人。opencv.js的程序模板 首先应当认清楚的是,opencv只是一个库,不是一种程序框架;而且上一节可以看出,在一整个html文件中,JavaScript也只不过在一个程序块中,那么这个程序块中的opencv含量显然相对就更少了。根据官方给的小例程,可以总结出opencv.js程序的构...原创 2019-11-06 20:35:53 · 1949 阅读 · 1 评论 -
Opencv.js读取与显示图像
Opencv.js使得前端工程师能够在html文件中国的javascript区域编写图像处理的程序了。js作为一种使用体验与python近似的语言,写opencv代码本来就比较合适。 在一切之前,得懂JavaScript和opencv,学opencv建议使用python语言,好上手(C++天下第一的那谁在哪儿呢)。接下来以分解的方式分析一下一个包含opencv.js库的基础项目是怎么构成的...原创 2019-11-06 00:06:41 · 5673 阅读 · 3 评论 -
Express访问静态资源(express.static)
在开发全栈的时候,html页面需要显示一些图片,视频之类的资源。这些资源被称为“静态资源”,即对每一个用户来讲都是相同的资源。写这篇博文通过对比前后端调用静态资源的方式来记录express框架下静态资源的访问方法。前端调用静态资源 初入前端的同志应该知道,前端里调用静态资源只是用来测试程序的“缓兵之计”,因为网页的资源一定是来自后端服务器的。在还没有对接服务器的情况下,以播放视频为例,前...原创 2019-11-04 10:06:45 · 5686 阅读 · 0 评论 -
基于Express框架的前后端通信(GET/POST)
当服务器(后端)搭建完毕后,接下来需要做的就是客户的浏览器(前端)与服务器的通信服务了。在node.js中前端提交信息给后端主要依靠GET/POST请求,现在基于Express框架来实现以下功能:在前端的页面上将个人的名称信息提交给后端,后端将收到的信息以JSON格式回传到前端页面。GET请求的实现: 首先要提供后端服务器与前端的页面。将两个文件放在一个根目录下: 首先做好web页面...原创 2019-11-02 20:05:31 · 1873 阅读 · 1 评论 -
windows命令行关闭本地服务器端口
最近做后端整出了很无语的事情。上午开了本地的一个端口“8888”当本地服务器端口,然后中午吃饭去了;晚上回来随手把VScode一关,后来继续做发现8888端口已经被占用了(黑人问号)。 原来,即便关闭了编译器VScode,服务器依然是被node.exe运行着的。那这个端口怎么才能关掉呢? 1.查找本地的某个端口被哪个进程占用 以8888端口为例,在命令行中输入: netstat...原创 2019-11-01 20:06:58 · 4316 阅读 · 0 评论 -
使用Node.js构建服务器显示html页面
这次使用node构建一个本地的服务器,然后以两种方式显示html页面: PLAN A:输入IP地址+端口号,直接显示固定页面。 PLAN B:输入IP地址+端口号+URL,选择已有的页面显示。 好的,在执行方案前先复习一下node是怎么构建HTTP服务器的。HTTP服务器构建:var http = require('http');http.createServer(funct...原创 2019-10-31 16:45:45 · 1206 阅读 · 1 评论 -
HTML5+CSS3:构建简易的web页面
记录一下一个比较常见而且简易的web页面的制作,最终效果图如下:制作头部标题: 在body部分加入如下HTML5代码: <div class="header"> <h1>头部区域</h1> </div> 在CSS部分加入如下代码,修饰头部区域:.header{ text-align: center;/*文字位于中央...原创 2019-10-23 21:08:29 · 5447 阅读 · 0 评论 -
HTML5+CSS3:简易的竖直导航栏
记录一下网站中常见的竖直导航栏怎么做。开发软件是Dreamweaver2019。<!doctype html><html><head><meta charset="utf-8"><title>csdn_nav_test1</title><style type="text/css"></sty...原创 2019-10-15 23:53:39 · 7779 阅读 · 0 评论 -
HTML5+CSS3构建简易的表单
浏览网页的时候,表单差不多是最常见的形式之一了。对于某些不自动保存账户和密码的网站来说,天天都要给表单敲账户密码。今天记录一下一个简单的表单怎么制作。制作后的效果图如下: 首先在body中输入该表单的组件和文本成分:两个文本输入框;一个下拉选择框;一个提交按钮;注意这里使用label标签来文本修饰这些组件。<div id="border1"> <form> ...原创 2019-10-16 11:11:21 · 612 阅读 · 0 评论