自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端之家

前端开发中的坑,和迷途中的记录!

  • 博客(30)
  • 资源 (25)
  • 收藏
  • 关注

原创 专业搞公众号SVG交互开发设计,不会的来

承接公众号svg交互开发,我最专业!

2023-09-04 15:28:29 103

原创 Nginx PHP “No input file specified“

修改根目录.htaccess文件文件整体案例如下代码:<IfModule mod_rewrite.c> Options +FollowSymlinks RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteCond $1 !^(index.php|images|robots.txt) RewriteRule ^(.*)$ /

2021-09-15 16:05:33 184

原创 php ajax上传图片太大,报500错

如果使用jQuery的ajax上传大文件报以下错误500或者413最大可能是后端服务崩掉了,大家可以排查一下,加断点或者查看日志,确认问题出在哪里,也可以先试一下我踩坑的解决办法Failed to load resource: the server responded with a status of 500 (Internal或者Failed to load resource: the server responded with a status of 413 (Request Entity

2021-09-14 09:55:53 569

原创 js延迟加载问题

function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "/Content/js/raphael.js"; document.body.appendChild(element); var element1 = document.createElement("script"); element1.s.

2021-09-10 14:27:45 164

原创 服务器查询宽带使用量命令

iftop -i eth1 -P

2021-09-10 11:11:05 314

原创 服务器查询空间剩余量命令及查询服务器端口数量

df -hl 查看磁盘剩余空间df -h 查看每个根路径的分区大小du -sh [目录名] 返回该目录的大小du -sm [文件夹] 返回该文件夹总M数du -sh *查看每个文件夹大小ss –ntl 查看服务器端口数量

2021-09-10 11:08:54 804

原创 nginx重启服务器服务命令

systemctl restart nginx.service

2021-09-10 11:06:46 736

原创 linux配置SSL案例,比较详细,HTTPS

server { listen 443 ssl; server_name un.net; #error_page 404 /404.html; # Deny access to PHP files in specific directory #location ~ /(wp-content|uploads|wp-includes|images)/.*\.php$ { deny all; } root /.

2021-09-09 09:55:55 919

原创 swiper中swiper-slide高度自适应,两个轮播相互控制

swiper高度自适应属性autoHeight:true,两个swiper第一个控制第二个切换,第二个不能自主切换案例var ia = new Swiper('.a', { spaceBetween: 0, loop: true, speed: 700, autoHeight:true, effect: 'fade', }) var ib = new Swiper('.b', {

2021-09-09 09:34:54 1179

原创 locomotive-scroll.js使用使页面顺滑,页面加载动画更自然

1、div设置以下代码<div id="js-scroll" data-scroll-container></div>2、引入locomotive-scroll.js并添加吊用的class NProgress.start(); NProgress.done(); let options = { el: document.querySelector('#js-scroll'), smooth: true,

2021-09-08 15:33:49 2253

原创 html2canvas.js截屏,截高清图片方法

截屏插件可以截处对应div的图,注意要给对应div背景颜色,案例源码请进入本人空间下载 $('.f-screenshot').on('click',function(){ var _this = this; var cpCanvasContent = document.getElementById("body"); var opts = { ...

2021-09-08 14:47:51 717

原创 jquery.cookie.js使用案例

使用cookie判断元素是否存在,保留当前状态 $(document).ready(function () { var hasread = $.cookie('gj'); var s = $.cookie('os'); if(s == undefined || s == 'undefined') { $(".m-bm a").eq(0).show(); }else { $

2021-09-08 14:28:49 141

原创 layer弹出框内事件无效问题

只要将弹框内的事件写入到点击弹出事件中即可,案例代码如下 $(".点击btn").click(function () { var i = layer.open({ title: false, shadeClose: true, skin: 'os-class', content: $(".class"), });

2021-09-08 13:34:46 549

原创 CNZZ埋点及点击量统计方法

1,引入cnzz统计代码document.write(unescape("%3Cspan id='你的cnzzID'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D12%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));2,关键的一步push你的数据 var _czc = _czc || []; _czc.push(["_se

2021-09-08 13:30:02 1209

转载 分享前端开发常用代码片段

一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。二、检查图像是否加载有时为了继续脚本,你可能需要检查图像是否全部加载完毕。你也可以使用 ID 或 CLASS 替换&lt;img&gt; 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的图像链接是非常痛苦的。不过,下面这段简单的代码可以帮助你。四、悬停切换当用户鼠标悬停在可...

2018-05-11 09:26:10 271

原创 八、VUE标签属性与条件渲染

1,v-bind绑定标签的属性(v-bind可以缩写为:号)    VUE&lt;template&gt; &lt;div&gt; &lt;a :herf="link" v-bind:title="title"&gt;测试v-bind&lt;/a&gt; &lt;em class="styleSting" :class="className&quo

2018-05-09 16:01:49 2088

原创 七、v-for列表数据双向绑定更新

1、v-on:click="addItem"在methode选项里进行方法设置HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,in

2018-05-09 11:50:24 4223

原创 六、子组件向父组件传递数据

HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;title&a

2018-05-08 17:24:45 143

原创 五、父组件向子组件传值

HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;title&a

2018-05-08 16:28:53 188

原创 四、v-for列表渲染

1,使用的V-for指令HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &am

2018-05-08 15:41:43 397

原创 三、文本及数据渲染

HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;title&a

2018-05-08 14:22:42 503

原创 二、VUE基本概述

一、VUE概念1、全局API(vue本身提供的全局API)2、实例选项(创建实例化的实例选项)3、实例属性/方法(创建之后的属性和方法已$开头)4、指令(V开头,实现了实例属性和方法与页面之间的交互)5、内置组件二、VUE实例选项var root = new Vue({ el: '#app', //选项 template:'&lt;my-header&gt;&lt;/my-header&g...

2018-05-08 10:21:25 536

原创 一、数据渲染及组件树

一、数据渲染&lt;template&gt; //VUE文件 &lt;div id="app"&gt; &lt;img src="./assets/logo.png"&gt; &lt;router-view/&gt; &lt;/div&gt;&lt;/template&gt;new Vue({ //JS文件 el:

2018-05-07 17:05:19 460

原创 VUEJS的实例对象

一、VUEJS的实例对象new Vue({ el: '#app', data: { message: 'Hello Vue!' }})注释:1、new Vue 是构造函数2、el和data 是参数选项3、new Vue里面包含的内容是构造参数二、构建Vue项目使用VUE2+webpack    1、需安装Node+npm+Vue-cil(VUE的脚手架)    命令:安...

2018-05-07 14:37:54 1403

原创 VUEjs入门

一、什么事VUEJS       VUEJS是轻量级的前端界面框架二、VUEJS的功能三、VUEjs能干什么    1、数据渲染/数据同步    2,实现项目的组件化/模块化    3、其他功能:路由、Ajax、数据流管理...

2018-05-07 14:07:40 242

原创 VUE入门--VUE的实例对象

new Vue({el: '#app',data:{message: 'Hello Vue'}})解释:1、new vue是全局的构造函数,里面的内容是构造的参数2、el和data是参数选项

2018-02-26 13:18:06 541

原创 判断浏览器必须是IE10以上,低于IE10做出提示

判断浏览器是否是IE10以上&lt;script&gt; window.AESKey = ''; // 判断浏览器是否支持placeholder属性 function isSupportPlaceholder() { var input = document.createElement('input'); return 'placehold...

2018-02-26 12:00:30 12576 2

原创 使用jquery为select选项添加跳转链接

&lt;select name="" id='selectId'&gt;&lt;option value="0"&gt;--请选择--&lt;/option&gt;&lt;option value="1"&gt;a&lt;/option&gt;&lt;option value="2"&gt;b&lt;/option&a

2018-02-26 11:35:57 2707

原创 jquery控制点击复制input

所需食材 &lt;table id="table"&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="text"&gt;&lt;/td&gt; &lt;td&gt;价格:&lt;input type="text"&gt;元/KG&a

2018-02-26 11:32:18 2332

原创 判断ios终端或Android终端,执行不同事件

$(function(){ myfunction(); }) function myfunction() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {...

2018-02-26 11:12:39 352

移动PCjs转盘抽奖.zip

移动+PC大转盘活动特效,奖品概率可调整自定义,样式可自定义,js已封装,复制即可使用

2021-09-10

js圆形进度条css圆形进度条.zip

圆形进度条,可自定义,复制即可使用,兼容性IE8以上,如有问题,及时沟通

2021-09-10

js音乐小插件可隐藏兼容性好.zip

音乐小插件,兼容性好,可隐藏audio控件,复制即可使用,如有问题及时交流

2021-09-10

进度条小插件特效.zip

效果为windows音频进度特效,进度修改即可使用,里面有延迟和加载事件限制,如有问题及时交流

2021-09-10

水波纹式光环特效.zip

按钮周围水波纹特效,自动播放,间隔事件可以修改

2021-09-10

移动横着长导航特效仿网易二级导航.zip

导航可以无限,可以自动往前往后滑动,放网易导航,如有问题及时交流

2021-09-10

点击图片弹出遮罩层加载大图.zip

图片列表预览插件,弹出层预览,功能小巧,复制即可使用,适用移动+PC端,如有问题及时交流

2021-09-10

css特效闪光按钮.zip

按钮闪光特效,间隔闪动可调整,简单复制即可使用,

2021-09-10

按钮鼠标hover水波纹特效.zip

按钮鼠标hover水波纹特效,复制即可使用,如有问题,可在线交流

2021-09-10

首页上层拉连门.rar

首页上拉连门特效,活动页面浮层上拉特效,活动模块居中,本人案例真实可靠,下载即可使用,如有交流请私信

2021-09-10

判断浏览器是否是IE10以上.zip

js判断浏览器是否是IE10以上

2021-09-10

复制div文本到剪切板.zip

点击按钮复制div文本到剪切板,方便好用插件,兼容性好

2021-09-10

表单删除修改增加插件.rar

表单修改添加插件案例,下载即可使用,方便简单

2021-09-10

点击添加input可删除.zip

点击添加按钮,input无限增加,可点击删除

2021-09-10

select下拉选择跳转.zip

select下拉选择跳转新窗口,本案例下载即可使用,如有需要本人课协助修改,请私信

2021-09-10

获取title+url+描述+关键词头部信息.rar

获取页面title,获取页面url,获取页面头部信息

2021-09-10

video.js-swipe视频进度 自动轮播特效.zip

swiper视频自动播放,自动切换,视频加图片轮播特效,效果拿来就能用,简单好用

2021-09-09

带缩略图带动画的banner特效.zip

带进进度条,带缩略图的banner滚动特效,动画课调整修改

2021-09-08

修改页面标题,添加离开回来欢迎语句.zip

修改html页面头部title,当点击回来时候,标题课改为别的文字

2021-09-08

html2canvas.js截高清图案例.zip

使用html2canvas.js插件截图高清图,内带loading加载及layer弹出,适合移动端,及PC端

2021-09-08

定时开始和结束执行事件.zip

定时分别开始执行和结束执行事件,方便好用,复制粘贴改改样式即可

2021-09-08

筛选分类多选单选案例.zip

筛选分类多选单选案例,将页面中的jQuery引入即可,稍微改一下样式即可使用,非常方便,

2021-09-08

整屏导航下拉特效.zip

整屏下拉,对应导航高亮,hove等特效

2021-09-08

地图定位省份切换门店定位到省份市.zip

百度地图高德地图IP及位置双重定位,各个省份城市门店切换,省份城市与门店ID一一对应,PC移动端都适用

2021-09-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除