-
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…- 4
- 0
-
HTML5（FileReader）实现图片上传预览功能
前言 FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下面通过本文给大家介绍 JS 中利用 FileReader 实现上传图片前本地预览功能，需要的朋友参考下。 平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去，成功之后拿到 URL 再渲染到页面上，这样做在图片比较小…- 3
- 0
-
苹果手机将网站添加到主屏幕上的方法
通常在 iPhone,iPad,iTouch 的 safari 上可以使用添加到主屏按钮将网站添加到主屏幕上。 <link rel="apple-touch-icon" href="/custom_icon.png"/> apple-touch-icon 是 IOS 设备的私有标签，如果设置了相应 apple-touch-icon 标签，则添加到…- 3
- 0
-
原生态js方法实现全选复制功能
我的 demo 网站想做一个复制代码的功能，可是原生态的 js 只有 ie 下才能实现，其他浏览器都需要 flash 来实现复制功能，我又不想用 flash，鼓捣了很久，不能复制，我起码能做一个全选的功能吧。下面是复制的代码： function selectCode(objid){ var obj = document.getElementById(objid); obj.select(); } …- 2
- 0
-
Span之间空隙原因和解决办法
span 之间的空隙，到底是什么？display:inline-block 的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？ （例如在浮动元素居中当中，我们必须使用 display:inline-block） 实例代码 <html> <head> <meta charset="UTF-8"/> <title>…- 8
- 0
-
通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换
在本教程中，我们将使用 CSS 自定义属性（也称为 CSS 变量）来为简单的 HTML 页面实现主题切换。 我们将创建暗黑和明亮的示例主题，然后编写 JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过，请先阅读 CSS 变量(自定义属性)实用指南及注意事项这篇文章 就像在典型的编程语言中一样，变量用于保存或存储值。 在 CSS 中，它们通常用于存储颜色，字体名称，字体大小…- 4
- 0
-
判断访问用户终端设备类型
以前判断网站的访客全部用的是 userAgent 来判断的，基本上都是判断 userAgent，一些简单点的终端没有什么问题，可是用过一段时间发现有的手机终端不会跳转，后面研究了下百度 siteapp，发现他的函数写的挺好的，可以直接拿来用，判断的也比较全面。 使用 userAgent 判断（iPhone|iPod|Android|ios|iPad） function uaredirect(mur…- 13
- 0
-
CSS实现背景图片透明和文字不透明效果
项目中经常会用到背景图上放一些文字介绍，这里介绍两种技术来实现背景图片透明，文字不透明效果，记录一下，方便日后学习。 1.毛玻璃效果： 背景图 + 伪类 + flite:blur(3px) CSS 代码 .demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center; } .demo1:before{ backg…- 11
- 0
-
网站加入鼠标滑过抖动样式
站长闲下来的时候，就四处逛逛网站，顺便扒点其他网站的代码，比如 html、css、js；都是站长通过 f12 或者 view-source 扒到的，有些代码很容易就能扒到，有些很难，比如今天分享的这个，扒了得半小时，才找到 css 具体代码！支持所有网站，wordpress、typecho、hexo 等等之类的。 代码说明： 该 css 代码，作用于 class 为 post-item 下 h2 …- 3
- 0
-
Jquery实现页面下拉滚动加载内容
最近要新写一个手机项目，感觉上面不是用得很舒服，然后就新写了一个，改动不是很大。 判断到底部 $(window).scroll(function () { if ($(document).scrollTop() + $(window).height() >= $(document).height()) { alert("哦哦,到底了."); } }); 如果要实现拉到底部…- 9
- 0
-
纯CSS3实现手风琴风格菜单具体步骤
有朋友问我，我的 demo 里面的手风琴效果怎么做出来，看起来很漂亮，其实这个手风琴效果没用一点 js，全部用 css3 来实现的，菜单主要通过使用:target 伪类来实现，教程中我们主要通过使用伪类:before 和:target 来定义样式，使用:target 来实现菜单点击展开子菜单事件，希望你能够喜欢这个教程： 如何使用纯 CSS3 创建手风琴风格菜单呢，菜单主要通过使用:target …- 13
- 0
-
原生态JS的方法调用CLASS元素标签
最近研究起来原生态的 js 来，主要因为 jquery 太冗余了，拖慢了网站的访问速度，于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”)，希望对你们有用。 <html> <head> <title></title> <script type="text/javascript"> window.onlo…- 3
- 0
-
超级有意思经典代码注释图
对于很多程序员来说，最讨厌别人不写注释。而有些人写出来的代码注释，通常拥有幽默搞笑的风格，看起来很有意思。网上收集了许多超级有意思的代码注释，有如来佛、草泥马等有趣的注释！ /*** * .,:,,, .::,,,::. * .::::,,;;, .,;;:,,....:i: * :i,.::::,;i:. ....,,:::::::::,.... .;i:,. ......;i. * :;..:…- 4
- 0
-
用纯CSS打造圆形图片旋转的方法
上次看到一个博客的 LOGO 图片很好看，一个旋转的圆形人物图片，但是我看他用了大量的 JS 代码来渲染这个效果。其实这种方式纯 CSS3 是完全可以实现，我们只需要考虑清楚我们的思路。 1、圆形图片 我们这里使用了一张哈弗 H2 的图片。 然后把图片写成圆形。 height: 300px; width: 300px; border-radius: 150px; 2、将图片旋转 这里我们使用了动画…- 3
- 0
-
纯CSS绘制各种箭头方法
用 CSS 即可绘制出各种箭头，无需裁剪图片，甚至没有用到 CSS3 的东西。对浏览器支持良好。以前写过一片文章，我博客的评论框就是用箭头来实现的。原理非常简单，通过截取 border(边框)的部分“拐角”实现，几行 CSS 代码即可理解。 一个梯形 当元素宽、高和边框的宽相近（等）时，改变某一边的颜色可以看到一个梯形: 三角形 当元素宽、高为零，且其他边为透明颜色时，可以形一个三角形: 任意角度…- 2
- 0
-
如何在 JavaScript 中获取 CSS 值
有时候单独的使用 CSS 是不够的。您可能需要使用 JavaScript 控制 CSS 值。但是你如何在 JavaScript 中获得 CSS 值？有两种可能的方式，取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML style 属性(attribute)中的样式。 //HTML 代码 <div class="element" style=…- 3
- 0
-
HTML5中Canvas绘图各种基本图形的方法
canvas 是 html5 的一部分，当然他们说的 H5 也并不是 html5 的意思，只是表示在手机浏览器中，更侠义的是在微信浏览器中打开的酷炫的网页。曾几何时，我也觉得 canvas 真的酷爆了，各种什么烟花、酷炫的动画效果、canvas 游戏等，都燃烧着我学习的热情。后来通过学习，多看书，其实 canvas 并不复杂，要用到的东西也不多，大概整理一下： 1、绘制直线： 4 这…- 4
- 0
-
CSS3 文字边框 -webkit-text-stroke 镂空的字体
其实一直没用过这个属性，发现还可以有很不错的效果，就二行代码就搞掂，分享下 CSS 边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke 可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用 color: transparent 属性，还可以创建镂空的字体！ 代码如下： h3 { color: transparent; -webkit-tex…- 3
- 0
-
HTML中调用返回上一页代码
<a href=”javascript :history.back(-1)”>返回上一页</a> 或者： <a href=”javascript :;” onClick=”javascript :history.back(-1);”>返回上一页</a> 如果是用按钮做的话就是： <input type=”button” name=”Submit…- 13
- 0
-
WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法
作为 WordPress 主题或插件开发者，创客云建议大家要掌握主题或插件国际化（I18n）/本地化的实现方法，WordPress 使用了下面几个函数来方便语言本地化： __() _e() _x() _ex() _n() 以上所列的函数是用来包含所需翻译的字符串的，根据字符串的不同参数和输出类型，需要使用不同的函数。相信有不少朋友还是不太明白这几个函数的区别和用法，下面就来详细说说。 __() 和…- 11
- 0
-
禁止移动设备长按拷贝
网页在手机上浏览时通常会碰到一个问题，就是不小心触摸时间过长就出现自带的拷贝等按键了（有些客户也需要屏蔽手机端复制功能），造成了不好的体验，下面就教你解决办法。 web 端，只需在 css 中加入代码就可以了 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-use…- 11
- 0
-
纯CSS3将彩色图片转换成黑白图片
通过使用过滤器我们能够不使用 photoshop 等图像软件或 js、php 等技术就可以进行各种图像处理。 最近到处看到有人在说 CSS3 的 filter 一直没有时间自己去测试这效果。 现在，CSS 过滤器已经被各种现代浏览器广泛支持，我们可以使用一些组合的方法，来制作跨浏览器的图像处理效果， 通过这种方法，即使是在 IE 浏览器中也能够正确的显示我们需要的图像效果。 今天终于抽出时间学习这…- 5
- 0
-
jQuery获取上传文件的名称类型大小
Web 开发中，经常会涉及到文件上传。文件上传时通常都要验证文件的有效性，这个通常就要用正则表达式来判断。 通常情况下，当用户通过<input type='file>'标签来上传文件时，我们可以看到上传文件的名称。 HTML5 File API 为我们提供了一种安全的方式，让我们在客户端访问计算机中的文件，并更好的对这些文件执行操作。 支持 File API 的浏览…- 3
- 0
-
HTML5 类名操作ClassList属性简介
常我们在操作类名时，需要通过 className 属性来添加，删除和替换类名。 因为 className 中是一个字符串，所以即使我们只是修改字符串的一部分，也要每一次都重新设置整个字符串的值。 如果一个元素有多个类名，要如何删除呢，jqeury 提供了 removeClass()这个 api，如果不用插件，自己封装，例如有下面的代码： <div class="name1 name…- 3
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×