![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
桃心雨
这个作者很懒,什么都没留下…
展开
-
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 · 172 阅读 · 0 评论 -
解决Chrome打印宋体不支持加粗效果
解决Chrome打印宋体不支持加粗效果在emr病历打印中(病历页面设置默认字体为宋体),使用window.print()进行前端网页打印,会发现Chrome的网页打印预览中是不支持字体加粗效果的,虽然页面效果上用font-weight是有效果的,但是就是那么神奇,打印出来就不行(具体什么原因还不知道)。两个比较可靠的解决方案:① 换用其他宋体字体(如华文宋体)* { font-family: STSong; }② 就是利用文字阴影。strong{ text-shadow:0原创 2022-04-14 11:01:48 · 1987 阅读 · 0 评论 -
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 · 2240 阅读 · 0 评论 -
使用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 · 281 阅读 · 0 评论 -
使用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 · 1258 阅读 · 0 评论 -
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 · 556 阅读 · 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 · 118 阅读 · 0 评论 -
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 · 215 阅读 · 0 评论 -
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 · 660 阅读 · 0 评论 -
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 · 132 阅读 · 0 评论 -
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 · 85 阅读 · 0 评论 -
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 · 255 阅读 · 0 评论