css3-php如何快捷判断数组中的项是单值或者是键值对？-php教程

作者：mobiledu2502902725 | 来源：互联网 | 2017-05-14 02:20

感谢@joyqi大的关注。按建议直接放上实际代码。这个是我正在试做的CSS3展开非标准属性的php已有的输入数据如下：{代码...}根据以上规则对一份css文件进行处理{代码...}希望实现自动展开非标准属性写法{代码....

感谢@joyqi大的关注。按建议直接放上实际代码。

这个是我正在试做的CSS3展开非标准属性的php

已有的输入数据如下：

array('webkit','moz','ms'),
		'border-radius'=>array('webkit','moz','o'),
		'border-top-right-radius'=>array('webkit','moz'=>'-moz-border-radius-topright','o'),
		'border-top-left-radius'=>array('webkit','moz'=>'-moz-border-radius-topleft','o'),
		'border-bottom-right-radius'=>array('webkit','moz'=>'-moz-border-radius-bottomright','o'),
		'border-bottom-left-radius'=>array('webkit','moz'=>'-moz-border-radius-bottomleft','o'),
		'border-colour'=>array('moz'),
		'box-shadow'=>array('webkit','moz','o'),
		'transition'=>array('webkit','moz','ms','o'),
		'transform'=>array('webkit','moz','ms','o'),
		......
	);	
	 $_valuerules=array( //css3兼容值表 如无特别定义则以 -xxx- 形式附加于头部
		'linear-gradient'=>array('webkit','moz','ms','o'),
		'box'=>array('webkit','moz','o'),
		'box-shadow'=>array('webkit','moz')
		......
	);
?>

根据以上规则对一份css文件进行处理

.container {
   box-shadow: 20px;
   transition: box-shadow 2s;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   animation: slide 1s alternate;
   background: linear-gradient(top, #e3e3e3 10%, white);
   display: box;
}

希望实现自动展开非标准属性写法

.container {
	-webkit-box-shadow: 20px;
	-moz-box-shadow: 20px;
	box-shadow: 20px;

	-webkit-transition: -webkit-box-shadow 2s;
	-moz-transition: -moz-box-shadow 2s;
	-o-transition: box-shadow 2s;
	-ms-transition: box-shadow 2s;
	transition: box-shadow 2s;

	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;

	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottom-left: 4px;
	border-bottom-left-radius: 4px;
	
	-webkit-animation: slide 1s alternate;
	-moz-animation: slide 1s alternate;
	-ms-animation: slide 1s alternate;
	animation: slide 1s alternate;

	background: -webkit-linear-gradient(top, #e3e3e3 10%, white);
	background: -moz-linear-gradient(top, #e3e3e3 10%, white);
	background: -o-linear-gradient(top, #e3e3e3 10%, white);
	background: -ms-linear-gradient(top, #e3e3e3 10%, white);
	background: linear-gradient(top, #e3e3e3 10%, white);
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

这其中需要按照css文件的属性值对依次去检查是否存在非标准属性、非标准属性如何构成，相应的就需要从外部去判断规则数组中的键值对或者单值。

我的主要逻辑是这样的：
比如说检查css的时候到了

border-top-right-radius : 4px;

这一行，代码检查发现属性名 “border-top-right-radius” 需要 webkit、moz、o 三种兼容方式，值 4px 不参与兼容（注：这里对值也加入判断，是因为存在一些特殊的属性比如 transition ，其属性名和值同时都要参与兼容），一共需要重复三次兼容。
然后对 webkit、moz、o 进行循环，希望从属性名规则中分别读到一下三条规则：

'webkit'=>'-webkit-border-top-right-radius',
'moz'=>'-moz-border-radius-topright',
'o'=>'-o-border-top-right-radius'

当然，由于开始在书写规则的时候使用的是简化的方案，于是在读取中就需要对 webkit、moz、o 进行判断，看这个在数组中到底是值还是键名，是键名就直接取得其值，是值就按默认规则生成需要的字符串。问题就出在这里。
在规则数组中循环，做内部判断并去css中反查在这种场景下不现实（特别是css巨大的时候）。我能想到的只有连续组合利用array_key_exists()和array_search()来验证，其中还得过滤掉单值和键值对中的值重复的情况，效率很是低下。

当然我实际在做的时候因为无从入手，于是干脆就绕过这个问题，直接用函数对这个简化书写的规则数组重新格式化了一遍（题外话，格式化的过程中还遇到了诸如 $this->$propname 这种形式的类内部属性名称引用的问题，后来强行用 & 指针解决了，但是中间遇到了巨大的疑惑，作为野生的自学党表示压力很大，下回做个例子再问）。

实际项目里算是绕过了，但是作为在写代码时遇到的问题，还是想提出来向高手们征求下看法，
如何快速地从外部去判断一个字符串在数组里的三种情况：不存在，键名，值……

回复内容：

感谢@joyqi大的关注。按建议直接放上实际代码。

这个是我正在试做的CSS3展开非标准属性的php

已有的输入数据如下：

array('webkit','moz','ms'),
		'border-radius'=>array('webkit','moz','o'),
		'border-top-right-radius'=>array('webkit','moz'=>'-moz-border-radius-topright','o'),
		'border-top-left-radius'=>array('webkit','moz'=>'-moz-border-radius-topleft','o'),
		'border-bottom-right-radius'=>array('webkit','moz'=>'-moz-border-radius-bottomright','o'),
		'border-bottom-left-radius'=>array('webkit','moz'=>'-moz-border-radius-bottomleft','o'),
		'border-colour'=>array('moz'),
		'box-shadow'=>array('webkit','moz','o'),
		'transition'=>array('webkit','moz','ms','o'),
		'transform'=>array('webkit','moz','ms','o'),
		......
	);	
	 $_valuerules=array( //css3兼容值表 如无特别定义则以 -xxx- 形式附加于头部
		'linear-gradient'=>array('webkit','moz','ms','o'),
		'box'=>array('webkit','moz','o'),
		'box-shadow'=>array('webkit','moz')
		......
	);
?>

根据以上规则对一份css文件进行处理

.container {
   box-shadow: 20px;
   transition: box-shadow 2s;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   animation: slide 1s alternate;
   background: linear-gradient(top, #e3e3e3 10%, white);
   display: box;
}

希望实现自动展开非标准属性写法

.container {
	-webkit-box-shadow: 20px;
	-moz-box-shadow: 20px;
	box-shadow: 20px;

	-webkit-transition: -webkit-box-shadow 2s;
	-moz-transition: -moz-box-shadow 2s;
	-o-transition: box-shadow 2s;
	-ms-transition: box-shadow 2s;
	transition: box-shadow 2s;

	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;

	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottom-left: 4px;
	border-bottom-left-radius: 4px;
	
	-webkit-animation: slide 1s alternate;
	-moz-animation: slide 1s alternate;
	-ms-animation: slide 1s alternate;
	animation: slide 1s alternate;

	background: -webkit-linear-gradient(top, #e3e3e3 10%, white);
	background: -moz-linear-gradient(top, #e3e3e3 10%, white);
	background: -o-linear-gradient(top, #e3e3e3 10%, white);
	background: -ms-linear-gradient(top, #e3e3e3 10%, white);
	background: linear-gradient(top, #e3e3e3 10%, white);
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

这其中需要按照css文件的属性值对依次去检查是否存在非标准属性、非标准属性如何构成，相应的就需要从外部去判断规则数组中的键值对或者单值。

我的主要逻辑是这样的：
比如说检查css的时候到了

border-top-right-radius : 4px;

'webkit'=>'-webkit-border-top-right-radius',
'moz'=>'-moz-border-radius-topright',
'o'=>'-o-border-top-right-radius'

实际上你所说的单值，也是存在键的，只不过php中可以省掉按顺序存储的键名

foreach ($a as $key => $val) {
    if (is_int($key)) {
        // 处理单值
    } else {
        // 处理键值
    }
}

推荐阅读

python
lua语言闭包、模式匹配、日期、编译、模块的特性及应用

本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值，函数可以作为变量自由传递，也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性，为程序开发带来了便利。 ... [详细]

蜡笔小新 2023-12-14 18:18:21
php
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
get
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
get
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
php
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
char
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
client
ABAP开发发送邮件程序的配置和代码整理

本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]

蜡笔小新 2023-12-13 15:50:17
char
动态规划算法的基本步骤及最长递增子序列问题详解

本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]

蜡笔小新 2023-12-13 15:38:19
php
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25
char
高质量SQL书写的30条建议

本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]

蜡笔小新 2023-12-13 13:24:33
php
指针的引用以及在什么情况下使用指针的引用

本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址，通过指针可以修改指针所指的变量的值。然而，如果想要修改指针的指向，就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法，并思考了在修改指针的指向后，取指针的输出结果。 ... [详细]

蜡笔小新 2023-12-13 12:54:29
get
工程中添加Android Dependencies

在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]

蜡笔小新 2023-12-13 12:08:09
char
猜字母游戏

猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]

蜡笔小新 2023-12-13 12:04:03
char
用border做一个移动端常见的返回按钮

第一步.hs1{float:left;.mt(.25rem);.ml(.12rem);width:.3rem; ... [详细]

蜡笔小新 2023-10-15 12:56:39
get
python画图模糊_解决canvas画图模糊的问题

canvas画图经常发现他是模糊的。解决这个问题主要从两个方面下手。改变canvas渲染的像素情况：画1像素的线条看起来模糊不清，好像更宽的样子。解决方 ... [详细]

蜡笔小新 2023-10-14 13:22:21

mobiledu2502902725

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章