编程开发 - 教程之家

357浏览

0评论

迅速搞懂JavaScript正则表达式之方法

咱们来看看JavaScript中都有哪些操作正则的方法。 RegExp RegExp 是正则表达式的构造函数。使用构造函数创建正则表达式有多种写法：new RegExp('abc')...

2019-02-13 19:22:24

328浏览

0评论

JavaScript实现动态添加、移除元素或属性的方法分析

本文实例讲述了JavaScript实现动态添加、移除元素或属性的方法。分享给大家供大家参考，具体如下：JavaScript 动态添加、移除元素appendChild(newnode)向节点的子节点列表的末...

2019-02-13 19:19:12

461浏览

0评论

详解利用clear清除浮动的一些问题解决

下面这段代码是用来清除浮动带来的高度塌陷问题.clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden;}...

2019-01-30 00:33:40

407浏览

0评论

分享几段能经常用到的前端代码

分享几段最近用到的前端代码 1、Bootstrap 的 table 内容超出不换行问题在做一个对比的时候，页面限制有点窄，使用 Bootstrap table 的时候，内容超出居然不换行，...

2019-01-11 22:41:03

359浏览

0评论

一个比 Cookie 更好的本地存储方式 – HTML5 Web 存储

Web 开发中经常会遇到网站需要做一些例如用户备忘录、文章修改自动保存等需求这些功能不需要长期保存，也不需要入数据库，所以有人可能会考虑使用 Cookie 去进行存...

2019-01-11 22:34:08

581浏览

0评论

纯代码为网站站点添加雪花飘落效果

圣诞节到了，给自己的网站增加一点过节的气息，来个雪花飘落的特效，代码如下：<script type="text/javascript">(function($){ $.fn.snow = function(options){ var $flake = $...

2019-01-08 23:43:58

340浏览

0评论

PHP全局唯一ID生成

/** * 全局唯一id生产类 * https://segmentfault.com/a/1190000007769660 * 基于Twitter的SnowFlake算法改造 * twitter的结构： * 64bit = 1bit为空缺 + 41bit毫秒时间戳 + 1...

2019-01-07 21:07:51

361浏览

0评论

PHP格式化日期，显示“刚刚，几分钟前，几小时前，几天前，几个月前”

不废话，直接上代码，大家参考一下：function format_date($time) { $nowtime = time(); $difference = $nowtime - $time; switch ($difference) { case $differ...

2019-01-07 20:59:35

887浏览

0评论

js使用new Date()在苹果浏览器失效的问题

time在数据库存入方式为“2018-12-11 21:53:16”。随后，在js里面使用new Date()。var time="2018-12-11 21:53:16";var start = Math.floor((new Date(time)).valueO...

2019-01-05 11:08:57

355浏览

0评论

PHP基于curl实现的上传图片功能

直接上代码：$filename = GUIDv4() . '.jpg';$save_path = $save_dir . DIRECTORY_SEPARATOR . $filename;file_put_contents($save_path, $data);$curl = curl_i...

2018-12-31 14:26:46

383浏览

0评论

HTTP Caching 优化网站

HTTP Caching 用好了，可以极大的减小服务器负载和减少网络带宽。十分有必要深入了解下 http 的 caching 协议。先来看下请求/响应过程：http 请求/响应1、用 Last-Modified 头...

2018-12-30 22:42:02

347浏览

0评论

CSS3扩展小知识 CSS蒙版 CSS倒影 hsla模式等语法介绍

扩展一: css3蒙版语法:-webkit-mask-image: url(蒙版图片路径) | 使用渐变作为蒙版;-webkit-mask-repeat: no-repeat | repeat | repeat-x | repeat-y;-webkit-...

2018-12-30 14:55:51

460浏览

0评论

背景尺寸 background-size 属性语法介绍以及使用

语法:background-size: 值; 1. length 该属性值是设置背景图的宽度和高度，第一个值代表宽度，第二个值代表高度，如果只设置第一个值，第二个值自动为auto，等比例缩放...

2018-12-30 14:53:11

316浏览

0评论

Css背景渐变属性语法介绍以及使用

1. 线性渐变语法:background: linear-gradient(tp top, red 0%, yellow 30%, green 45%); 注: 重复的线性渐变写法如下background: repeating-linear-gr...

2018-12-30 14:51:42

461浏览

0评论

Css背景切割与原点属性语法介绍以及使用

1. 背景切割语法:background-clip: border-box | padding-box | content-box; border-box: 默认值，背景在包含边框以内的区域可见 padding-box:...

2018-12-30 14:49:53

272浏览

0评论

文本阴影 text-shadow 与盒阴影 box-shadow 属性语法介绍

文本阴影语法:text-shadow: 水平偏移量垂直偏移量模糊度颜色值; 水平偏移量: 向左为负，向右为正垂直偏移量: 向上为负，向下为正模糊度...

2018-12-30 14:27:57

288浏览

0评论

Css3圆角 border-radius属性介绍以及使用

语法:border-radius: 数值+单位;1. 设置一个值border-radius: 20px; 四个方向的圆角均为20px 2. 设置两个值border-radius: 10px 50px; 左上角和右下...

2018-12-30 14:25:12

937浏览

0评论

Js如何把时间戳转化为日期格式北京时间小方法

也是上班时遇到，后台接口数据给我反的是一个时间戳，需要转化为日期时间展示到前台，方法如下：首先大家先参考下面代码// 下面一句代码是获取一个时间对象//时间戳，填写你需要转换...

2018-12-30 14:20:40

319浏览

0评论

使用原生js来实现瀑布流效果

瀑布流网页页面效果目前是一种很常见的布局，下面使用原生js实现一个瀑布流效果，附代码如下复制代码，图片路径自己修改即可CSS代码<style type="text/css"> *{ margin:0; padd...

2018-12-30 10:51:36

401浏览

0评论

Css3基础变形的语法以及使用介绍

语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移); 注: 当多种变形方式综合在一起时，用空格隔开 1. rotate 旋转( X/Y/Z 必须为大写 )...

2018-12-30 10:44:54

290浏览

0评论

一个好用的js固定层代码（广告随屏移动）

网页中常会用到固定层这样的效果，可以放广告，可以放标签，可以放关注。js代码如下if ($('#follow-us')){ var followUsPosition = $('#follow-us').offset()...

2018-12-28 21:12:07

347浏览

0评论

网页中图片属性固定宽度，如何用js改变大小

后台上传图片后，都有一个图片属性，会指定图片的宽和高，如果图片固定了宽度和高度，PC端用max-width可以控制最大宽度，高度自动缩放。但是手机端就没法自动缩放，可以使用js来改...

2018-12-28 00:31:38

620浏览

0评论

CSS技巧：利用animation动画实现呼吸灯效果

呼吸灯实现思路底图是一个暗的灯 jpg，另外一张图则是亮灯的 png 透明图片，利用绝对定位将亮灯图片定位在底图上。然后用 animation 写出动效，也就是呼吸灯的闪动效果。最后亮灯...

2018-12-21 23:57:38

297浏览

0评论

通过异步加载 JavaScript 代码提高页面的载入速度

JavaScript 执行的时候可能会修改 DOM，影响页面的展现，默认情况下，先加载执行 JavaScript，再加载执行后面的代码才是安全的，加载执行 JavaScript 代码的时候，会停止后面代码的...

2018-11-17 23:55:11

355浏览

0评论

使用 jQuery 添加网页锚文本平滑滚动效果

我们浏览一些网站的时候，会发现点击导航条上的链接的时候，页面会非常平滑的滚动网页下面相应的位置，相对于浏览器默认的一下子跳过去，用户体验无疑友好了许多，其实显示这种效果只...

2018-11-14 22:25:27

327浏览

0评论

JavaScript保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。 abstract arguments boolean break byte c...

2018-10-22 21:50:57

940浏览

0评论

[CSS]让子容器高度占满父容器

昨天在做侧栏搜索时遇到一个小问题，搜索按钮高度与input表单高度不同。看似很小的问题自己却不懂，height100%不顶用，于是百度一下找到一个解决方法：首先让父容器 position:relat...

2018-10-20 01:48:47

357浏览

0评论

pre标签简单样式

这是介于语法高亮和无样式之间的一种样式，效果如图：CSS参考图一pre { margin:15px auto; padding:20px 15px; border:1px solid #ddd; border-left:4px solid #58...

2018-10-18 23:43:38

271浏览

0评论

PHP简单的加密源码

新建一个php文件，将下面的代码粘贴进去，utf-8(无bom)格式 - 保存。运行该文件即可加密相应的文件，看注释<?php/** * 简单的PHP加密 * 会在该文件的同级目录下生成一个create文...

2018-10-18 23:41:43

387浏览

0评论

一个简单的CSS加密方法

CSS本身没有什么安全性可言，也不需要加密。而有些时候为了保护指定的样式表，可以采用混淆的方法扰乱查看者的视听。比如下面这段：@charset "utf-8";/*Theme Name: linstyle...

2018-10-18 22:55:47

470浏览

0评论

CSS隐藏滚动条但不影响正常滚动

由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。百度找不到答案，谷歌或许你会找到。我就直接提供demo出来，运行代码来看效果吧。有两种方法：大体思...

2018-10-15 22:58:04

349浏览

0评论

CSS未知高度元素垂直居中解决方法

通常产品列表，我们希望产品图片是在一个盒子内垂直居中，如果图片尺寸未知，且希望保持原来的宽高比例，就涉及到未知高度元素垂直居中的问题。如果不用考虑IE6/7，问题会非...

2018-10-04 15:18:42

660浏览

0评论

js问候-早上好、中午好、晚上好

1、在根目录（路径自己定义，我是图方便就放到了根目录）新建一个js文件(如：global.js)，并复制下面代码放到到里面://头部问候语function hello() { today=new Date(); var da...

2018-09-30 21:39:10

605浏览

0评论

导航栏下拉至一定高度后固定在顶部的特效

本文讲一下，让导航栏下拉至一定高度后固定在顶部的特效。看下面的代码：<script type="text/javascript">$(function() { var nav = $(".nav"); var sc = $(document...

2018-09-28 22:47:12

889浏览

0评论

解决使用UEditor编辑器时HTML模式下保存无效的问题

在相关HTML页面进行如下修改。找到提交框所在的from。在form上添加或修改id="edit"然后，在form外层，添加如下代码。<script type="text/javascript"> function editor_init...

2018-09-21 23:45:19

320浏览

0评论

巧用CSS3的calc()宽度计算做响应模式布局

今天浏览这个http://www.sitepoint.com站时，因为好奇看了下人家写的代码，结果发现了这行代码于是就研究了一下，calc()从字面我们可以把他理解为一个函数function。其实calc是英...

2018-09-21 21:04:20

315浏览

0评论

css负边距之详解

自从1998年CSS2作为推荐以来，表格的使用渐渐退去，成为历史。正因为此，从那以后CSS布局成为了优雅代码的代名词。对于所有设计师使用过的CSS概念，负边距作为最少讨论到的定位方式...

2018-09-21 20:53:11

337浏览

0评论

HTML5-语义化

距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司...

2018-09-21 20:48:53

344浏览

0评论

canvas小tip–下载二维码、图片加水印

昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码（查看如何生成二维码）HTMLCanv...

2018-09-21 20:46:26

526浏览

0评论

手写签名插件—jSignature

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js，首先初始...

2018-09-21 20:44:20

323浏览

0评论

git常用命令

使用git已两三月了，最常用的几个命令倒是很熟悉，用的比较少的命令很是记不清，要多多探索这些命令，首先要有个帐号为所欲为，接下来开始正题〉生成SSH $ ssh-keygen -t ras -C "ema...

2018-09-21 20:34:52

297浏览

0评论

JS判断单、多张图片加载完成

在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备...

2018-09-21 20:33:09

309浏览

0评论

分享一个生成二维码的插件–QRCode.js

随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。1、引入插件...

2018-09-21 20:29:52

349浏览

0评论

Windows node版本管理器–nvm

众所周知，node版本众多，但是由于项目需要或其他原因我们需要切换node版本，这个时候就需要node版本管理器啦。目前比较流行的两个是‘n’和‘nvm’（ps：试了&l...

2018-09-21 20:28:17

430浏览

0评论

HTTP状态码中301与302的区别

网站重定向相信大多数站长都有用到过，最常用到的是301和302这两个http状态码。那么301与302有哪些区别呢，今天就来给大家对它们作一个比较，来分析一下这两者之间的区别。如果你...

2018-09-02 21:11:37

963浏览

0评论

HTTP状态码（HTTP Status Code）对应表

一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用。1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明 100...

2018-09-02 21:11:10

306浏览

0评论

HTTP 请求方法速查表

根据 HTTP 标准，HTTP 请求可以使用多种请求方法。我们常用的 GET 和 POST 方法是 HTTP1.0 定义的， HTTP1.0 还定义了 HEAD 方法，HTTP1.1 新增了五种请求方法：OPTIONS, PUT, DELE...

2018-09-02 21:08:35

490浏览

0评论

解决JQuery 1.8 Syntax error,unrecognized expression兼容问题

这是一篇比较老的文章，收集过来主要是为了大家作为借鉴。最近有部分童鞋反应其WordPress升级到了3.5版之后，页面上貌似出现了点问题，如文章归档页面无法点击伸展收缩，页面顶部的...

2018-09-01 01:06:46

321浏览

0评论

jQuery+CSS3一天时段动画场景切换特效

一款好看的jQuery+CSS3实现的一天时段动画场景切换特效，不同的时段展示不同的风景，黄昏、白天、日落、夜晚动画场景特效。js代码<script>$(".option").on("click", function()...

2018-08-26 20:38:50

644浏览

0评论

jQuery基于honeyswitch.js仿苹果开关按钮切换效果

这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果，非常的美观的开关按钮样式，演示里面还有更详细的使用说明。js代码<script src="lib/honeySwitch.js...

2018-08-26 20:37:17

热门文章