Blogger Information
安超
Blog
25
fans
0
comment
0
visits
13747
integral:0
P beans:81
  • List of blog posts
  • php中类的自动加载实例演示

    类的自动加载1.类的自动加载的两个条件:a. 类名和文件名的相互对应(同名,类名采用大驼峰的原则,首字母大写);b. 类空间和类文件路径的一致。 2.类的自动加载的一个关键函数;splautoloadregister(function($class)...

    2023-01-15 22:45 Read 385 comment 0
  • HTML中DOM树遍历的方法及案例

    1. HTML DOM遍历的具体案例,在ES6中,DOM遍历的方法主要有三个: 1.向后遍历 querySelecotr 和querySelectorAll。这两个方法的参数是CSS选择符。如 #id,.css,div > p ,div ~ p 等...

    2022-11-21 16:04 Read 633 comment 0
  • JS实现购物车功能功能:全选、全不选,单选等。

    1.JS实现购物车的技术分析1.1本案例为用JS模块实现购物车的功能:全选、全不选,单选等。模块用默认导出类实现,export default class{}.class中的数据主要包括:所有商品的和、每个商品的总价、所有商品的总价之和等,有属性和方...

    2022-11-20 19:29 Read 719 comment 0
  • 基于JS模块的选项卡实现

    1.基于JS模块的选项卡的实现主要有几个要点:选项卡效果图如下: 2.html搭建基本框架基于JS的选项卡的实现,基本上由JS的模块实现。html搭建好基本框架,内容有JS动态填充。 /* 选项卡选项*/ /*...

    2022-11-13 22:40 Read 526 comment 0
  • html轮播图的实现

    1.轮播图的实现途径实现一个含有图片及图片指示符的轮播图,主要要几个方面:1.图片的动态加载,从js里调入各种图片的信息,如图片源、图片指向的链接等;2.实现按钮的动态生成;3.样式的加载与取消 classList.add()和classList.r...

    2022-11-12 20:16 Read 1266 comment 0
  • 简易留言板的实现

    本文实现一个简易的留言板本文的看点在于实现了留言的动态插入。效果图如下: /* 留言框 */ form fieldset{ width: 200px; } /* 留言区C...

    2022-11-10 11:32 Read 776 comment 0
  • DOM元素的获取及遍历方法实例

    DOM元素的获取方法 DOM元素的获取方法主要由获取某个元素,获取子元素,第一个子元素,最后一个子元素和某一个子元素等。常用的获取方法见下面的例子。 item1 item2 &...

    2022-11-09 17:45 Read 464 comment 0
  • JS中类的生成及继承,常用的数组和字符串的API

    1.JS中的类的生成及继承S中类用class关键字表示,类中的几个关键1.构造函数constructor;2.静态数据 :static;3.私有数据:# 4.方法;5.访问器函数 get set;6.继承:extends 继承中super的使用 1...

    2022-11-05 21:25 Read 471 comment 0
  • 用grid和flex实现淘宝的移动端首页布局

    1.实现淘宝的移动端首页布局,主要掌握几个方面a. grid 默认状态为垂直向布局,flex默认状态为水平向布局b. 注意两种布局模式下place-content和place-items的区别. 2.淘宝首页移动端布局的html代码如下: &l...

    2022-11-05 13:59 Read 793 comment 0
  • 实例演示对象与数组的解构赋值,及对象的访问器属性

    1.数组的解构赋值let arr_1 = [1,3];let [x,y] = arr_1;console.log(`x is: ${x} and y is: ${y}`);// 用数组交换变量[y,x ] = [x,y];console.log(` ...

    2022-11-04 19:03 Read 325 comment 0
  • JS中数组的不同类型及访问形式,流程中分支不同样式的演示实例

    1.JS中数组的不用样式主要有a.单维数组;let arr =[“one”,”two”,”three”];let arr_1 =arr[0];console.log(arr_1);// 可以使用foreach循环获取项目中的所有项arr.forEac...

    2022-11-04 15:58 Read 343 comment 0
  • JS中常、变量及函数的使用

    1.常、变量及函数的使用代码如下: // 1.JS中变量的使用let user = "jiao";console.log("1.变量user is:" + user);let a = 10;//2.常量的使用const b = "beijing";c...

    2022-11-02 16:54 Read 337 comment 0
  • grid网格应用案例

    1.grid布局时牵涉到的代码? display : grid划分网格grid-template-columns: 100px 100px 1000x;gird-template-rows: 100px 100px 100px;网格的排列顺序grid...

    2022-10-30 15:59 Read 376 comment 0
  • flex容器的常用属性及其使用案例

    1.html中flex容器的常用属性及其使用案例flex容器的常用属性:1.flex-direction: (row/column),默认是row2.flex-wrap:是否换行 nowrap-不换行3.justify-content:子元素沿主轴方...

    2022-10-27 22:20 Read 383 comment 0
  • html中字体图标的使用案例及媒体查询的使用

    1.html中字体图标的使用在html中常用的图标是阿里图标,网址为:阿里图标.阿里图标有两种使用方式:a.unicodeb.class其中 class方式,是比较常用的方式.1.注册登记后,进入阿里图标;2.选中要使用的图标2.点击”购物车”,将选...

    2022-10-26 05:17 Read 779 comment 0