收集整理常用的网页代码、函数运用等,供参考学习

MYSQL中的分隔符

[不指定 2020/05/09 10:04 | by 吕进 | Via 本站原创 ]
想像分隔符的运用场景:
1、某个人向购物车添加多个商品ID;
2、某个人在某个时段被多个人,多少次投票;
我们常在MYSQL用英文逗号或竖线等符号对字符串进行分隔,但执行find_in_set()函数时,该函数只认英文逗号。所以呢,MYSQL中,如果要用分隔符,建议首选英文逗号。

与分隔符相关的一些函数运用举例——
以下表结构供参考
引用
DROP TABLE IF EXISTS `boblog_appfw`;
CREATE TABLE `boblog_appfw`  (
  `id` int(4) NOT NULL AUTO_INCREMENT,
  `ip` varchar(16) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `activetime` int(16) NULL DEFAULT NULL,
  `bwid` varchar(168) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE,
  UNIQUE INDEX `ip`(`ip`, `activetime`) USING BTREE
) ENGINE = MyISAM AUTO_INCREMENT = 6 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;

SET FOREIGN_KEY_CHECKS = 1;

微信内链接直接打开外置浏览器

[不指定 2020/05/01 20:36 | by 吕进 | Via 本站原创 ]
网上找了半天,测试了N个版本,目前看来就这个比较管用(直接复制代码,修改下自定义URL跳转,上传服务器就行)。
不啰嗦,直接上代码了——
<?php
error_reporting(0);
if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false){
header("Content-Disposition: attachment; filename=\"Lv.App\"");
header("Content-Type:application/vnd.android.package-archive;charset=utf-8");
}
?>
<script>
var url = ''; //定义url跳转
window.mobileUtil = (function(win, doc) {
var UA = navigator.userAgent,
isAndroid = /android|adr/gi.test(UA),
isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
isBlackBerry = /BlackBerry/i.test(UA),
isWindowPhone = /IEMobile/i.test(UA),
isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
return {
isAndroid: isAndroid,
isIOS: isIOS,
isMobile: isMobile,
isWeixin: /MicroMessenger/gi.test(UA),
isQQ: /QQ/gi.test(UA)
};
})(window, document);
//微信环境判断
if(mobileUtil.isWeixin){
//ios
if(mobileUtil.isIOS){
//解析地址未成功
window.location.replace(url);
}
//android
else if(mobileUtil.isAndroid){
url = '?open=1';//重新定义url地址
window.location.replace(url);
}
}
//其他设备
else{
//重载跳转页面
window.location.replace(url);
}
</script>
 下载文件 (已下载 487 次)
参考自:CSDN
Tags: , , ,

PHP版万年历源码

[不指定 2020/01/15 09:23 | by 吕进 | Via 本站原创 ]
PHP版万年历初始源码当然来自网络(借鉴了那个下载量较高的说是1891-2100PHP版源码,但其实不准确,农历到2037年开始就完全错误),经本人折腾、修改,可以实现:
1、1900-2099年间阳历、农历相互转换;
2、自定义重要日期(本人修改过);
3、2100年后阳历、星期等依旧准确,但农历就没有了!(也不需那么准哈,今天能看到博文的,几乎没几人,哈哈哈!)

附件可下载(文件很小,7kb),有办法的可自行修改。
 下载文件 (已下载 814 次)
Tags: , , , ,

html5+css控件美化

[不指定 2019/10/28 19:12 | by 吕进 | Via 本站原创 ]
前段时间,为个人博客APP版专门折腾的控件样式,可通用
留存备份,需要的可以下载研究
 下载文件 (已下载 766 次)
Tags: , ,

HTML响应式布局

[不指定 2019/07/29 10:06 | by 吕进 | Via CSDN ]
出现背景:比如,篇幅很长的文章在手机端预览时,会出现很长的横向滚动条。
基本定义:为不同终端的用户提供更加舒适的界面和更好的用户体验。简而言之,就是一个网站能够兼容多个终端。
根本宗旨:写一次代码,跑在一万种设备上
核心思想:不就是设置宽度么?
实现方式:根据不同设备,设置不同CSS样式,设置该设备支持的页面宽(高)。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>响应式布局</title>    
    <!--
      当设备最大宽度大于480px时,按不同的设备宽度使用不同的样式
      即:设备宽度在480px以内时,使用移动端样式,mobile样式
    -->
    <link rel="stylesheet" href="css/pc.css" media="only screen and (min-width:1200px)"/>
    <link rel="stylesheet" href="css/pc_zd.css" media="only screen and (min-width:980px) and (max-width:1199px)"/>
    <link rel="stylesheet" href="css/pad.css" media="only screen and (min-width:768px) and (max-width:979px)"/>
    <link rel="stylesheet" href="css/shouji.css" media="only screen and (min-width:480px) and (max-width:767px)"/>
    <link rel="stylesheet" href="css/mobile.css" media="only screen and (max-width:479px)"/>
</head>

<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false">
    <div>
      <p>
      响应式布局
      </p>
    </div>
  <div></div><div></div><div></div></body>
</html>

在设置时,需要注意设置顺序,如
@media screen and (min-width:1200px)
@media screen and (min-width:980px)
@media screen and (min-width:768px)
@media screen and (min-width:480px)
@media screen and (max-width:479px)
否则,后面的会覆盖前面的样式。
Tags:
分页: 1/5 第一页 1 2 3 4 5 下页 最后页 [ 显示模式: 摘要 | 列表 ]