header nav a href=""首页/a a href=""市场营销/a a href=""生产控制/a a href=""技术研发/a a href=""品质管理/a a href=""工艺文件/a /nav button登录/button /header style header{ height: 50px; background-color: #333; paddin...

通过3月14号的学习了解了选择器的四种使用场景,现介绍如下. 上下文选择器的使用场景 html代码: ul class="list" li class="item"item1/li li class="item"item2/li li class="item three"item3/li ul li class="item"i...

Flex 与 Grid 实现一个带有导航条的简单页面布局 这里做一个如下图所示的页面布局： 1、划分功能区 整个页面分为页头（导航条）、侧边栏、主体内容区和页脚四个部分，使用 Grid 布局...

在电子阅读时代，墨水屏电子阅读器固然有其不可替代的优势，但是在我们普通人的生活工作中它的使用频率远不及电脑。虽然墨水屏的仿真感和护眼优势比较明显，但其实电脑阅读也...

一周的学习,做个综合使用看看效果,页面效果图如下: 整体大图 2.头部设计 3.媒体查询,窗口小的时候自动调整fontsize并隐藏相应元素 下面分项说明: 整体页面结构 代码折叠显示如下: 注意...

一、index.php !DOCTYPE html html lang="zh-CN" head ?php $arr = require 'data/data.php'; ? meta charset="UTF-8" / meta http-equiv="X-UA-Compatible" content="IE=edge" / meta name="viewport" content="width=device-width, initial-scale=1.0" / m...

网格作业 style .grid { width: 800px; height: 800px; background-color: brown; display: grid; grid-template-columns: 110px 110px 110px 110px; / 每列的宽度 / grid-template-rows: 110px 110px 110px 110px; / 每行高度 / / 百分比使用...

导航条 header nav a href=""首页/a a href=""社区/a a href=""挪车/a a href=""视频/a a href=""福利/a /nav a href="/form.html"button登录/button/a /header style header { height: 50px; background-color: black; padding: 0 2em; displa...

用户注册表程序 !DOCTYPE html html lang="zh-CN" 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用户注册/title /head body form...

一、函数参数类型函数声明： function sum(int $left, int $right) : string { return $left + $right; }; 函数调用 var_dump(sum(1, 2)); printf、sprintf、vprintf、vsprintf // printf：返回 打印 printf('div style="color:red"%...

页面效果图 实现代码 !DOCTYPE html html lang="zh-CN" 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登录页/title link r...

表格的基本结构 用来制作表格。" class="reference-link"> table/table 用来制作表格。table 元素是一种标签组合，还包含 tr ， th ， td 等；" class="reference-link"> table 元素是一种标签组合，还包含...

一些重点函数内容：目录函数 readdir : 从目录句柄中读取条目，成功则返回条目名，失败false； opendir : 打开目录句柄，如果成功则返回目录句柄的resource，否则false； closedir : 关闭目录句...

本文将利用小程序游戏提供的能力制作一个简单的方块旋转小程序游戏，旨在从零开始介绍小程序游戏的开发过程。 注册小程序游戏账号 进入小程序注册页面按照指引填写信息并提交...

在国内大多数人都用免费盗版软件的情况下，Adobe软件价格一直都是创意设计人士所关注的重点，只是无奈每次都只知道一个字“贵”。 那么，到底贵到什么程度呢？ 一整套Adobe正版，...

选择器/盒模型/常用单位1. 伪类选择器 根据元素的 位置或状态 来匹配 子元素 1.1 结构伪类 与上下文选择器很相似 :nth-child() :在括号内定义 :first-child :第一个元素 :last-child :最后一个 :...

字体图标使用方法以阿里图标（需要注册，免费试用）为例，网址为：https://www.iconfont.cn/ 进入阿里图标网站，登录后点击顶部导航菜单中的“素材库” = “图标库”。 然后在顶部搜索框...

一、类与对象、oop封装性、构造器 /** * 1. 类文件名称与类名称一样 * 2. 变量是实现数据的复用，函数是实现了代码块的复用 * 3. 类是具有相同属性和方法的对象的集合 * 4. 对象 是复合数...

h2热门推荐/h2 div class="courses-list" div class="course" a href="" img src="C:\Users\hao_z\Desktop\php\static\picture\hot_courses\hot_course_1.png" alt="" /a div class="desc" div class="title" small class="tag chu"初级/small a href="...

程序实现 .box { /* 容器属性 */ display: flex; /* 主轴设置为纵轴 */ flex-flow: column wrap; place-content: center; } .container { background-color: lightcyan; width: 300px; height: 300px; text-align: center; } .head { /* outlin...

程序实现 .banner { grid-row: 1 / 1; grid-column: 1 / 4; background-image: url(head_banner.jpg); color: aliceblue; top: 0; /* fixed不能固定上面设置的background-image */ /* position: fixed; */ position: sticky; z-index: 1; } heade...

通过3月20号晚上学习,基本熟悉grid布局的简单使用方法.用grid布局方式实现海外运维网热门推荐课程的布局,html和css代码如下: html代码: /*引入css*/ link rel="stylesheet" href="//at.alicdn.com/t/c/fo...

程序实现 !DOCTYPE html html lang="zh-CN" 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" / link rel="stylesheet" href="grid.css" / lin...

css 部分代码 我们使用了grid 布局 grid-template-columns: 属性负责把窗口进行表格化 gap 是负责把项目的间隙分开 style body { background-color: beige; } body a { text-decoration: none; color: rgb(0, 255, 60); fo...

!DOCTYPE html html lang="zh-CN" 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热门推荐/title link rel="stylesheet" href="course.cs...

随着信息技术的迅猛发展，IT行业的人才需求也愈发旺盛。在这样的背景下，许多人选择进入IT行业，并寻找适合自己的领域进行深入学习和研究。而Oracle数据库作为一个企业级数据库管...

通过3月21晚的实战学习,熟悉了手机端页面的简单布局,按朱老师的实例,制作了一个手机端的”仿头条”首页. html代码 /*导入css文件*/ link rel="stylesheet" href="static/css/index.css" /*代码主体*/...

程序实现 div class="header" div class="search" div class="keys" span class="iconfont icon-sousuo"/span span搜你想看的/span /div div class="publish" span class="iconfont icon-fabu"/span span class="text"发布/span /div /div div clas...

官方QQ交流群 （2000人大群） PHP交流学习群：730587727点此加入 Go语言学习群：766963062 点击加入 Vue交流学习群：649507033 点击加入 群25：731694316（2000人已满） 群24：916808767（2000人已满）...

composer 自动加载自动加载在根文件中新建composer.json { "name": "chloe/php22", "description": "a lightweight php database framework", "autoload": { "psr-4": { "app\\": "app" } } } 命令行中执行 composer dumpautoload "psr-4...

JS基本语法-31. 引用类型 基本类型： number , string , boolean , null , undefined 引用类型： object , array , function 数组 // const arr = [数组成员可以是任意类型] //数组 const arr = [1 ,'admin' ,true] //数组访...

一、类的静态成员、类引用self:: /** * 静态成员、类常量是属于类本身，不需要实例化，就可以被访问到 * 1. static 静态成员 * 2. self:: 类引用 * 3. const 类常量 * 4. __callStatic 当调用部存在的...

手机访问原图 自己设计出来的 美工字体效果差距太大,只是简单看看结构吧. 整体页面结构说明 分别引入iconfont,reset,和分结构的CSS.body分为三部分独立完成 其中注意在reset设置好随手机...

函数类型 命名函数: function 代码演示： function sum(a,b){ return a + b } console.log(sum(1,2)); 匿名函数: fn = function (){} 代码演示： const sum1 = function (a, b) { return `${a} + ${b} = ${a + b}` } console.log(sum1(1...

这是关于三个数据类型的基本运用以及函数 在使用函数的时候应该注意作用域 箭头函数的this 以及 立即执行函数的运用 var string = ‘你好’ console.log(string); let boolean = true const number =...

这是一个仿今日头条的项目 我们把css 进行了模块化 把页面分为了 页眉 主体 页脚 需要注意的是 大型的项目 不能使用@import url(‘reset.css’);的方式引入css 因为@import url(‘reset.css’);方...

1. 四种常用的函数类型 常用的函数类型主要有:命名函数,匿名函数,箭头函数,立即执行函数. (1). 命名函数: /*命名函数*/ function sum(a,b){ // 返回相加后的值 return a+b; } console.log(sum(20,30)); /...

script // 1.命名函数 声明提升 function MultiArr(arr1, arr2){ return `${arr1} * ${arr2} = ${arr1[0] * arr2[0] + arr1[1] * arr2[1]}` } console.log(MultiArr([1, 2], [3, 4])) // 2. 匿名函数 不会声明提升 const result2 = functio...

在广州开发一套废品回收微信小程序源码费用？ 答案是：27000元 项目介绍 废品回收是一项非常重要的环保行动，它可以减少废品对环境的污染，节约资源，保护地球。我们每个人都应...

HTML 部分 !doctype html html lang="cn-ZH" head ...... link rel="stylesheet" href="common.css" /head body header img src="https://www.php.cn/static/images/new/logo-2x.png" alt="php.cn" p程序员梦开始的地方/p /header div class="mainC...

函数 命名函数: function 先声明在调用 function xxx(a,b){}return xxx 匿名函数: fn = function (){} 不存在声明提升,可以将一个匿名函数赋值给一个let/const声明的变量 let/const不存在声明提升,所以它所...

实例演示四种常用的函数类型 script // 命名函数 let r = 8; const PI = 3.14; console.log(square(r)); function square(radio) { return ( `命名函数计算半径为${radio}cm 的圆形面积为 ` + PI * radio * radio + ` cm^2` )...

JavaScript基础一JS的四种常用函数类型 JS四种常用的函数类型是:命名函数/匿名函数/箭头函数/立即执行函数,下面分别逐一介绍. 1. 命名函数 // 命名一个函数,求两个数的和 function add(x,y)...

字体图标的使用准备工作： 1.寻找一个字体图标网站：阿里巴巴矢量图标库 2.注册并拿图标做个练习demo； 3.选择并添加一个图标到购物车 4.创建一个新项目 5.选择font class 方式使用文字...

仿PHP中文网热门推荐css body{ background-color:rgb(235, 240, 238); } body a{ text-decoration: none; color: #000; font-size: small; } body a:hover{ color:red; } .hot-sourse{ width: 1020px; margin: 0 auto; } .hot-more{ display: flex; pl...

分支与循环结构 分支与循环结构是编程中经常使用到的，就JS来说，主要有以下几种实现方式。 if(){} " class="reference-link">单分支: if(){} let result = 75 if (result = 60) { console.log('及格') } 如果符...

分支与循环解构1. 分支 分支主要分为:单分支,双分支,多分支. 1 . 单分支 let status = true; if (status){ console.log('hello,world'); } 2 . 双分支 status = false; if(status){ console.log('hello,world'); } else{ consol...

script // 对象字面量简化 let grade1 = { // 属性 code1: '48H', // 方法 greet1: function(){ return `${this.code1}, 开发成功` }, } console.log(grade1.greet1()) // 简化 code2 = '52H' let grade2 = { // 属性简化 code2, // 方法...

实例演示四种上下文选择器的四种使用场景 1.父[]子选择器 程序 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-wid...

仿”今日头条”首页一、页眉结构分析 页面整体分三个部分：页眉、主体、页脚，其中 页眉：固定在顶部，可以采用固定定位来实现 页脚：固定在底部，同样采用固定定位来实现 主体...