i云笔记介绍

i云笔记内涵资源: 编程思路笔记，源码分享，思路解答分享，封装函数分享，演示Demo等内容。上传笔记可长期保存，笔记内容可进行加粗，居中，标记等功能，笔记可置顶不同的等级，将重要的笔记内容放前面。笔记内容可进行加密，加密后不展示在首页，内容只能被自己查看！有问题可联系QQ3399769530 或微信cm1598421 添加时备注来意网站已运行 {DAY_COUNT} 天已有笔记 {CONTENT_COUNT} 篇

i云笔记工具箱

进制转换器 http://notei.cn/tool/tool_hex.html MD5加密工具 http://notei.cn/tool/tool_md5.html Base64加解密 http://notei.cn/tool/tool_base64.html Aes加解密工具 http://notei.cn/tool/tool_Aes.html 前端学习软件 http://h5.notei.cn

html字体代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Custom Font Example</title> <style> /* 使用@font-face规则定义字体 */ @font-face { font-family: 'AkalTun'; /* 定义一个字体名 */ src: url('https://akaltun.cn/1/akaltun.ttf') format('truetype'); /* 指定字体文件和格式 */ } /* 应用自定义字体到body，也可以应用到其他元素 */ body { font-family: 'AkalTun', sans-serif; /* 将字体应用到body，如果字体加载失败则回退到sans-serif */ } </style> </head> <body> <div id="container"> <h1>欢迎来到我的网站ئۇيغۇرچە</h1> <p>这里是使用自定义字体的文本。</p>  </div> </body> </html>

Mysql外链约束规则

Java MVC三层架构笔记

java的mvc三层架构分别是： View(界面层),Service(业务逻辑层),DAO(数据访问层) V：View 网页视图，为用户提供能够看到并且使用的界面，与用户直接进行交互。 M：Model，业务模型，处理业务 C：Controller，控制器，处理请求，调用模型和视图 dao层负责对数据进行直接操控，最底层 service层负责对传递过来的参数验证，以及其他逻辑验证操作。验证完毕访问dao层进行数据操控 servlet层负责接收参数，然后调用service层进行处理三个层分工合作，有利于后期的功能维护，那层出了问题就去处理哪层

淘宝导航html5

<!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</title> <style> * { padding: 0; margin: 0; } li { list-style-type: none; } a { text-decoration: none; } .nav-box { width: 980px; height: 90px; margin: 20px auto; display: flex; align-items: center; } .right { flex: 1; margin-left: 20px; } .right-top-tag li { display: inline-block; font-size: 12px; border-radius: 3px 3px 0 0; overflow: hidden; } .right-top-tag li a { color: #666; padding: 5px 15px; display: inline-block; } .right-search { margin-top: -4px; display: flex; } .right-search input { border: 3px solid #F37B03; width: 100%; height: 27px; background: url("./images/tb/search.jpg") no-repeat 10px; flex: 1; outline: none; padding-left: 30px; color: #666; } .right-search .button { flex-shrink: 1; width: 133px; height: 33px; background: url("images/tb/button.jpg") no-repeat; border: none; } .right-search .tip { height: 33px; } .right-search .tip p { line-height: 16px; font-size: 12px; margin-left: 10px; color: #666; } .right-title-nav ul li { display: inline-block; margin-top: 6px; } .right-title-nav ul li a { color: #555; font-size: 12px; margin-right: 12px; } </style> </head> <body> <div class="nav-box"> <div class="left"> <img src="./images/tb/logo.jpg" alt=""> </div> <div class="right"> <div class="right-top-tag"> <ul> <li style="background-color: #F37B03;"><a style="color: #fff;" href="#"> 宝贝 </a></li> <li><a href="#"> 天猫<span style="color: #f79a3d;">(淘宝商城)</span> </a></li> <li><a href="#"> 店铺 </a></li> </ul> </div> <div class="right-search"> <input type="text"> <button class="button"></button> <div class="tip"> <p>高级搜索</p> <p>使用帮助</p> </div> </div> <div class="right-title-nav"> <ul> <li> <a href="#">长裙</a> </li> <li> <a href="#">时尚包包</a> </li> <li> <a href="#">新款连衣裙</a> </li> <li> <a href="#">中老年夏服</a> </li> <li> <a href="#">新款连衣裙</a> </li> <li> <a href="#">中老年夏服</a> </li> <li> <a href="#">更多>></a> </li> </ul> </div> </div> </div> </body> </html>

网页设计

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title> <style> * { padding: 0; margin: 0; } div { box-sizing: border-box; color: #DE8786; } .mainbox { width: 980px; margin: 0 auto; } .nav { background-color: #FE9AB5; } .nav .item { display: inline-block; line-height: 46px; padding: 0 30px; color: #fff; } .banner { text-align: center; } .frombox { background: url("./images/content_bg.jpg"); padding: 0 180px; } .step { padding: 10px 0; } .step .tip { font-size: 20px; line-height: 42px; float: left; } .userinfo .title { border-bottom: 1px solid #FE9AB5; line-height: 42px; margin-bottom: 10px; } input { border: 1px solid #FE9AB5; } .tableinput { padding: 5px 30px; } .tableinput tr { margin: 10px 0; } .tableinput .info { width: 220px; height: 22px; } .tableinput tr .titles { text-align: right; } .tableinput select { width: 168px; border-color: #FE9AB5; color: #FE9AB5; } </style> </head> <body> <div class="content"> <div class="logo mainbox"> <img src="./images/logo.jpg" alt=""> </div> <div class="nav"> <ul class="mainbox"> <li class="item">首页</li> <li class="item">会员</li> <li class="item">活动</li> <li class="item">直播</li> <li class="item">视频</li> <li class="item" style="background-color: #FE9AB5;">注册</li> </ul> </div> <div class="banner"> <img src="./images/banner.jpg" alt=""> </div> <div class="frombox mainbox"> <div class="step"> <span class="tip">注册步骤：</span> <img src="./images/step.jpg" alt=""> </div> <div class="userinfo"> <p class="title">您的账号信息：</p> <table class="tableinput"> <tr> <td class="titles">注册方式：</td> <td><input type="radio"> E-main注册 <input type="radio"> 手机号码注册</td> </tr> <tr> <td>注册邮箱：</td> <td><input class="info" type="email"></td> </tr> <tr> <td class="titles">注册手机：</td> <td><input class="info" type="email"></td> </tr> <tr> <td class="titles">登录密码：</td> <td><input class="info" type="email"></td> </tr> <tr> <td class="titles">昵称：</td> <td><input class="info" type="email"></td> </tr> </table> </div> <div class="userinfo"> <p class="title">您的个人信息：</p> <table class="tableinput"> <tr> <td class="titles">性别：</td> <td><input type="radio"> 男 <input type="radio"> 女</td> </tr> <tr> <td class="titles">学历：</td> <td><select> <option value="初中">初中</option> <option value="高中">高中</option> <option value="大专">大专</option> <option value="本科">本科</option> </select></td> </tr> <tr> <td class="titles">所在城市：</td> <td><select> <option value="北京">北京</option> <option value="江西">江西</option> <option value="四川">四川</option> </select></td> </tr> </table> </div> </div> </div> </body> </html>

网页设计表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title> <style> body { background-color: #EBEBEB; } .content { background: url("images/form_bg.jpg"); width: 1430px; height: 717px; margin: 0 auto; position: relative; } .frombox { width: 700px; height: 540px; position: absolute; top: 160px; left: 700px; } .title { text-align: center; font-size: 24px; } .line { padding: 7px 0; font-size: 15px; } .line input { height: 26px; width: 220px; } .line .tip { text-align: right; display: inline-block; width: 90px; } .line.color input { width: 120px; } .line.btn input { background-color: #93B518; color: #fff; width: 120px; height: 36px; border: 0; margin: 15px 28px; } </style> </head> <body> <div class="content"> <div class="frombox"> <h1 class="title">传智学员信息登记表</h1> <form action="" method="GET"> <div class="line"> <label class="tip">用户登录名：</label> <input type="text" name="username" value="mymail@163.com" readonly="readonly" disabled="disabled"> <label>(不能修改，只能查看)</label> </div> <div class="line"> <label class="tip">真实姓名：</label> <input type="text" name="name" placeholder="例如：王鹏" required pattern="^[\u4e00-\u9fa5]+$"> <label>(必须填写，只能输入汉字)</label> </div> <div class="line"> <label class="tip">真实年龄：</label> <input type="number" name="age" min="0" max="100" value="24" required placeholder="16-100"> <label>(必须填写)</label> </div> <div class="line"> <label class="tip">出生日期：</label> <input type="date" name="date" required> <label>(必须填写)</label> </div> <div class="line"> <label class="tip">电子邮箱：</label> <input type="email" name="email" placeholder="123456@qq.com" required> <label>(必须填写)</label> </div> <div class="line"> <label class="tip">身份证号：</label> <input type="text" name="idcard" required pattern="^[0-9]{17}[0-9Xx]$"> <label>(必须填写，能够以数字，字母x结尾的短身份证号)</label> </div> <div class="line"> <label class="tip">手机号码：</label> <input type="tel" name="tel" required> <label>(必须填写)</label> </div> <div class="line"> <label class="tip">个人主页：</label> <input type="url" name="myurl" placeholder="http://bk.notei.cn"> <label>(请选择网址)</label> </div> <div class="line color"> <label class="tip">幸运颜色：</label> <input type="color" name="luckcolor" value="#E2D546"> <label>(请选择你喜欢的颜色)</label> </div> <div class="line btn"> <input type="submit" value="提交"> <input type="reset" value="重置"> </div> </form> </div> </div> </body> </html>

class21网页设计期中考试

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title> <style> * { margin: 0; padding: 0; } div { box-sizing: border-box; } body { background-color: #FFF9ED; } a { text-decoration: none; color: #333; } li { list-style-type: none; } .content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .container { width: 980px; margin: 0 auto; height: 100px; } .nav { background: url("images/head_bg.jpg") repeat-x; height: 128px; width: 100%; } .nav li { float: left; } .nav .item a { display: inline-block; width: 120px; height: 128px; line-height: 64px; text-align: center; color: #fff; margin: 0 5px; font-size: 17px; } .nav .item a:hover { background: url("images/xuanfu.png") no-repeat; } .banner img { width: 100%; } .borbox { background-color: #EC6E47; padding: 10px 30px; height: auto; } .borbox ul { width: 100%; display: flex; padding: 10px; background-color: #fff; } .borbox ul li { flex: 1 0 0; height: 100%; margin: 0 3px; } .borbox ul li .flexbox { display: flex; } .borbox ul li div { background-color: #242424; color: #fff; } .borbox ul li .top { margin-bottom: 8px; } .borbox ul li .name { text-align: center; flex: 1 0 0; } .borbox ul .left .top .name { line-height: 169px; } .borbox ul .left .bottom .name { line-height: 137px; } .borbox ul .center .top { height: 117px; line-height: 117px; } .borbox ul .center .bottom { height: 189px; line-height: 189px; } .borbox ul .right .top { height: 313px; line-height: 313px; } .morebox { margin-top: 50px; text-align: left; height: auto; } .morebox>.title { display: inline-block; background-color: #EC6E47; color: #fff; padding: 10px 20px; font-size: 16px; font-weight: normal; } .morebox .list { display: flex; gap: 8px; background-color: #fff; padding: 10px; border: 1px solid #ccc; } .morebox .list li { flex: 1 0 0; border: 1px solid #ccc; padding-bottom: 15px; } .morebox .list li img { width: 100%; border-bottom: 1px solid #ccc; } .morebox .list li .title { text-align: center; width: 100%; color: #666; padding: 10px 0; font-size: 18px; } .morebox .list li .buybox { width: 80%; margin: 0 auto; background: url("./images/gouwu.jpg") no-repeat; background-color: #EC6E47; color: #fff; padding-left: 56px; height: 36px; line-height: 36px; } .footer { background-color: #111; width: 100%; color: #fff; padding: 50px 0; text-align: center; font-size: 14px; line-height: 29px; } </style> </head> <body> <div class="content"> <div class="nav"> <ul class="container"> <li><img src="./images/logo.png" alt="logo"></li> <li class="item"><a href="#">穿搭速递</a></li> <li class="item"><a href="#">时尚大片</a></li> <li class="item"><a href="#">星着装</a></li> <li class="item"><a href="#">时尚园</a></li> <li class="item"><a href="#">时尚专栏</a></li> <li class="item"><a href="#">会员/登录</a></li> </ul> </div> <div class="banner"> <img src="./images/banner.jpg" alt=""> </div> <div class="borbox container"> <ul> <li class="left"> <div class="top flexbox"> <img src="./images/pic01.jpg" alt=""> <p class="name">明星时尚</p> </div> <div class="bottom flexbox"> <img src="./images/pic02.jpg" alt=""> <p class="name">明星时尚</p> </div> </li> <li class="center"> <div class="top flexbox"> <img src="./images/pic03.jpg" alt=""> <p class="name">明星时尚</p> </div> <div class="bottom flexbox"> <img src="./images/pic04.jpg" alt=""> <p class="name">明星时尚</p> </div> </li> <li class="right"> <div class="top flexbox"> <img src="./images/pic05.jpg" alt=""> <p class="name">明星时尚</p> </div> </li> </ul> </div> <div class="morebox container"> <h2 class="title">潮流前沿/Tadil current</h2> <ul class="list"> <li> <img src="./images/match01.jpg" alt=""> <p class="title">潮流饰品</p> <div class="buybox"> 快速购买通道 </div> </li> <li> <img src="./images/match02.jpg" alt=""> <p class="title">潮流饰品</p> <div class="buybox"> 快速购买通道 </div> </li> <li> <img src="./images/match03.jpg" alt=""> <p class="title">潮流饰品</p> <div class="buybox"> 快速购买通道 </div> </li> <li> <img src="./images/match04.jpg" alt=""> <p class="title">潮流饰品</p> <div class="buybox"> 快速购买通道 </div> </li> </ul> </div> <div class="footer"> <p> All right reseved©2006-2016 CHAOUUFUSHI.com, All right reseved</p> <p>2021-2018, 版权所有潮流服饰 85CP备案13385453</p> </div> </div> </body> </html>

网页设计class17

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { padding: 0; margin: 0; } li { list-style: none; } div { box-sizing: border-box; } .min-content { width: 980px; margin: 0 auto; } .content { width: 1280px; margin: 0 auto; } .header { height: 120px; line-height: 120px; background: #fff; } .header .logo { float: left; height: 80px; margin-top: 20px; } .header .goto { float: right; color: #666; } .header .goto a { color: #666; text-decoration: none; } .navbox { height: 60px; background: #404042; line-height: 60px; color: #fff; font-size: 18px; } .navbox ul li { padding: 0 42px; float: left; } .navbox ul li:hover { background-color: #DA5454; } .banner img { width: 100%; } .function ul { display: flex; } .function ul li { padding: 34px 0; flex: 1 0 0; border: 1px solid #ddd; border-top: 0; border-spacing: 0; } .function .item img { height: 50px; margin: 0 15px 0 28px; float: left; } .function .item .info .title { font-size: 17px; } .function .item .info .subtitle { font-size: 14px; color: #666; } .demobox,.newsbox { margin-top: 10px; } .demobox ul .item { float: left; margin: 3px 8px; } .demobox .title,.newsbox .title { line-height: 56px; border-bottom: 1px solid #ddd; margin-bottom: 10px; color: #222; font-size: 18px; } .newsbox .itemtitle { font-size: 15px; color: #444; } .newsbox>ul { display: flex; gap: 15px; } .newsbox>ul .listbox { flex: 1 0 0; border: 1px solid #ddd; padding: 25px 20px; } .newsbox>ul .listbox .itemtitle { margin-bottom: 5px; } .newsbox>ul .listbox ul .item { border-bottom: 1px solid #ddd; padding: 20px 0; } .newsbox>ul .listbox ul .item img { float: left; margin-right: 15px; } .newsbox>ul .listbox ul .item .infotitle { font-size: 16px; color: #222; } .newsbox>ul .listbox ul .item .subtitle { font-size: 13px; color: #aaa; } .footer { padding: 46px; margin-top: 20px; background-color: #111; text-align: center; color: #fff; line-height: 36px; font-size: 15px; } </style> </head> <body> <div class="content"> <div class="min-content"> <div class="header"> <img class="logo" src="./images/logo.png" alt="logo"> <div class="goto"> <a href="#">登录</a> | <a href="#">注册</a> </div> </div> </div> <div class="navbox"> <div class="min-content"> <ul> <li class="item">首页</li> <li class="item">设计案例</li> <li class="item">装修图库</li> <li class="item">有问必答</li> <li class="item">逛商品</li> </ul> </div> </div> <div class="banner"> <img src="./images/banner.jpg" alt="banner"> </div> <div class="function min-content"> <ul> <li class="item"> <img src="./images/pic01.jpg" alt=""> <div class="info"> <p class="title">浏览真实设计案例</p> <p class="subtitle">设计师原创作品</p> </div> </li> <li class="item"> <img src="./images/pic02.jpg" alt=""> <div class="info"> <p class="title">浏览真实设计案例</p> <p class="subtitle">设计师原创作品</p> </div> </li> <li class="item"> <img src="./images/pic03.jpg" alt=""> <div class="info"> <p class="title">浏览真实设计案例</p> <p class="subtitle">设计师原创作品</p> </div> </li> <li class="item"> <img src="./images/pic04.jpg" alt=""> <div class="info"> <p class="title">浏览真实设计案例</p> <p class="subtitle">设计师原创作品</p> </div> </li> </ul> </div> <div class="demobox min-content"> <h4 class="title">设计案例</h4> <ul> <li class="item"> <img src="./images/pic05.jpg" alt=""> </li> <li class="item"> <img src="./images/pic06.jpg" alt=""> </li> <li class="item"> <img src="./images/pic07.jpg" alt=""> </li> <li class="item"> <img src="./images/pic08.jpg" alt=""> </li> <li class="item"> <img src="./images/pic09.jpg" alt=""> </li> <li class="item"> <img src="./images/pic10.jpg" alt=""> </li> </ul> </div> <div class="newsbox min-content"> <h4 class="title">最新动态</h4> <ul> <li class="listbox"> <h3 class="itemtitle">有问必答</h3> <ul class=""> <li class="item"> <img src="./images/pic01.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> <li class="item"> <img src="./images/pic02.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> <li class="item"> <img src="./images/pic03.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> </ul> </li> <li class="listbox"> <h3 class="itemtitle">发布需求</h3> <ul class=""> <li class="item"> <img src="./images/pic04.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> <li class="item"> <img src="./images/pic05.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> <li class="item"> <img src="./images/pic06.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> </ul> </li> <li class="listbox"> <h3 class="itemtitle">预约设计师</h3> <ul class=""> <li class="item"> <img src="./images/pic06.png" alt=""> <div class="info"> <p class="infotitle">家具用品哪个品牌好</p> <p class="subtitle">回答：谢美家居用品很多错...</p> </div> </li> <li class="item"> <img src="./images/pic07.png" alt=""> <div class="info"> <p class="infotitle">厨房在哪个方位风水好</p> <p class="subtitle">回答：看风水要结合...</p> </div> </li> <li class="item"> <img src="./images/pic08.png" alt=""> <div class="info"> <p class="infotitle">卧室多大比较合适</p> <p class="subtitle">回答：一般卧室的大小...</p> </div> </li> </ul> </li> </ul> </div> </div> <div class="footer"> <p>关于我们 | 联系我们 | 意见建议 | 帮助中心 | 使用条款</p> <p>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。</p> </div> </body> </html>

网页设计class16 demo1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document1</title> <style> * { padding: 0; margin: 0; } li { list-style: none; } a { color: #666; text-decoration: none; } .content { width: 1280px; margin: 0 auto; } .nav { height: 600px; background: url("images/bg.png") center; background-size: cover; } .navlist { padding: 30px 60px; box-sizing: border-box; text-align: center; } .navlist ul li { float: left; line-height: 60px; padding: 0 50px; font-size: 16px; } .seach { position: relative; width: 128px; height: 36px; margin-top: 12px; } .seach img { height: 16px; position: absolute; top: calc(50% - 8px); left: 10px; z-index: 10; } .seach .input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: none; border-radius: 18px; font-size: 12px; padding-left: 32px; box-sizing: border-box; outline: none; color: #666 } .hot { text-align: center; margin-top: 20px; } .hotlist { margin-top: 20px; text-align: left; padding: 0 60px; box-sizing: border-box; } .hotlist .item .img img { width: 100%; } .hotlist .item .title { padding: 10px; box-sizing: border-box; font-weight: bold; font-size: 18px; color: #333; border-bottom: 1px solid #ddd; } .hotlist .item .info { padding: 10px; padding-bottom: 30px; color: #bbb; box-sizing: border-box; } .hotlist { display: flex; gap: 80px; } .bottomimage img { width: 100%; } .life { background-color: #E1EBF2; margin-top: 50px; text-align: center; padding: 30px 0; } .life ul { text-align: center; } .life ul li { display: inline-block; margin: 20px 20px; } .footer { height: 80px; background: url("images/footer_bg.jpg"); color: #fff; text-align: center; line-height: 80px; margin-top: 50px; } </style> </head> <body> <div class="content"> <div class="nav"> <div class="navlist"> <ul> <li> <img class="logo" src="./images/logo.png" alt=""> </li> <li><a href="#">网站首页</a></li> <li><a href="#">床和床垫</a></li> <li><a href="#">卧室纺织品</a></li> <li><a href="#">灯具照明</a></li> <li class="seach"> <img src="./images/f.png" alt=""> <input class="input" type="text" placeholder="输入商品名称"> <li> </ul> </div> </div> <div class="hot"> <img src="./images/dongtai.jpg" alt=""> <ul class="hotlist"> <li class="item"> <dt class="box"> <dd class="img"> <img src="./images/news1.jpg" alt=""> </dd> <dd class="title">BEST贝达</dd> <dd class="info">将杂乱无章的物品收纳到视线之外，在我怕门后要展示台的心爱之物！</dd> <dd class="bottomimage"><img src="./images/yinying.jpg" alt=""></dd> </dt> </li> <li class="item"> <dt class="box"> <dd class="img"> <img src="./images/news2.jpg" alt=""> </dd> <dd class="title">BEST贝达</dd> <dd class="info">将杂乱无章的物品收纳到视线之外，在我怕门后要展示台的心爱之物！</dd> <dd class="bottomimage"><img src="./images/yinying.jpg" alt=""></dd> </dt> </li> <li class="item"> <dt class="box"> <dd class="img"> <img src="./images/news3.jpg" alt=""> </dd> <dd class="title">BEST贝达</dd> <dd class="info">将杂乱无章的物品收纳到视线之外，在我怕门后要展示台的心爱之物！</dd> <dd class="bottomimage"><img src="./images/yinying.jpg" alt=""></dd> </dt> </li> </ul> </div> <div class="life"> <img src="./images/shenghuo.png" alt=""> <ul> <li><img src="./images/img1.jpg" alt=""></li> <li><img src="./images/img2.jpg" alt=""></li> <li><img src="./images/img3.jpg" alt=""></li> </ul> </div> </div> <div class="footer"> 爱家居版权所有2016-2026京ICP备222222222号京公网安备2222222222222 </div> </body> </html>

网页设计class14-2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document2</title> <style> * { margin: 0; padding: 0; } li { list-style: none; } .main { width: 980px; margin: 0 auto; } .top { background: url("images/logo.jpg") no-repeat; background-position: 50px; height: 56px; line-height: 56px; margin-top: 10px; } .top .user { float: right; margin-right: 50px; } .top .user a { color: #FF9C00; text-decoration: none; } .nav { background-color: #FF9C00; height: 46px; margin-top: 10px; text-align: center; line-height: 46px; font-size: 16px; } .navlist li { display: inline-block; height: 100%; } .navlist li a { height: 100%; padding: 0 25px; color: #B55F23; text-decoration: none; display: inline-block; } .navlist li a:hover { background-color: #fca76a; } .banner { height: 432px; background: url("./images/banner.jpg") no-repeat center; background-size: cover; } .infobox { height: 160px; background-color: #E7BF80; } .infobox ul { text-align: center; } .infobox ul li { width: 120px; height: 120px; border-radius: 50%; display: inline-block; margin: 0 20px; margin-top: 20px; overflow: hidden; position: relative; } .infobox ul li .icon { width: 120px; position: absolute; left: 0; } .infobox ul li .title { color: #A47167; position: absolute; text-align: center; top: 76px; width: 100%; } .shoplist { background-color: #F8F5BC; padding: 50px 80px; padding-bottom: 60px; } .shoplist ul { display: flex; gap: 20px; flex-wrap: wrap; } .shoplist .item { flex: 20%; background-color: #fff; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; } .shoplist .item img { width: 100%; } .shoplist .item .title,.shoplist .item .price { color: #A47167; margin-top: 5px; } .shoplist .item .name,.shoplist .item .price span { color: #FDA6A0; margin-top: 5px; } .footer { height: 120px; line-height: 120px; text-align: center; color: #fff; background: url("./images/footer.png") repeat-x; margin-top: -10px; } </style> </head> <body> <div class="main"> <div class="top"> <div class="user"> <a href="#">登录 |</a> <a href="#">注册</a> </div> </div> <div class="nav"> <ul class="navlist"> <li><a href="#">首页</a></li> <li><a href="#">公司简介</a></li> <li><a href="#">美食甜品</a></li> <li><a href="#">用户留言</a></li> <li><a href="#">联系我们</a></li> </ul> </div> <div class="banner"></div> <div class="infobox"> <ul> <li> <img class="icon" src="./images/list1.png" alt=""> <p class="title">提拉米苏</p> </li> <li> <img class="icon" src="./images/list2.png" alt=""> <p class="title">甜甜圈</p> </li> <li> <img class="icon" src="./images/list3.png" alt=""> <p class="title">芝士蛋糕</p> </li> <li> <img class="icon" src="./images/list4.png" alt=""> <p class="title">马卡龙</p> </li> <li> <img class="icon" src="./images/list5.png" alt=""> <p class="title">西式甜点</p> </li> </ul> </div> <div class="shoplist"> <ul> <li class="item"> <img src="./images/con1.jpg" alt=""> <p class="title">爱的N次方</p> <p class="name">马卡龙</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con2.jpg" alt=""> <p class="title">果肉果冻</p> <p class="name">双色马卡龙</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con3.jpg" alt=""> <p class="title">芒果味</p> <p class="name">补丁马卡龙</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con4.jpg" alt=""> <p class="title">果冻荔枝味</p> <p class="name">多彩马卡龙</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con5.jpg" alt=""> <p class="title">果冻巧克力</p> <p class="name">西式甜点</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con6.jpg" alt=""> <p class="title">流动水果</p> <p class="name">提拉米苏</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con7.jpg" alt=""> <p class="title">玫瑰花型</p> <p class="name">马卡龙</p> <p class="price">价格：<span>30元</span></p> </li> <li class="item"> <img src="./images/con8.jpg" alt=""> <p class="title">木买奶油</p> <p class="name">芝士蛋糕</p> <p class="price">价格：<span>30元</span></p> </li> </ul> </div> <div class="footer"> 西式甜点网版权所有2000-2016京ICP备08001421号京公网安备110108007702 </div> </div> </body> </html>

Python循环课程练习

""" while 7过 i = 1 while i <= 100: i+=1 if i % 7 == 0 or i % 10 == 7: print("过") else: print(i) """ """ for 过 for i in range(1,101): if i % 7 == 0 or i % 10 == 7: print("过") else: print(i) """ """ while 打印星 i = 0 while i <= 5: j = 0 while j <= i: print("*",end="") j+=1 i+=1 print("\n") """ """ for 打印星 for i in range(6): for j in range(i): print("*",end="") print("\n") """ """ for 计算1-100的和 sum = 0 for i in range(1,101): sum += i print(sum) """ """ for 计算25-100之间偶数结果 sum = 0 for i in range(25,101): if i % 2 == 0: sum += i print(sum) """

C语言基本格式化输出字符

%a 浮点数、十六进制数字和p-记数法（Ｃ９９） %A 浮点数、十六进制数字和p-记法（Ｃ９９） %c 一个字符(char) %C 一个ISO宽字符 %d 有符号十进制整数(int)（%e　浮点数、e-记数法 %E 浮点数、Ｅ-记数法 %f 单精度浮点数(默认float)、十进制记数法（%.nf 这里n表示精确到小数位后n位.十进制计数） %g 根据数值不同自动选择％f或％e． %G 根据数值不同自动选择％f或％e. %i 有符号十进制数（与％d相同） %o 无符号八进制整数 %p 指针 %s 对应字符串char*（%S 对应宽字符串WCAHR*（%u　无符号十进制整数(unsigned int) %x 使用十六进制数字０f的无符号十六进制整数　 %X 使用十六进制数字０f的无符号十六进制整数 %% 打印一个百分号特殊运用: %3d 要求宽度为3位，如果不足3位，在前方自动补空格 %03d 要求宽度为3位，如果不足3位，在前方自动补0 %-3d 要求宽度为3位，如果不足3位，在后方自动补空格 %.2f 小数点保留两位

C语言基础: if语句

讲解if语句之前先讲一下相关的运算符号编程语言基本运算符号有: "<" ">" "==" "<=" ">=" "!=" 等我挨个讲解他们的运算逻辑是怎么个实现的首先是 ">" 运算符他的作用和数学上的大于相同，也是作为两个数的大小进行比较，如3>2，3肯定是大于2的，那么将会返回一个真条件，那如果是2>3，那么将会返回一个假条件，在c语言中，1代表真，0代表假，那么就是3>2返回1，2>3返回0 ">" 运算符和小于是相反的，和数学上面的比较方式类似 "==" 运算符在c语言中代表的是 "=" 打个比方就是1==1，将会返回一个真条件，就是1。如果是1==2那么将会返回0 另外的"<="以及">="同等与数学的大于等于和小于等于。 "!=" 运算符表达的是不等于，也就是1!=1返回0，1!=2将会返回1。上面是运算符------下面是if语句 if语句代表的就是c语言中的条件语句，写法: if(条件) { //条件为真后执行的代码区 } if语句中的条件值得就是上方的运算结果，打个比方: if(10>=9) { //条件为真后执行的代码区 printf("10>=9为真"); } 10>=9因为是正确的，最后会返回1，也就是真条件接下来就是if中的else语句，写法: if(10>=9) { //条件为真后执行的代码区 printf("10>=9为真"); }else{ //条件为假后执行的代码区 printf("10>=9为假"); } else{}花括号中的代码在假条件时会被执行，但是10>=9是真条件，所以else花括号中的代码永远不会被执行那么改成这样: if(10<=9) { //条件为真后执行的代码区 printf("10<=9为真"); }else{ //条件为假后执行的代码区 printf("10<=9为假"); } 因为10并不会小于等于9，所以条件为假，最后会执行的是else花括号中的代码，也就是printf("10<=9为假"); 最后就是else if()语句，这个语句代表的是:如果第一个if()中的条件未满足，那么将继续往下判断else if()中的条件是否为真: if(10<=9) { //条件为真后执行的代码区 printf("10<=9为真"); }else if(10>=9){ //条件为假后执行的代码区 printf("10>=9为真"); } 那么就是先判断10<=9是否未真，如果为真将会直接执行if(){}中的代码，如果为假，就会继续向下面的else if()中的条件进行判断是否为真，如果为真就执行else if()中的内容，如果为假则不执行。当然if，else if以及else都是可以同时使用的: if(10<=9) { //条件为真后执行的代码区 printf("10<=9为真"); }else if(10>=9){ //条件为假后执行的代码区 printf("10>=9为真"); }else{ //上面条件全部为假 printf("上面条件全部为假"); } 这样写法就是当上面的if()以及else if()中的条件全部判断为假后将会执行else{}区块内的代码！ ---最后是一点扩展内容--- c语言中的条件语句最后的结果都是0或者1，1==1最后会返回1，1==2最后会返回0，然而if()中写的条件最后也会变成0或者1。 if(1) { printf("条件为真"); } 那么这样写是不是也能执行呢？答案是可以的我们可以写上两行代码来观测1==1最后返回的结果: int a = (1==1); printf("%d",a); 我这边调试最后打印的结果是1，也就是真条件。所以if()进行逻辑的判断

Java基础:方法定义

Java方法定义格式为: public static void 方法名称(参数){...} 例如: public static void test_fun(){ System.out.println("我的第一个方法"); } 调用方法就是直接 test_fun(); 使用void创建方法是不能使用return来返回结果的想要返回结果需要使用其他类型例如: public static int 方法名称(参数){... return int} 这样的写法就可以返回一个int参数，其他类型也是一样的例子 -------下面讲讲其他语言的方法定义方式------- 首先就说说PHP的方法定义: function 方法名(参数){...} PHP定义方法时不需要定义方法的数据类型，可直接使用return返回各个类型的数据另外就是C语言，定义方式: void 方法名(参数){...} C语言也是和Java类似，也是需要再定义时决定数据类型才可以进行返回相应的数据类型，例如int 方法名(参数){...}这样就可以返回一个int类型的

Pre标签内容自动换行

给予一个css样式即可实现pre自动换行 pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

网页设计class14-1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document1</title> <style> a { color: #333; text-decoration: none; } .box { width: 360px; border: 1px solid #ddd; position: relative; padding: 15px; box-sizing: border-box; } .box a:hover .title { color: #339999; text-decoration: underline; } .box a:active .title { font-size: 30px; text-decoration: underline; } .box a:focus .title { color: pink; } .top_up { position:absolute; left: 0; top: 0; } .adimg { width: 100%; } .title { color: #3e3e3e; font-size: 15px; } .shopinfo { position: relative; height: 100px; } .price { position: absolute; color: rgb(221, 93, 34); font-size: 36px; font-weight: bold; top: 20px; } .priceold { position: absolute; top: 42px; left: 118px; color: #888; font-size: 14px; } .view { position: absolute; right: 0; top: 20px; } .buycount { position: absolute; right: 0; top: 52px; font-size: 13px; } .buycount i { color: red; font-style: normal; } </style> </head> <body> <div class="box"> <a href="#"> <img class="top_up" src="./images/top_tu.gif" alt=""> <img class="adimg" src="./images/adv.jpg" alt=""> <p class="title">【12店通用】领航冰品哈根达斯：冰淇淋双球，口味任选2种，节假通用超链接效果设置</p> <div class="shopinfo"> <span class="price">￥20.8</span> <span class="priceold">原价￥38</span> <img class="view" src="./images/see.jpg" alt=""> <span class="buycount"><i>32</i>人已购买</span> </div> </a> </div> </body> </html>

class11-01

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } .red { color: rgb(168, 26, 26); } .content { width: 420px; margin: 20px auto; } .title-box { background: #F5F5F5; height: 56px; border-top: 3px solid #333; border-bottom: 1px solid #ccc; } .title-box .title { font-weight: normal; float: left; line-height: 56px; padding: 0 10px; box-sizing: border-box; background-color: #fff; border-right: 1px solid #ccc; padding-top: 1px; } .title-box .more { font-weight: normal; float: right; line-height: 56px; margin-right: 10px; color: #666; } .show .showimage { margin-top: 10px; display: flex; justify-self: center; align-items: center; gap: 20px; flex-flow:row wrap } .showimage .imagebox { width: calc(50% - 10px); position: relative; height: 113px; } .imagebox .img { position: absolute; width: 100%; } .imagebox .text { position: absolute; bottom: 0; line-height: 26px; background-color: #444; opacity: 0.7; color: #fff; width: 100%; text-align: center; font-size: 15px; } .showist { margin-top: 10px; } .showist ul li { list-style:square; color: blue; font-size: 14px; margin: auto; list-style-position:inside; } .showist ul li span { color: #333; line-height: 32px; } .dashed { border-top: 1px dashed #ddd; margin: 10px 0; } </style> </head> <body> <div class="content"> <div class="title-box"> <h3 class="title">娱乐热点·时尚热点</h3> <span class="more">更多<b class="red">></b></span> </div> <div class="show"> <div class="showimage"> <div class="imagebox"> <img class="img" src="./images/t3/a1.jpg"> <p class="text">45岁杨钰莹热裤秀美腿</p> </div> <div class="imagebox"> <img class="img" src="./images/t3/a2.jpg"> <p class="text">港姐嘉明秀34D傲人身材</p> </div> </div> <div class="showist"> <ul> <li><span>艾米亚当斯秀酥胸长腿张靓颖棉靴抢镜花花公子比基尼喜庆</span></li> <li><span>热巴长裙仙气足张静初素颜气色佳阿拉蕾卷发撞脸张刺陵</span></li> </ul> </div> <div class="dashed"></div> <div class="showimage"> <div class="imagebox"> <img class="img" src="./images/t3/a3.jpg"> <p class="text">唐嫣郭型大衣散发蜜汁帅气</p> </div> <div class="imagebox"> <img class="img" src="./images/t3/a4.jpg"> <p class="text">真男2心机Girl全靠半永久</p> </div> </div> <div class="showist"> <ul> <li><span>艾米亚当斯秀酥胸长腿张靓颖棉靴抢镜花花公子比基尼喜庆</span></li> <li><span>热巴长裙仙气足张静初素颜气色佳阿拉蕾卷发撞脸张刺陵</span></li> </ul> </div> </div> </div> </body> </html>

Uni-App学习:父子组件传值

在component目录下新建一个子组件然后在父界面使用import绑定子界面: import child from "../../component/child.vue" child 是子组件名，from后面连接组件路径然后使用components绑定组件: components: { child } 父传子参数可以通过标签属性传递: <child :content="content"></child> 子组件接收方法: props: ["content"] 子组件传递参数给父组件: 可以使用this.$emit通过事件的方式传递参数: but:function() { this.$emit("buts",this.putInfo); } buts 父组件接收的事件名， putInfo 是传递的参数父组件通过标签属性的方式得到传递的参数: <child @buts="buts"></child> 夫组件通过buts事件接收约束传递的参数: props: { content:{ type: [Number,String], } } 允许Number类型和String类型

class21网页设计期中考试

C语言基础: 逻辑运算符

基本的逻辑比较运算符在前面笔记说过了链接:http://notei.cn/note_see/64 这里主要是讲与运算或运算非运算学过一点电子逻辑门都应该有点概念的与运算在C语言中用的符号是 "&&" 实际用法就是: if(10>=5 && 6<=5)，顾名思义与逻辑就是要让两个逻辑同时为真最后才能返回真条件，反之就是假条件。最后会返回的结果为0，为什么10>=5明明是真条件为什么会等于0呢？是因为6<=5是假条件导致整个运算结果也为假条件。也可以多个条件一起进行运算if(1==1&&2==2&&3==3)多个条件一起运算也是可以的，如果三个条件都为真，那么最后会返回一个真条件，反之假条件。或逻辑运算方式为只要有一个条件为真，那么最后就会返回真条件。反之全部为假条件，最后也只能返回假条件。符号为 "||" 用法为:if(1==1||2==3)。非逻辑就是在条件的前面加一个 "!" 也就是小写的感叹号，让最后的逻辑取反。如果逻辑为真后加一个"!"条件将会变成假条件，反之为真。

html字体代码

Python猜数字游戏练习

import random success,randNumber = 0,random.randint(1,10) for i in range(3): myNumber = int(input("输入一个数字:")) if randNumber == myNumber: print("恭喜猜对啦") success = 1 break elif myNumber < randNumber: print("猜小了") elif myNumber > randNumber: print("猜大了") if not success: print("你输了，答案是:",randNumber)

51单片机LCD1602封装

#include <REGX52.H> //????: sbit LCD_RS=P2^6; sbit LCD_RW=P2^5; sbit LCD_EN=P2^7; #define LCD_DataPort P0 //????: /** * @brief LCD1602????,12MHz?????1ms * @param ? * @retval ? */ void LCD_Delay() { unsigned char i, j; i = 2; j = 239; do { while (--j); } while (--i); } /** * @brief LCD1602??? * @param Command ?????? * @retval ? */ void LCD_WriteCommand(unsigned char Command) { LCD_RS=0; LCD_RW=0; LCD_DataPort=Command; LCD_EN=1; LCD_Delay(); LCD_EN=0; LCD_Delay(); } /** * @brief LCD1602??? * @param Data ?????? * @retval ? */ void LCD_WriteData(unsigned char Data) { LCD_RS=1; LCD_RW=0; LCD_DataPort=Data; LCD_EN=1; LCD_Delay(); LCD_EN=0; LCD_Delay(); } /** * @brief LCD1602?????? * @param Line ???,??:1~2 * @param Column ???,??:1~16 * @retval ? */ void LCD_SetCursor(unsigned char Line,unsigned char Column) { if(Line==1) { LCD_WriteCommand(0x80|(Column-1)); } else if(Line==2) { LCD_WriteCommand(0x80|(Column-1+0x40)); } } /** * @brief LCD1602????? * @param ? * @retval ? */ void LCD_Init() { LCD_WriteCommand(0x38);//??????,????,5*7?? LCD_WriteCommand(0x0c);//???,???,??? LCD_WriteCommand(0x06);//???????,??????,???? LCD_WriteCommand(0x01);//????,?? } /** * @brief ?LCD1602??????????? * @param Line ???,??:1~2 * @param Column ???,??:1~16 * @param Char ?????? * @retval ? */ void LCD_ShowChar(unsigned char Line,unsigned char Column,char Char) { LCD_SetCursor(Line,Column); LCD_WriteData(Char); } /** * @brief ?LCD1602????????????? * @param Line ?????,??:1~2 * @param Column ?????,??:1~16 * @param String ??????? * @retval ? */ void LCD_ShowString(unsigned char Line,unsigned char Column,char *String) { unsigned char i; LCD_SetCursor(Line,Column); for(i=0;String[i]!='\0';i++) { LCD_WriteData(String[i]); } } /** * @brief ???=X?Y?? */ int LCD_Pow(int X,int Y) { unsigned char i; int Result=1; for(i=0;i<Y;i++) { Result*=X; } return Result; } /** * @brief ?LCD1602???????????? * @param Line ?????,??:1~2 * @param Column ?????,??:1~16 * @param Number ??????,??:0~65535 * @param Length ????????,??:1~5 * @retval ? */ void LCD_ShowNum(unsigned char Line,unsigned char Column,unsigned int Number,unsigned char Length) { unsigned char i; LCD_SetCursor(Line,Column); for(i=Length;i>0;i--) { LCD_WriteData(Number/LCD_Pow(10,i-1)%10+'0'); } } /** * @brief ?LCD1602??????????????????? * @param Line ?????,??:1~2 * @param Column ?????,??:1~16 * @param Number ??????,??:-32768~32767 * @param Length ????????,??:1~5 * @retval ? */ void LCD_ShowSignedNum(unsigned char Line,unsigned char Column,int Number,unsigned char Length) { unsigned char i; unsigned int Number1; LCD_SetCursor(Line,Column); if(Number>=0) { LCD_WriteData('+'); Number1=Number; } else { LCD_WriteData('-'); Number1=-Number; } for(i=Length;i>0;i--) { LCD_WriteData(Number1/LCD_Pow(10,i-1)%10+'0'); } } /** * @brief ?LCD1602????????????????? * @param Line ?????,??:1~2 * @param Column ?????,??:1~16 * @param Number ??????,??:0~0xFFFF * @param Length ????????,??:1~4 * @retval ? */ void LCD_ShowHexNum(unsigned char Line,unsigned char Column,unsigned int Number,unsigned char Length) { unsigned char i,SingleNumber; LCD_SetCursor(Line,Column); for(i=Length;i>0;i--) { SingleNumber=Number/LCD_Pow(16,i-1)%16; if(SingleNumber<10) { LCD_WriteData(SingleNumber+'0'); } else { LCD_WriteData(SingleNumber-10+'A'); } } } /** * @brief ?LCD1602???????????????? * @param Line ?????,??:1~2 * @param Column ?????,??:1~16 * @param Number ??????,??:0~1111 1111 1111 1111 * @param Length ????????,??:1~16 * @retval ? */ void LCD_ShowBinNum(unsigned char Line,unsigned char Column,unsigned int Number,unsigned char Length) { unsigned char i; LCD_SetCursor(Line,Column); for(i=Length;i>0;i--) { LCD_WriteData(Number/LCD_Pow(2,i-1)%2+'0'); } } 调用函数显示具体内容即可 .h文件老样子在贴图里面

Python示例: 伪双色球系统

import random def create(): randomArr = [] while len(randomArr) < 6: randNumber = random.randint(1,33) if not randNumber in randomArr: randomArr.append(randNumber) randomArr.append(random.randint(1,16)) return randomArr def getUserInput(): userInput = [] while len(userInput) < 6: red_input = input("请输入第%d个红色球号码: " % (len(userInput)+1)) if red_input.isdigit(): red_input = int(red_input) if red_input >=1 and red_input <= 33: if not red_input in userInput: userInput.append(red_input) else: print("这个号码已经被选过了") else: print("请输入1-33之间的红球号码") else: print("请输入正确的号码") while len(userInput) < 7: blue_input = input("请输入蓝色球号码: ") if blue_input.isdigit(): blue_input = int(blue_input) if blue_input >=1 and blue_input <= 16: userInput.append(blue_input) else: print("请输入1-16之间的蓝球号码") else: print("请输入正确的号码") return userInput def getRedCount(arr,userInput): redCount = 0 for i in range(len(arr)): if arr[i] == userInput[i]: redCount += 1 return redCount def getBlueCount(arr,userInput): blueCount = 0 if arr[len(arr)-1] == userInput[len(userInput)-1]: blueCount = 1 return blueCount def getResult(redCount, blueCount): if(redCount == 6 and blueCount == 1): return "一等奖，中奖1000万" elif(redCount == 6 and blueCount == 0): return "二等奖，中奖500万" elif(redCount == 5 and blueCount == 1): return "三等奖，中奖3000" elif((redCount == 5 and blueCount == 0) or (redCount == 4 and blueCount == 1)): return "四等奖，中奖200元" elif((redCount == 4 and blueCount == 0) or (redCount == 3 and blueCount == 1) or (redCount == 2 and blueCount == 1)): return "五等奖，中奖10元" elif((redCount == 1 and blueCount == 0) or blueCount == 1): return "六等奖，中奖5元" return "未中奖" #创建中奖号码 arrNumber = create() #得到用户输入 userInput = getUserInput() #计算红球中奖个数 redCount = getRedCount(arrNumber,userInput) print("红球中奖个数: ",redCount) #计算蓝球中奖个数 blueCount = getBlueCount(arrNumber,userInput) print("蓝球中奖个数: ",blueCount) #最终结果 result = getResult(redCount, blueCount) print("中奖号码为",arrNumber) print("你输入的号码为",userInput) print(result)

PHP进制转换代码

常见的进制：二进制　binary -----> bin 八进制　octal -----> oct 十进制 decimal　-----> dec 十六进制　hexadecimal -----> hex php提供了几常见进制之间转换的函数二进制转为其他进制 binoct();//转为八进制 bindec();//转为十进制 binhex();//转为十六进制八进制转为其他进制 octbin();//转为二进制 octdec();//转为十进制 octhex();//转为十六进制十进制转为其他进制 decbin();//转为二进制 decoct();//转为八进制 dechex();转为十六进制十六进制转为其他进制 hexbin();转为二进制 hexoct();//转为八进制 hexdec();//转为十六进制上面列举了这么多，其实自己感觉一点用没有，对于上面的这些函数，你只需要记着bin、oct、dec、hex就可以了，你要把a进制转为b进制，那就是ab() 举个简单的例子：把二进制(bin)转为十进制(dec): bindec(); 但这样可能还不能满足我们的需求，于是php有个我们提供了一个真正实现爱咋转就咋转的函数：base_convert(); base_convert() 该函数有三个参数 string base_convert ( string $number , int $frombase , int $tobase ) 举个列子： hexadecimal=′125458′;//十进制echobaseconvert(hexadecimal, 10, 5);//转为五进制

Java private 私有成员/变量

public class java20221219 { private int a = 10; } 使用private 修饰的变量或方法只能在当前类中才能访问和修改

PHP类封装AES加解密

<?php /** * 功能:Aes字符串加解密 */ class AES { protected $key; protected $method; protected $iv; protected $options; public function __construct($method = 'AES-128-ECB', $iv = '', $options = OPENSSL_RAW_DATA ) { $this->key = substr(md5("123456"),0,16); #密钥参数 $this->method = $method; $this->iv = $iv; $this->options = $options; } /** * * @param string $string 需要加密的字符串 * @return string */ public function encrypt( $string ) { // $key = substr(openssl_digest(openssl_digest($string, 'sha1', true), 'sha1', true), 0, 16); // $data = openssl_encrypt($string, 'AES-128-ECB', $key, OPENSSL_RAW_DATA); // return urlencode(base64_encode($data)); // if (strlen($string) % 16) { // $string = str_pad($string,strlen($string) + 16 - strlen($string) % 16, "\0"); // } // $encrypted = openssl_encrypt($string, 'AES-128-ECB',$this->key,OPENSSL_ZERO_PADDING,$this->iv); // return base64_encode($encrypted); return base64_encode(openssl_encrypt($string, $this->method,$this->key,$this->options,$this->iv)); } /** * @param string $string 需要解密的字符串 * @param string $key 密钥 * @return string */ public function decrypt($string) { return openssl_decrypt(base64_decode($string), $this->method, $this->key, $this->options,$this->iv); } }

python考试答案

编写程序，从键盘输入列表，输出列表元素的平均值。其中平均值使用函数进行计算。 def get_input(): return input("请输入数据列表: ") def get_average(list): average = 0 for i in list: average += i average /= len(list) return average input_list = eval(get_input()) average = get_average(input_list) print(average)

网页设计class14-2

Java键盘录入

需要使用Java中的Scanner类包: 在class上加入: import java.util.Scanner; 第二步骤就是将导入的包进行实体化调用: Scanner scanClass = new Scanner(System.in); 注意:这边只有 scanClass 是变量名称可以被更改，其他的都不可进行更改最后就是调用这个类包: int input = scanClass.nextInt(); 这边的int是输入的参数为int整型 scanClass 是调用类的变量完整代码示例: import java.util.Scanner; public class java20221216 { public static void main(String []args) { Scanner scanClass = new Scanner(System.in); /* 实体化类 */ System.out.print("请输入整数: "); float input = scanClass.nextInt(); System.out.println("输入的值为:" + input); } }

51单片机定时器Void

#include <REGX52.H> void Timer0Init(void) //1毫秒@12.000MHz { //AUXR &= 0x7F; //定时器时钟12T模式 TMOD &= 0xF0; //设置定时器模式 TMOD |= 0x01; //设置定时器模式 TL0 = 0x18; //设置定时初值 TH0 = 0xFC; //设置定时初值 TF0 = 0; //清除TF0标志 TR0 = 1; //定时器0开始计时 ET0 = 1; EA = 1; PT0 = 0; } /*定时器中断函数模板 void Timer0_Routine() interrupt 1 { static unsigned int T0Count; TL0 = 0x18; //设置定时初值 TH0 = 0xFC; //设置定时初值 T0Count+=1; if(T0Count>=1000){ T0Count = 0; //1s执行一次中断函数 } } */ 注解:定时器加到最大值65536，设置起始值为64536，定时器1us进行一次+1，那么1000us后就会超出一次定时器范围，就会执行一次中断程序。那么就是1000us执行一次中断函数，也就是1ms执行一次，那么执行1000次就是1s .h文件可在贴图里面看到

Java final修饰的基本使用

//final修饰的方法: 表明方法是最终方法，不能被重写 //final修饰的类: 表面类是最终类，不能被继承 //final修饰的变量: 表面变量为常量，不能在程序中被重新赋值 public class Test { public static void main(String[] args) { Zi z = new Zi(); Fu f = new Fu(); z.getPi(); //调用Fu类中无法被重写的getPi方法 System.out.println("=========================="); z.sum(5,6); //调用子类中被重写的sum方法 System.out.println("=========================="); //变量使用final修饰后无法被修改，变成常量，常量单词一般全大写组成。单词之间使用下划线隔开 //常量类型为基本数据类型时，记录的值不能发生改成。byte、char、short、int、long、float、double、boolean //常量类型为引用数据类型时，记录的地址值不能发生改变，内部的属性值可以改变。 //如对象使用final修饰后，还是可以调用set方法修改对象中的属性 final int A = 10; // A = 12; //报错，因为A是常量。无法修改，在定义时就必须完成赋值 System.out.println(A); } } class Fu { public final void getPi() { System.out.println("我是被final修饰的getPi方法，位于Fu类中"); System.out.println("3.14159265358979323846"); } public void sum(int a, int b) { System.out.println("我是没被final修饰的sum方法，位于Fu类中"); System.out.println(a+b); } } class Zi extends Fu { //sum方法没有被final修饰，可以被重写 @Override public void sum(int a, int b) { System.out.println("我是没被final修饰的sum方法，位于Zi类中"); System.out.println(a+b); } //getPi方法被final修饰，不能被重写，报错 // @Override // public final void getPi() { // System.out.println("我是被final修饰的getPi方法，位于Fu类中"); // System.out.println("3.14159265358979323846"); // } }

正则表达式匹配规则

正则表达式基本的规则图图片来自黑马程序员课程

网页设计

Java 使用截取获取身份证信息

import java.util.Scanner; //使用字符串截取，得到身份证基本信息 public class demo2 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("输入身份证号码"); String idCard = sc.next(); String start_year = idCard.substring(6,10); String start_month = idCard.substring(10,12); String start_day = idCard.substring(12,14); char sex = idCard.charAt(16); int num = sex + '0'; //使用ASCII特性，将截取到的字符转化为int类型 if(num % 2 == 0) { sex = '女'; }else{ sex = '男'; } // System.out.println('a' + 0); 查看ASCII对应的值 System.out.println(start_year + "年" + start_month + "月" + start_day + "日" + "\n性别:" + sex); } }

Uni-App学习:Vue监听属性watch

当监听的数据发生变化时将会执行函数内容 watch: { textInfo:function(newData, oldData){...} } newData代表更新之后的变量信息，oldData代表更新之前的数据信息，textInfo代表的是要监听的对象

Uni-App学习:常用Vue记录

绑定Vue内容前需要先在Vue中的data函数中声明好需要绑定的数据 v-html 主要用于显示html标签内容用法:v-html="html" v-bind 主要用于绑定标签属性内容用法:v-bind:style="style" v-on 主要用于绑定标签点击时触发的函数事件用法:v-on:click="clicks" v-if Vue中的标签判断语句，如果条件为true标签会渲染在页面，如果为false那么标签会被隐藏用法:v-if="条件" v-for 用于将数组渲染成列表用法:<view v-for="(item,index) in list">{{item}}---{{index}}</view> v-model 用于双向绑定数据用法:<input class="inp" v-model="input"/> ...

class13网页设计

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> * { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } .main-box { width: 980px; margin: 0 auto; } .nav { background: url("images/head_bg.jpg") repeat-x; height: 128px; } .nav li { float: left; } .nav .item a { display: inline-block; width: 120px; height: 128px; line-height: 64px; text-align: center; color: #fff; margin: 0 5px; font-size: 17px; } .nav .item a:hover { background: url("images/xuanfu.png") no-repeat; } .banner { margin-top: 10px; } .banner img { width: 100%; } .sortlist { margin-top: 10px; display: flex; box-shadow: 0 0 0 10px rgb(110, 190, 45) inset; padding: 10px; box-sizing: border-box; } .sortlist .leftbox li { display: flex; } .leftbox { width: 333px; } .leftbox li p { display: inline-block; width: 100%; text-align: center; } .leftbox .top p { line-height: 180px; } .leftbox .bottom p { line-height: 150px; } .leftbox .top { height: 180px; background-color: #F2F2F2; } .leftbox .bottom { height: 150px; background-color: #F2F2F2; margin-top: 10px; } .centerbox { width: 280px; margin-left: 10px; } .centerbox .top { display: flex; margin-bottom: 10px; height: 120px; background-color: #F2F2F2; } .centerbox .top p { line-height: 120px; text-align: center; flex: 1; } .centerbox .bottom { background-color: #F2F2F2; display: flex; height: 210px; } .centerbox .bottom p { line-height: 210px; text-align: center; flex: 1; } .rightbox { margin-left: 10px; flex: 1; } .rightbox .top { display: flex; margin-bottom: 10px; height: 100%; background-color: #F2F2F2; } .rightbox .top img { height: 100%; width: 200px; } .rightbox .top p { line-height: 330px; text-align: center; flex: 1; } .hot { margin-top: 50px; } .hot .title { background-color: rgb(110, 190, 45); color: #fff; display: inline-block; padding: 10px 20px; font-weight: normal; } .hot .list { border: 1px solid #ddd; display: flex; padding: 20px; box-sizing: border-box; gap: 10px; } .hot .item { flex: 1; } .hot .item .mainimg { width: 100%; } .hot .item .intitle { text-align: center; font-size: 19px; line-height: 56px; color: #444; } .hot .item .hotinfo { background-color: rgb(110, 190, 45); height: 38px; display: flex; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; } .hot .item { border: 1px solid #ddd; } .hot .item .hotinfo .info { line-height: 38px; color: #fff; text-align: center; flex: 1; font-size: 15px; } .footer { padding: 50px 0; text-align: center; color: #fff; background: #111; margin-top: 20px; } </style> <body> <div class="nav"> <ul class="main-box"> <li><img src="./images/logo.png" alt="logo"></li> <li class="item"><a href="#">首页</a></li> <li class="item"><a href="#">学校介绍</a></li> <li class="item"><a href="#">课程设置</a></li> <li class="item"><a href="#">教资力量</a></li> <li class="item"><a href="#">招生问答</a></li> <li class="item"><a href="#">教学活动</a></li> </ul> </div> <div class="main-box"> <div class="banner"> <img src="./images/banner.jpg" alt="banner"> </div> <div class="sortlist"> <ul class="leftbox"> <li class="top"> <img src="./images/pic01.jpg" alt=""> <p>大学专区</p> </li> <li class="bottom"> <img src="./images/pic02.jpg" alt=""> <p>求职专区</p> </li> </ul> <ul class="centerbox"> <li class="top"> <img src="./images/pic03.jpg" alt=""> <p>高中专区</p> </li> <li class="bottom"> <img src="./images/pic04.jpg" alt=""> <p>考证专区</p> </li> </ul> <ul class="rightbox"> <li class="top"> <img src="./images/pic05.jpg" alt=""> <p>线上精品课专区</p> </li> </ul> </div> <div class="hot"> <h2 class="title">热门课程 / Popular courses</h2> <ul class="list"> <li class="item"> <img class="mainimg" src="./images/match01.jpg" alt=""> <p class="intitle">软件工程师课程</p> <div class="hotinfo"> <img class="hotimg" src="./images/gouwu.jpg" alt=""> <p class="info">高级IT人才的捷径</p> </div> </li> <li class="item"> <img class="mainimg" src="./images/match02.jpg" alt=""> <p class="intitle">Java课程</p> <div class="hotinfo"> <img class="hotimg" src="./images/gouwu.jpg" alt=""> <p class="info">高级IT人才的捷径</p> </div> </li> <li class="item"> <img class="mainimg" src="./images/match03.jpg" alt=""> <p class="intitle">软件工程师课程</p> <div class="hotinfo"> <img class="hotimg" src="./images/gouwu.jpg" alt=""> <p class="info">高级IT人才的捷径</p> </div> </li> <li class="item"> <img class="mainimg" src="./images/match04.jpg" alt=""> <p class="intitle">软件工程师课程</p> <div class="hotinfo"> <img class="hotimg" src="./images/gouwu.jpg" alt=""> <p class="info">高级IT人才的捷径</p> </div> </li> </ul> </div> </div> <div class="footer"> Copyright © 2020-2030 CHAOLIUFUSHIcom, All rights reserved.<br> 2020-2023,版权所有优课网 00CP备222222222 </div> </body> </html>