桃心雨-CSDN博客

原创 react getSnapshotBeforeUpdate 的应用（新闻滚动）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti

2022-04-21 15:55:53 185

原创解决Chrome打印宋体不支持加粗效果

解决Chrome打印宋体不支持加粗效果在emr病历打印中（病历页面设置默认字体为宋体），使用window.print()进行前端网页打印，会发现Chrome的网页打印预览中是不支持字体加粗效果的，虽然页面效果上用font-weight是有效果的，但是就是那么神奇，打印出来就不行（具体什么原因还不知道）。两个比较可靠的解决方案：① 换用其他宋体字体（如华文宋体）* { font-family: STSong; }② 就是利用文字阴影。strong{ text-shadow:0

2022-04-14 11:01:48 2132

原创 node.js连接数据库写接口

//初始化npm init//安装依赖npm install body-parser express mysql cors -S 引入路由，把页面拆分开：connect.jsconst mysql = require('mysql')const express = require('express')const app = express()const router = express.Router();// 解析参数const bodyParser = require('body

2022-03-15 14:49:44 2282

原创使用node.js完成一个完整的项目（服务器+连接数据库增删改查）（二）【使用express框架优化代码，使用formidable，cookie-session第三方框架实现图片文件上传和登录】

html文件需要放到views文件夹下img文件，css文件需要放到publi文件夹下http.jsconst express = require('express');const yewu = require('./yewu');const app = express();var cs = require('cookie-session');// 使用s-c模块// 使用第三方中间件app.use(cs({ // cookie 的名字键 name:'sessionId',

2020-09-30 14:03:04 312

原创使用node.js完成一个完整的项目（服务器+连接数据库增删改查）（一）

效果图http.js// 服务器启动模块var http = require('http');var luyou = require('./luyou');// 创建服务var server = http.createServer();// 调用luyou模块中的binds方法,设置监听事件luyou.binds(server);// 设置服务器的监听端口server.listen(8080,function(){ console.log('请访问 127.0.0.1:80

2020-09-28 14:10:26 1288

原创 JavaScript 入门小案例

// var year = prompt('请输入您的出生年份'); // var age = 2020-year; // var str = '您今年已经'+ age +'岁了' // alert(str) ; // var a = prompt('请输入第一个值') // var b = prompt('请输入第二个值') // var sum = parseFloat...

2020-09-11 15:45:57 616 1

原创 css高级技巧

精灵图的使用用切片工具选取区域，左下角有区域的长宽和x轴y轴坐标<style> .box1 { width: 60px; height: 60px; margin: 100px auto; background: url(images/jingling.png) no-repeat -182px 0; } .box2 {

2020-08-05 22:55:01 134

原创 css遮罩层的使用

效果图 .mask { /* 隐藏遮罩层 */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) url(images/arr.png) no-

2020-08-04 17:34:58 239

原创 ccss案例：学成在线网站，浮动和定位的运用

效果图。。。。css* { margin: 0; padding: 0;}li { list-style: none;}a { text-decoration: none;}.w { width: 1200px; margin: auto;}body { background-color: #f3f5f7;}.clearfix:after { content: ""; display: block;

2020-08-03 22:03:56 693

原创 css网页通用布局2（直接调用）

css网页通用布局2效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>布局2 </title> <style> *{

2020-07-27 20:33:05 144

原创 css清除浮动

css清除浮动1.父级after伪元素法<style> .clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ /* IE6、7专有 */ *zoom: 1;

2020-07-27 20:13:28 95

原创 css网页通用布局1（直接调用）

**css网页通用布局1**效果图。。。。<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>* { box-sizing: border-box;} body { font-family: Arial; padding: 10px; backgroun

2020-07-27 17:38:14 272

qq_44324230的博客