随笔分类 - 网站网页
和网站网页有关的技术资料和文章。
摘要：body { background-size:cover; text-align:center; /*此部分支持chrome，应该也支持firefox*/ background:rgb(246,248,249); background:url(../img/bg.jpg) no-repeat cen
阅读全文
摘要：在项目里碰到过一个问题，input 输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中。 在FF下出现的情况是：点击 input 时，输入光标其实上跟 input 的 height 一样高，但当开始输入文字时，光标又变得跟文字一样高，chrome 下
阅读全文
摘要：假设已上传视频的七牛文件地址为 https://cdn.bbseat.com.cn/video 获取视频文件的基本信息 加上查询参数后缀 avinfo 即可。 https://cdn.bbseat.com.cn/video?avinfo 例如： "format": { "nb_streams": 2
阅读全文
摘要：富文本编辑器是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于 Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。 作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到
阅读全文
摘要：去除字符串左右两端的空格，在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim，但在js中却没有这3个内置方法，需要手工编写。下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下：str.trim(); <scri
阅读全文
摘要：Firefox中，如果一个表单控件具有 required 属性，那么当这个控件失效时会自动被Firefox加上一圈粉红色的边框，极其难看，无法实现各个浏览器统一，尤其是当你将这个控件设置了不显示某些边框线的时候，要去除Firefox给有required属性的表单控件添加的边框，只需要添加一句CSS代
阅读全文
摘要：函数和类、属性命名 1、类的命名采用驼峰法（首字母大写），例如 User、UserType； 2、函数的命名使用小写字母和下划线（小写字母开头）的方式，例如 get_client_ip； 3、方法的命名使用驼峰法（首字母小写），例如 getUserName； 4、属性的命名使用驼峰法（首字母小写），
阅读全文
摘要：#测试网址: http://localhost/blog/testurl.php?id=5 //获取域名或主机地址 echo $_SERVER['HTTP_HOST'].""; #localhost //获取网页地址 echo $_SERVER['PHP_SELF'].""; #/blog/test
阅读全文
摘要：概述 Notification API是浏览器的通知接口，用于在用户的桌面（而不是网页上）显示通知信息，桌面电脑和手机都适用，比如通知用户收到了一封Email，具体的实现形式由浏览器自行部署，对于手机来说，一般显示在顶部的通知栏。 如果网页代码调用这个API，浏览器会询问用户是否接受，只有在用户同意
阅读全文
摘要：官方文档： Notification.requestPermission() - Web API 接口参考 | MDN (mozilla.org)
阅读全文
摘要：简介 Prism 是一款轻量、可扩展的代码语法高亮库，使用现代化的 Web 标准构建。 为什么选择 Prism？ 极致易用 引用 prism.css 和 prism.js，使用合适的 HTML5 标签（code.language-xxxx），搞定！ 天生伶俐 语言的 CSS 类是可继承的，所以你只需
阅读全文
摘要：现在移动端设备的普及下，除了办公和游戏外，使用电脑的次数越来越少，基本上都成为了低头一族。而这苦了一些网页前端的设计人员，为了能让网页适应PC端又同时适配移动端，自适应响应式网页就成为了当前的主流。 自适应网页在不同设备或不同分辨率下，显示的布局是不同的。为了不让页面变形，而更好来美化网页，我们可以
阅读全文
摘要：一直很喜欢LayUI的弹出层和框架，但最近用的时候发现一个问题，第一次点击layer.msg会很长，百度+Google终于找到了原因，解决方式： 1. 设置宽高（不推荐）。 2. ready一下，代码如下（推荐）： layui.use('layer', function() { var layer
阅读全文
摘要：这年头，真是好记性不如烂笔头，学的还没有忘的快，刚才用到的页面跳转，却又记不清楚了，故特意整理了一下，用做以后参考。从一个网页跳转到另一个网页，是LAMP项目中最常用的技术之一，页面跳转可能是由于用户单击链接、按钮等引发的，也可能是系统自动产生的，此处介绍PHP中常用的实现页面自动跳转的方法。 PH
阅读全文
摘要：CSS 常规解决办法： 表格的 cellpadding 和 cellspacing 我们经常会用如下的方式来清除默认样式： 我们可以用 table 的 border-collapse:collapse; 属性来代替 cellspacing="0"，用 th,td 的 padding:0; 属性来代替
阅读全文
摘要：最近工作中写代码的时候需要在一串字符串中将所有的数字提取出来这么一个小功能，研究了一下发现方法还挺多，值得记录一下，于是对如何使用PHP将字符串中的数字提取出来的功能做了一个小总结，总结三种方法如下： 第一种方法，使用正则表达式： 第二种方法，使用in_array方法： 第三种方法，使用is_num
阅读全文
摘要：不知道说是 Chrome 智能呢？还是说它多此一举？Chrome 浏览器中存在默认会自动将小于11px大小的字体调整为12px。我在写 BlueNight 主题的最新评论时候就设置了评论发布时间为11px，无意中有再次发现 Chrome 的这个字体显示问题（最早还是在阿里国际站的时候第一次遇到这个问
阅读全文
