-
WordPress教程之实现自动生成sitemap.xml网站地图功能
sitemap.xml也就是网址地图，这对网站的优化是很有好处的，站点地图这玩意真的很有必要整一个。 很多站长都是直接用插件生成一个sitemap.xml，没毛病，也是可以的，但是微码盒小编个人觉得能用代码实现的，就不会用插件，下面就分享纯代码实现WordPress自动生成sitemap.xml网站地图功能： 新建文件 首先新建一个“sitemap.php”文件，然后将下面代码复制到sitemap…- 857
- 0
-
网页HTML特殊字符编码对照表
在设计和开发网页时，需要用到一些特殊符号，比如：©，®，℃，¥，⅜ 等等，有些上网找半天不一定能找到。HTML 特殊符号编码有很多种 unicode、十六进位码（hex code），html 实体编码（entity code），还有我们熟知的 html 实体（html entity） ，为了在 css content 属性中使用，还有对应的 css code。 你可以在 HTML 标签中直接插入十…- 10
- 0
-
表单动画 jQuery 插件：Form Animation Plugin
今天为大家分享的表单动画 jQuery 插件：Form Animatiom，我想大家看图就知道他作用是干什么了。主要作用就是当用户提交错误表单时，而触发动画提醒功能，这样会更加醒目，而动画效果友好，不会太过唐突。该插件需要引入 Animate.css 才能实现动画，所以你完全可以从 Animate.css 的几十种动画效果里挑选你喜欢的。 效果演示： 但可能用户会问，这么一个动画也要插件吗？别担心…- 3
- 0
-
利用.htaccess实现文件的加密保护方式
如果我们是有用的Apache引擎的话，我们应该知道是用的.htaccess控制伪静态的。但是在.htaccess文件中还是有其他的用途功能。比如控制文件的加密和访问方式。在这篇文章中，老蒋来记录.htaccess文件的加密保护方式。 如何对单个文件进行密码保护 要对单个文件进行密码保护，您需要一个有效的 .htpasswd 文件，它存储了授权用户的凭据。只有 .htpasswd 文件中指定的用户才…- 10
- 0
-
在WordPress后台显示待审文章角标提示
WordPress默认情况下有待审评论时会显示一个角标提示，如果您的主题有前端投稿功能，并且投稿后文章是待审状态，也想有一个角标提示，及时提醒管理员审核通过这些文章，可以参考本文的方法。 将下面代码添加到当前主题函数模板functions.php中： 为全部文章类型显示待审角标提示 function zm_menu_badges_for_all_post_types() { global $men…- 15
- 0
-
禁止WordPress目录枚举
目录枚举（Directory Enumeration）漏洞，是一种常见的安全漏洞，允许攻击者枚举服务器上的目录或文件结构，进而获取敏感信息、识别潜在的弱点或利用已知漏洞进行攻击。 最近碰到一个问题，用户建企业网站要求非常严格，登录页面不允许外网访问、注册登录不允许错误提示、用户首次登录强制要求修改密码等，WordPress本身无相关设置，只能通过配置Nginx、修改程序文件、添加强化代码实现。 还…- 11
- 0
-
CentOS8下yum源配置及nmcli命令简单介绍
一、CentOS8 yum源配置 1、挂载光盘镜像配置本地yum源 先移走系统默认的repo文件 cd /etc/yum.repos.d/ mkdir repobak mv *.repo repobak/ 挂载本地光盘镜像 mkdir /mnt/cdrom mount -t iso9660 /dev/cdrom /mnt/cdrom 编辑本地yum源repo文件 vi CentOS-LocalMe…- 9
- 0
-
HTML5（FileReader）实现图片上传预览功能
前言 FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下面通过本文给大家介绍 JS 中利用 FileReader 实现上传图片前本地预览功能，需要的朋友参考下。 平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去，成功之后拿到 URL 再渲染到页面上，这样做在图片比较小…- 9
- 0
-
INPUT、SELECT等表单元素图片对齐问题
今天在写页面时，发现了一个问题，当 INPUT、SELECT 及用图片做的 button 放在一起（并排放一起）时一个高一个矮。刚开始怎么调样式都出不来结构，后来发现原来一个 vertical-align:middle 就可搞定。 归纳如下： 1、INPUT 和图片按钮对齐： <form method="post" action="ccc.asp"&g…- 6
- 0
-
IE下radio/checkbox的change事件失效
今天写一个全选功能，在 chrome 和 firefox 下测试都正常实现效果，到了 ie 下死活没效果。一番周折,测试发现在 ie 中勾选了以后还要点击其他位置才会触发 onchange 事件。这种问题呢，有两种方式可以解决，用 onclick 事件代替或者用 onpropertychange 事件代替，Jquery 中也是有这种问题。 $("#radioOne").chan…- 10
- 0
-
苹果手机将网站添加到主屏幕上的方法
通常在 iPhone,iPad,iTouch 的 safari 上可以使用添加到主屏按钮将网站添加到主屏幕上。 <link rel="apple-touch-icon" href="/custom_icon.png"/> apple-touch-icon 是 IOS 设备的私有标签，如果设置了相应 apple-touch-icon 标签，则添加到…- 69
- 0
-
CSS3判断横屏竖屏方式（三种）
很多时候，为了让手机版横竖屏时有一个理想的效果，我们都需要通过判断区间来设定相应的 css 样式，现在的 CSS3 推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏，下面将目前已知的通过 HTML，CSS，JS 三种判断方法记录下来，方便以后翻阅。 1、通过在 html 中分别引用横屏和竖屏的样式： <link rel="styleshee…- 11
- 0
-
CSS样式表中样式覆盖优先顺序
有时候在写 CSS 的过程中，某些限制总是不起作用，这就涉及了 CSS 样式覆盖的问题，如下： #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中（w3schools 等…- 9
- 0
-
用CSS让字体在一行内显示不换行
当一行文字超过 DIV 或者 Table 的宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行要怎么办呢？用 CSS 让文字在一行内显示不换行的方法，一般的文字截断(适用于内联与块)： .text-overflow{ display:block; /*内联对象需加*/ width:31em; word-break:keep-all; /* 不换行 */ white-space:nowrap…- 36
- 0
-
原生态js方法实现全选复制功能
我的 demo 网站想做一个复制代码的功能，可是原生态的 js 只有 ie 下才能实现，其他浏览器都需要 flash 来实现复制功能，我又不想用 flash，鼓捣了很久，不能复制，我起码能做一个全选的功能吧。下面是复制的代码： function selectCode(objid){ var obj = document.getElementById(objid); obj.select(); } …- 5
- 0
-
Span之间空隙原因和解决办法
span 之间的空隙，到底是什么？display:inline-block 的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？ （例如在浮动元素居中当中，我们必须使用 display:inline-block） 实例代码 <html> <head> <meta charset="UTF-8"/> <title>…- 30
- 0
-
通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换
在本教程中，我们将使用 CSS 自定义属性（也称为 CSS 变量）来为简单的 HTML 页面实现主题切换。 我们将创建暗黑和明亮的示例主题，然后编写 JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过，请先阅读 CSS 变量(自定义属性)实用指南及注意事项这篇文章 就像在典型的编程语言中一样，变量用于保存或存储值。 在 CSS 中，它们通常用于存储颜色，字体名称，字体大小…- 12
- 0
-
判断访问用户终端设备类型
以前判断网站的访客全部用的是 userAgent 来判断的，基本上都是判断 userAgent，一些简单点的终端没有什么问题，可是用过一段时间发现有的手机终端不会跳转，后面研究了下百度 siteapp，发现他的函数写的挺好的，可以直接拿来用，判断的也比较全面。 使用 userAgent 判断（iPhone|iPod|Android|ios|iPad） function uaredirect(mur…- 19
- 0
-
CSS实现背景图片透明和文字不透明效果
项目中经常会用到背景图上放一些文字介绍，这里介绍两种技术来实现背景图片透明，文字不透明效果，记录一下，方便日后学习。 1.毛玻璃效果： 背景图 + 伪类 + flite:blur(3px) CSS 代码 .demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center; } .demo1:before{ backg…- 15
- 0
-
CSS 中 background 属性合并写法
上次写 CSS 样式时同时有 background-size background-positon 两个属性，但是我想合并成一个 background 来写，刚开始遇到了一些麻烦，怎么写都不生效。后面谷歌，我们应该这样子写： background：no-repeat scroll 0px 0px / 200px 29px rgba(0, 0, 0, 0); / 做分割 前面是 background…- 4
- 0
-
JavaScript中escape()、encodeURI()、encodeURIComponent()的区别
JavaScript 中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应 3 个解码函数：unescape,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函数 定义和用法 escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 语法 esc…- 7
- 0
-
网站加入鼠标滑过抖动样式
站长闲下来的时候，就四处逛逛网站，顺便扒点其他网站的代码，比如 html、css、js；都是站长通过 f12 或者 view-source 扒到的，有些代码很容易就能扒到，有些很难，比如今天分享的这个，扒了得半小时，才找到 css 具体代码！支持所有网站，wordpress、typecho、hexo 等等之类的。 代码说明： 该 css 代码，作用于 class 为 post-item 下 h2 …- 7
- 0
-
Jquery实现页面下拉滚动加载内容
最近要新写一个手机项目，感觉上面不是用得很舒服，然后就新写了一个，改动不是很大。 判断到底部 $(window).scroll(function () { if ($(document).scrollTop() + $(window).height() >= $(document).height()) { alert("哦哦,到底了."); } }); 如果要实现拉到底部…- 14
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×