1 Hello Hongbin

尚未进行身份认证

有余力,则学文

等级
TA的排名 6w+

将页面变成灰白色

只要在浏览器控制台输出document.querySelector('html').style.filter = 'grayscale(100%)'就可以将页面变成灰白色,也可以调制别的filter属性的值

2020-04-05 11:40:02

uni-app使用swiper切换页面每个滑块高度自适应

做音乐播放器小程序时,因为swiper的问题耽误不少时间,总结写目前遇到的问题1,swiper不给他设置高度有个默认高度,当轮播图使用正好,但是用来做切换每个页面时,每个页面的显示区域(高度)都变成了swiper的高度能显示的区域,这时就要给swiper设置高度,发现设置max-height不起作用,设置min-height和height效果都一样,就是给swiper一个固定的高度,但是,现在每...

2020-04-03 18:31:34

Vue实现计算器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,in...

2020-03-30 20:47:35

防止恶意XSS攻击

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>XSS</title> <style type="text/css"> button { display: block; border-radius: 5%;...

2020-03-29 15:33:54

css酷炫涟漪特效animation

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>02</title> <style type="text/css"> * { padding: 0; margin: 0; box-sizing: b...

2020-03-26 19:59:23

数组方法合集

这里一共有27个数组的方法 //Array.prototype.flat(),将数组中所有元素及其子元素整理到一个新数组中,参数决定整理子元素的“深度”,默认是1,仅一级子元素 var arr = [1,2,[3,4,[5,[6]]]];//1, 2, Array(3) var flat = arr.flat(3);//[1,2,3,4,5,6] //flat会移除数组中的...

2020-03-25 21:42:36

浏览器请求服务器向数据库中添加数据

浏览器发送axios请求,服务器接收后控制数据库进行增删改查浏览器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp...

2020-03-24 09:22:03

数据库的使用以及服务器读取数据库中信息

MySQL免费,中小网站性能棒缺点:集群,容灾稍微弱谢Oracle缺点:贵Server端:数据存在Client端:管理工具,Node,Navicat(数据库管理工具)安装MySQL数据库两种单位1,库:文件夹-用来管理,本身没法存数据2,表:文件-存数据的字段-列行-一条数据主键 :唯一标识符 唯一,性能高数据库的语言-SQL四大基本语句--...

2020-03-22 12:06:57

原生js键盘事件鼠标事件默认事件实现变色龙

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>变色龙</title> <style type="text/css"> .box { position: ab...

2020-03-21 19:32:31

获取用户form表单提交的文件,保存到本地

用户form表单往服务器上传数据,都是post方法,express解析post请求数据的中间件有body-parser和multerbody-parser解析用户注册的账号信息,无法解析上传的文件multer解析用户post提交的文件multer使用要引用后要创建一个multer对象里面放文件上传的存放地址,然后才是服务器请求时解析:获取解析信息用req.files方法,const ...

2020-03-21 17:42:53

express框架cookie和session

使用express设置读取cookiecookie,sessioncookie:在浏览器中保存一些数据,服务器每次请求的时候都会带着这些信息不安全 浏览器中可改 ,大小有限 4ksession:保存数据->保存在服务器端,弥补cookie的不足安全 ,随便存,服务器多大它多大session“不能独立存在,基于cookie实现的cookie中有一个session的ID,服务器...

2020-03-21 10:37:09

node写一个自己的中间件

实现一个body-parser解析post数据的功能,主要用到的就是利用server.use(function(){}),对每一条上传的数据进行处理,来实现,另外就是req的操作会保留,以此来实现调用req.body获取数据,还有就是use的链式操作const express = require('express');const querystring = require('querystri...

2020-03-20 21:09:05

利用express搭建简易服务器实现登陆注册检测

express是node的一个轻量级框架,有关他叫非侵入式,因为express保存了原生node的方法,又添加了一些简单的方法原生的req.write发送一个json数据十分不方便要一个引号一个引号的括起来express提供了一个方法叫req.send可以在里面直接写不需要重重冒号,express还有一亮点就是使用中间件,比如读取文件可以使用express-static将要访问的文件的文件夹...

2020-03-20 16:53:08

自定义模块和上传npm包

模块化系统提供一些模块:http https url querystring fs-(File System) Events(事件) Crypto(加密) Net os(操作系统信息) Path(专门处理路径类似url功能) Readline(读取一行) Stream (流操作–读一点发一点高效方便相比readFile) readFile(读文件-都读完在发送低效) Timers(定时器) S...

2020-03-20 11:46:46

node搭建简易服务器

简易的服务器主要实现功能:登录和注册实现思路:服务器用一个对象存储浏览器发来的数据,即用户注册的账号信息;发来的信息分别是用户名和密码,将用户名作为这个对象的一个属性,将密码当做这个属性的值。形成“user”:“pas”s这样的一对键值对,用户提交信息,就存到这里。检测用户名是否已存在,就是检索存储信息的对象中是否由新传来的用户名的属性,有就是已经注册过了,没有就添加到对象中作为一个新属性...

2020-03-19 18:24:55

服务器解析get和post请求

服务器接受表单提交的内容,解析get和post请求<form action="http://localhost:8080" method="get"><!--<form action="http://localhost:8080/index.html" method="post">--> <label> <input...

2020-03-18 20:42:16

服务器响应请求以及文件读写

request 请求response 响应createServer创建一个服务器,里面一个回调函数,两个参数分别是请求信息和响应信息如果服务器被访问,判断请求的url,根据url选择不同响应write()用于响应在浏览器的请求页面上的一document.write()段信息,类似document.write();end()用于结束响应const http = require('http...

2020-03-18 13:54:49

疫情问卷调查程序-数据上传服务器,并返回数据

服务器端Node代码const express = require('express')const bodyParser = require('body-parser')const app = express()app.use(bodyParser.json())// 处理POST请求app.post('/', (req, res) => { console.log(r...

2020-03-17 21:52:33

面向对象写Tab栏切换

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } .container...

2020-03-16 10:15:32

css样式设置方框右上角小图标

.rem_icon { position: absolute; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #000000; border...

2020-03-15 21:00:27

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    参与《原力计划【第二季】— 学习力挑战》获得推荐的原创文章的博主