- 博客(30)
- 资源 (25)
- 收藏
- 关注
原创 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
原创 服务器查询空间剩余量命令及查询服务器端口数量
df -hl 查看磁盘剩余空间df -h 查看每个根路径的分区大小du -sh [目录名] 返回该目录的大小du -sm [文件夹] 返回该文件夹总M数du -sh *查看每个文件夹大小ss –ntl 查看服务器端口数量
2021-09-10 11:08:54 804
原创 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 替换<img> 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的图像链接是非常痛苦的。不过,下面这段简单的代码可以帮助你。四、悬停切换当用户鼠标悬停在可...
2018-05-11 09:26:10 271
原创 八、VUE标签属性与条件渲染
1,v-bind绑定标签的属性(v-bind可以缩写为:号) VUE<template> <div> <a :herf="link" v-bind:title="title">测试v-bind</a> <em class="styleSting" :class="className&quo
2018-05-09 16:01:49 2088
原创 七、v-for列表数据双向绑定更新
1、v-on:click="addItem"在methode选项里进行方法设置HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,in
2018-05-09 11:50:24 4223
原创 六、子组件向父组件传递数据
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&a
2018-05-08 17:24:45 143
原创 五、父组件向子组件传值
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&a
2018-05-08 16:28:53 188
原创 四、v-for列表渲染
1,使用的V-for指令HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> &am
2018-05-08 15:41:43 397
原创 三、文本及数据渲染
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <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:'<my-header></my-header&g...
2018-05-08 10:21:25 536
原创 一、数据渲染及组件树
一、数据渲染<template> //VUE文件 <div id="app"> <img src="./assets/logo.png"> <router-view/> </div></template>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以上<script> window.AESKey = ''; // 判断浏览器是否支持placeholder属性 function isSupportPlaceholder() { var input = document.createElement('input'); return 'placehold...
2018-02-26 12:00:30 12576 2
原创 使用jquery为select选项添加跳转链接
<select name="" id='selectId'><option value="0">--请选择--</option><option value="1">a</option><option value="2">b</option&a
2018-02-26 11:35:57 2707
原创 jquery控制点击复制input
所需食材 <table id="table"> <tr> <td><input type="text"></td> <td>价格:<input type="text">元/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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人