Blogger Information
xosing的博客
Blog
20
fans
1
comment
0
visits
17707
integral:0
P beans:40.5
  • List of blog posts
  • PHP初学者实例演示PHP+HTML编写

    1. 进入搭建本地服务器的官网xp.cn下载软件(phpstudy) 2. 网站的静态方式增删改查不方便,动态方式就不一样了,他们有以下优点: 1. “交互性”,即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发...

    2021-01-22 01:34 Read 2011 comment 0
  • 仿京东商城移动端网页

    HTML代码 ...

    2020-12-24 02:49 Read 1552 comment 0
  • JS常用的数据类型.变量与常量的声明与赋值!

    js引入方式1. 直接写到html的事件属性中 事件属性: on + 事件名称, 点击事件: onclick Click me function show(ele) { console.log(ele.innerHTML); ...

    2020-12-29 13:43 Read 1288 comment 0
  • 箭头函数,rest,sprend,dom元素, classList,dataset各种应用场景的使用方法

    1.1 箭头函数 当参数只有一个时,圆括号可以省略,如果没有参数,反而不能省当有多个参数时, 圆括号必须要写当有多条语句时,函数体的大括号不能省如果函数体只有一条语句时,可以不写return和”花括号{}” 标准函数写法 func...

    2021-01-03 20:55 Read 1136 comment 0
  • 解析CSS单位px、em、rem、vh、vw、vmin、vmax来实现页面的布局

    1、px:绝对单位,页面按精确像素展示.2、em:相对单位,浏览器文本的默认字号的相对关键字,通常是16px3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算. 实例如下图 body{font-size: 2...

    2020-12-18 14:22 Read 1085 comment 0
  • css的基本语法

    CSS样式由一下组成的 标签 申明块 规则 选择器 属性和值组成,用分号隔开 选择器 + 声明块 H1 { color: red; } h1{color:red;} 示例如下图 css引入方式:外部,公共,共享样式表。1. ...

    2020-12-16 19:35 Read 1060 comment 0
  • 变量.常量与函数的基础认知!

    1. 变量与常量的区别1.变量 // 1.1 声明和初始化可以分开操作 let userName; console.log(userName); // 1.2声明时初始化并赋值 let itemName = '手机'; ...

    2021-01-09 17:20 Read 990 comment 0
  • CSS Grid网格布局详解于应用

    什么是Grid网格布局?网格是由一系列水平及垂直的线构成的以一种二维空间布局模式。常用相关术语 1.网格容器: Grid Container 由若干个矩形网格单元构成2.网格项目: Grid Item 网格容器的子元素,必须放在网络单元中3.网格单元...

    2020-12-25 14:52 Read 844 comment 0
  • Grid项目在网格单元和容器中对齐的相关属性

    1. 将项目在网格单元和容器中对齐的相关属性全部实例演示;项目在网格容器中的对齐方式默认: 项目在网格单元中是拉伸的只有项目在网络单元中存在剩余空间的时候,对齐才有必要且有意义HTML代码 item1

    2020-12-28 12:33 Read 819 comment 0
  • 使用JavaScript编写购物车常用功能!!

    思路: 1.全选框勾选时,单值复选框也勾选2.单值复选框未勾选时,全选框也不勾选3.数量变动时,自动计算数量的总和与金额总和4.单值复选框未勾选时,不参与计算总和,且页面价格不显示为0 首先制作一个购物车HTML表单,如下图所示 HTML代码 ...

    2021-01-17 16:27 Read 811 comment 0
  • box-sizing属性和常用元素的居中方式

    1. box-sizing属性; 属性值 说明 box-sizing: content-box w3c标准盒子模型,width/height 不含padding/border box-sizing: border-box 盒模型以元素...

    2020-12-20 12:18 Read 800 comment 0
  • Flex弹性盒元素介绍和实例

    1,什么是Flex 任何元素都可以通过添加display: flex属性,转为弹性盒元素称之为容器 转为flex元素后,它的内部的”子元素”就支持flex布局了,称之为项目 主轴: 项目排列的轴线,水平方向 交叉轴: 与主轴垂直的轴线 Fle...

    2020-12-23 18:59 Read 675 comment 0
  • position定位的理解,实例操作一个模态框。

    1.简述定位的类型与应用场景和使用条件 ; position值 说明 static 默认值,也就是文档流定位,元素的显示位置与源码顺序一致; relative 相对定位,相对于该元素在文档流中的原始位置进行偏移 。元素的位置通过 “l...

    2020-12-22 14:29 Read 629 comment 0
  • 数组,对象的解构.常用的流程控制方法!

    1.数组与对象的解构 解构要求等号二边类型一致 数组解构 const cars = ['volvo', ['bmw-x1', 'bmw-x2', 'bmw-x3'], 'benz', ]; [car1, [car2, car3, ca...

    2021-01-01 18:09 Read 622 comment 0
  • 选择器的优先级,字体图标的应用,盒模型常用属性的缩写。

    选择器的提权方式id > class > tag 标签 ID CLASS TAG 说明 h1 0 0 1 TAG 1个 body h2 0 0 2 TAG 2个比上一个优先 html body h2 0 0 3 TAG 3个比上...

    2020-12-17 14:36 Read 621 comment 0