网页开发
文章平均质量分 62
、Edgar
Coding with fun
展开
-
常用HTTP状态码及相关含义
2xx 200->表示请求成功,获取到相应的内容 204->服务器成功处理请求,但是没有返回内容 206->服务器成功处理请求,返回资源的一部分,一般在HTTP请求中设置了Content-Range字段3xx 301->请求的网页已经永久移动到另外一个位置,如果时Get或Head请求,会将请求转到新的位置 302->网站临时移动到另外一个服务器,但是请求者应该继续使用原有的位置来响应以后的请求。 303->查看其他位置 304->自上次请求之后原创 2021-03-03 12:03:05 · 126 阅读 · 0 评论 -
基于 React & Nodejs 搭建实时聊天系统
chat-room代码已经上传到 GitHub,如果喜欢,不妨给一个⭐️说明本项目灵感来自交大x字节跳动的公开课,样式参考其demo1,但本项目采用React2所写,UI组件使用Antd3本项目实现的功能有: 用户登录 用户注册 单人聊天 多人聊天 表情发送 文件传输 发送语音 视频通话本项目采用的技术有: React & Antd开发前端界面 Electron打包应用程序,本地测试不适用于https,因为证书不被信任 nodejs &原创 2021-01-08 12:45:18 · 1748 阅读 · 1 评论 -
new FormData append数据之后打印之后看不到数据
FormData内容的数据,如果直接console是看不到的,需要使用函数来调用,比如get, getAll, 如果要遍历的话,可以使用forEachformdata.append("name", "value")console.log(formdata.get("name"))console.log(formdata.getAll("name"))formdata.forEach(value => console.log(value))...原创 2020-10-04 11:13:49 · 4841 阅读 · 0 评论 -
网页中的图片预览思路(纯前端)
刚开始接触到这种图片预览问题的时候,一直认为需要后端的协助,把文件临时保存下来,然后再提供资源,但是这种方式过于复杂,后来有一天就突然想到可以使用base64编码形式内容来显示文件,其实早就接触到了base64类型的图片,但是一直没有想到????参考代码如下:<!DOCTYPE html><html><head> <title>image preview demo</title></head><body&g原创 2020-10-04 10:53:20 · 1464 阅读 · 0 评论 -
react 项目案例---想学正在学React的童鞋看这里
没有实战的理论都是null,下面提供一个React开发案例项目:项目地址为: https://git.io/JUPwN主要是按照我们学校的一个管理系统进行开发的(当然,全是自己想做),项目中使用了react, react-redux, antd, mockjs,可以供新手参考,虽然很多代码并不是很优雅,但是功能还是实现的差不多,如果你喜欢,欢迎⭐️项目演示如下:...原创 2020-09-28 22:41:28 · 874 阅读 · 0 评论 -
Http状态码对应的状态
ValueDescription Reference 100Continue[RFC7231, Section 6.2.1]101Switching Protocols[RFC7231, Section 6.2.2]102Processing[RFC2518]103Early Hints[RFC8297]104-199Unassigned200OK[RFC7231, Section 6.3.1]201Created[RFC7231, Section 6.3.2]202Accepted[RFC7231, Se原创 2020-09-01 20:33:25 · 1414 阅读 · 0 评论 -
golang 使用jwt进行权限认证
具体代码见GitHub创建一个工具包,对jwt相关操作进行封装package utilsimport ( "github.com/dgrijalva/jwt-go" "time")var jwtKey = []byte("bbs_secret_key")type Claims struct { Username string `json:"username"` jwt.StandardClaims}func ReleaseToken(username string) (tok原创 2020-08-07 22:30:30 · 671 阅读 · 0 评论 -
typescript基础
1. 前言TypeScript是Javascript的超集,支持ES6标准,支持类型系统以及类型推断,支持运行在任何浏览器,Node.js环境中2. 环境配置 安装node 安装typescript npm install typescript 安装ts-node npm install ts-node全部安装安全之后运行typescript文件可以使用ts-node xxx.ts 相关命令编译ts文件: tsc xxx.tsts初始化配置文件: tsc -init在ts原创 2020-06-13 21:48:58 · 187 阅读 · 0 评论 -
express 基础入门
express官方文档1. 安装npm init // 生成package.json文件npm install express --save2. 简单使用const express = require("express")const app = express()const port = 3000// GETapp.get("/test", function (req, res){ res.send("Hello World, this is a test")})//原创 2020-06-13 21:37:41 · 231 阅读 · 0 评论 -
Component template should contain exactly one root element
使用下面代码的组件的时候<div>{{message}}</div><ul><li v-for="a in array">{{a}}</li>{{test}}</ul>会如上错误,主要是因为每个组件模板只能包含一个根元素 我们可以加一个<div></div>来包含这个组件内容<di...原创 2020-04-06 15:26:20 · 109 阅读 · 0 评论 -
layui 弹窗实现文件上传
html界面(主界面隐藏,弹窗中显示)<div id="file_upload_div" style="display: none" class="text-center"> <div class="layui-upload-drag" id="test10"> <i class="layui-icon"></i> ...原创 2020-04-01 18:51:01 · 6513 阅读 · 4 评论 -
POST 数据的时候遇到特殊字符无法显示?
测试中使用ajaxPOST一个带有 +的数据的时候,发现后端接受不到+,对于这些特殊字符,在POST数据的时候,我们应该先进行编码一下,可以使用:encodeURIComponent(data)这样问题就解决了...原创 2020-03-26 18:45:10 · 1136 阅读 · 0 评论 -
美化input文件上传
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Upload a file</title> {% load static %} <link rel="stylesheet" href="{% sta...原创 2020-03-15 19:44:37 · 322 阅读 · 0 评论 -
JavaScript常见类型转化
JavaScript中的常见类型转化转化成字符串使用加号运算符数字转化成字符串var n = 1;n = n + "";console.log(n); // "1"布尔值转化成字符串var flag = true;flag = flag + "";console.log(flag); // "true"数组转化成字符串var array = [...原创 2020-01-09 11:22:06 · 66 阅读 · 0 评论 -
JavaScript中=,==和===的区别
在其它的语言中,表示没有看到过 ===,所以在JavaScript中看到还是一脸茫然,其实它们概念之间还是很容易区分的=是赋值运算符,无需多说==用来判断两个数值是否相等===则用来判断变量的类型和值是否一致== 为true情况=== 为true情况:看完脑袋都炸了,不过的确很复杂,想要了解更多可以访问 这里 和 这里...原创 2020-01-09 09:57:55 · 224 阅读 · 0 评论 -
JavaScript的变量提升
JavaScript的编译执行和其他某些语言有一点区别,JavaScript在预编译的时候会预处理所有声明定义的变量,但是变量的赋值发生在JavaScript的执行之中。看看下面的例子document.write(a);var a = 1;document.write(a);在网页上看到的结果只是表示a是undefined,并没有抛出异常,也没有终止之后的代码运行undefined...原创 2020-01-09 08:54:25 · 66 阅读 · 0 评论 -
慕课PDF下载扩展--再也不用担心慕课不给PDF了
MOOC PDF Searcher1. 前言要期末了,有些同学想要下载慕课上的PDF呀,但是网页却不给下载,但是其实在网页的链接上是有这个PDF链接的,如下所以可以利用这个链接进行下载,这也是该项目的原理2.使用方法下载该文档文件进入谷歌扩展中心(chrome://extensions/)打开开发者选项,加载文件包启动扩展双击PDF上面的 bar,可...原创 2019-12-14 07:50:07 · 5949 阅读 · 0 评论 -
小战 JS
JS文件// 网页加载完成之后才会执行window.onload 对应的函数window.onload = function () { function getdate() { showtime = document.getElementById("time") var date = new Date() year = date.getF...原创 2019-11-05 22:08:39 · 90 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'style' of null
<!DOCTYPE html><html><head> <script src="./test.js"></script> <title>Test</title></head><body> <div> <button oncli...原创 2019-11-03 18:59:04 · 1563 阅读 · 0 评论 -
== $0
在浏览器中,我们时常会发现,在某些代码的后面会存在着——"== $0", 其实,这个并不是我们代码的错误所导致的,而是浏览器自身在实现交互原创 2019-06-23 09:42:46 · 2741 阅读 · 0 评论