细说em/rem/vh/vw与响应式布局一、em,rem的原理与应用场景CSS单位中的长度单位分为：相对长度、绝对长度，如下表： 引用MDN上的两句话： em：在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的...

PHP常用的字符串处理函数1.trim() 去除字符串首尾的空白字符（或其他字符） 语法 trim(string $str, string $char) : string 该函数返回字符串去除空白字符之后的字符串str。 参数 str：待处理的...

Vue路由原理与实现一、基于哈希的路由原理与实现1.1 基于锚点的hash路由 Location 接口表示其链接到的对象的位置（URL）。 属性： Location.href 包含整个URL的一个DOMString Location.protoc...

Composer常用指令以及自动加载器的使用方式一、Composer常用指令 composer install: 安装 composer.josn 中的依赖；composer update: 更新依赖，后面可以跟上包名，指定更新哪个包；compose...

jQuery操作DOM常用的方法和Ajax应用一、jQuery操作DOM1.1 添加元素1.1.1 appendTo在被选择的元素尾部插入指定的内容。 语法 $(context).appendTo(selector); 案例 $('祝大家春节...

实战项目：AJAX实现无刷新分页功能一、效果图 二、实现步骤首先，实现一个分页，PHP后端需要给前端提供两个数据即可实现分页： 1. 一共需要分多少页； 2. 每页显示的数据是多少条。 根据上面两条原理，我们先设计一个数据库，并插入一些数据： 建表...

PHP常用运算符与流程控制一、PHP常用的运算符1.1 算术运算符 算数运算符是最常用的符号，就是常见的数学上的操作符，用来处理简单的算数运算。 运算符 意义 示例 结果 + 加法运算 1 + 2 3 - 减法运算/取负数 10 ...

flex容器与项目的常用属性一、认识flex布局1.使用display:flex声明一个Flex布局，这个容器称为Flex容器，其包含的子元素称为Flex项目在Flex容器中有几个核心术语 容器: 使用display:flex属性元素项目: 容器的...

Grid布局基础知识与相关案例一、认识Grid属性1.Grid容器属性： 属性 说明 grid-template-columns 轨道列宽 grid-template-rows 轨道行高 gap 轨道间距 grid-auto...

JavaScript事件与字符串常用函数一、JavaScript事件基础1.事件的三种添加方法1.1 添加到元素的事件属性上。 Button1 1.2 通过脚本添加到事件属性上。 Button2&l...

盒模型与对齐方式box-sizing在CSS中，box-sizing属性定义了用户代理（浏览器）应该如何计算一个元素的总宽度和总高度。 通常情况下，在默认的CSS盒模型定义里，一个元素的宽（width）高（height）只会应用到当前元素的内容区里。...

JavaScript动态设置类与相关经典案例一、JS动态设置类1.className属性可以用来设置元素的类(class)值或返回元素的class属性值。 语法： obj.className = classNameValue; 案例： ...

JavaScript入门知识以及相关术语一、什么是JavaScriptJavaScript简称JS，它是一种异步单线程的脚本语言，JS不需要进行编译即可在浏览器运行，它是边解释边执行的。 二、JavaScript相关历史ECMAScript6（ECM...

类与对象之重载和命名空间的概念一、重载PHP提供的“重载”是指动态的“创建”类属性和方法。是通过魔术方法来实现的。 当调用当前环境下未定义或不可见的类属性或方法时，重载方法会被调用。 所有的重载方法都必须被声明为 public。 1.1 属性重载pu...

PHP快速入门与常用语法一、PHP环境搭建常用的 php 集成环境有哪些 windows: phpstudy,wampserver, xampp,upupw… macos: xampp, mamp pro(收费) 二、网站从静态到动态的发展历史1...