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

html5+css控件美化

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

PHP为任意页面设置访问密码

[不指定 2019/07/17 17:17 | by 吕进 | Via 奇乐网 ]
1、首先下载附件,当然需解压;
2、将MkEncrypt.php上传;
3、在需要加密的页面引用以下代码:
<?php
error_reporting(0);
include("MkEncrypt.php");
//注意文件目录正确
MkEncrypt("123123123",'');
//访问当前页面的密码
?>
如果主页面未添加“error_reporting(0);”,需将MkEncrypt.php下面的setcookie()函数需注释掉,否则会不错;
 下载文件 (已下载 326 次)
Tags: ,

SQLITE WEB管理工具

[不指定 2019/06/22 16:56 | by 吕进 | Via 本站原创 ]
SQLite是一款轻型的数据库,目前已经在很多嵌入式产品中使用了它,它的优点是无需安装、使用方便,且占用资源非常低!如果对并发效率要求不高的话,完全可以代替MySql。
WEB在线管理工具不是很多,
1、phpSQLiteAdmin(测试:配置较麻烦,易报错)
2、phpliteadmin(已测试:几乎无需配置、上传既可使用)
特别推荐使用:phpliteAdmin(类似phpAdmin),文件小,配置简单、且有汉化版本。
如有需要可本站下载:
 下载文件 (已下载 384 次)

MYSQL根据逗号将一行数据拆分成多行数据

[不指定 2019/06/12 11:06 | by 白燕湾 | Via 本站原创 ]
工作中,经常有按规定字符拆分行的情况,比如在订单处理时,有一个客户订单对应多个商品时,需拆分。
在拆分前,我们首先需要知道,取哪个特定的字符进行拆分?
如果是逗号,是中文字符还是英文字符?
如果用length(str)函数,中文返回的结果是3*
英文字符的返回字符是1*;
所以:需要掌握:length(str)和char_length(str)的运用。
以下场景如:                            
usernametags
王五10,11,12
龙大12,13

MYSQL代码:
select a.username,substring_index(substring_index(a.tags,',',b.help_topic_id+1),',',-1) tag
from USER_TAG a join
mysql.help_topic b
on b.help_topic_id < (length(a.tags) - length(replace(a.tags,',',''))+1)
order by username;
                                                              
usernametags
王五10
王五11
王五12
龙大12
龙大13

help_topic是mysql库下的一张表,如果没权限,可以通过:
Tags:
分页: 1/5 第一页 1 2 3 4 5 下页 最后页 [ 显示模式: 摘要 | 列表 ]