2019-12-31 CSS里的float清除浮动引用方法 CSS里的float清除浮动引用方法 一、浮动产生原因一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。简单地说,浮动是因为使用了float:left或float:right或两者都是有了而产生的浮动。二、浮动产生负作用1、背景不能显示由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能显示。2、边框不能撑开如上图中,如果父级设置了CSS边框属性(css border),由于子级里使用了float属性,产生浮动,父级不能被撑开,导致边框不能随内容而被撑开。3、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。三、css解决浮动,清除浮动方法1、把这段代码添加的C... 2019年12月31日 917 阅读 0 评论
2019-12-30 jQuery-自己封装的弹框 jQuery-自己封装的弹框 (function () { CDK={ cfm:function(resFun,errFun){ var confirm=document.createElement('div'); confirm.setAttribute('style','position:fixed;top:0;left:0;width: 100%;height: 100%;z-index:99;background-color: rgba(0, 0, 0,0.3);'); $(confirm).addClass('confirmkuang'); $(confirm).html( '<div class="addson" style="opacity:0;position:fixed;top:40%;left:40%;z-index: 9999;min-width:260px;max-width:260px;min-height:100... 2019年12月30日 831 阅读 0 评论
2019-12-26 Apache与NGINX下Access-Control-Allow-Origin * 设置 Apache与NGINX下Access-Control-Allow-Origin * 设置 介绍网站一般在需要共享资源给其他网站时(跨域传递数据),才会设置access-control-allow-origin HTTP头设置Access-Control-Allow-Origin,可以解决多域名跨域问题Access-Control-Allow-Origin * 等所有网站都可以跨域访问Access-Control-Allow-Origin zzwws.cn 允许zzwws.cn跨域访问Apache<IfModule mod_headers.c> Header set Access-Control-Allow-Origin: "*" Header set Access-Control-Allow-Methods: "GET,POST,PUT,DELETE,OPTIONS" Header set Access-Control-Allow-Headers: "Content-Type" </IfModule> 添加到httpd.conf最下面NGINXadd_heade... 2019年12月26日 1,511 阅读 2 评论
2019-12-26 Apache及Nginx常用伪静态规则 Apache及Nginx常用伪静态规则 Apache伪静态规则EmpireCMSRewriteEngine On RewriteBase / RewriteRule ^([0-9]+).([0-9]+)/$ e/action/ShowInfo.php?classid=$1&id=$2 [L] RewriteRule ^([0-9]+).([0-9]+)$ $1.$2/ [L,R=301] RewriteRule ^([0-9]+)/$ e/action/ListInfo/?classid=$1 [L] RewriteRule ^([0-9]+)$ $1/ [L,R=301] RewriteRule ^list([0-9]+).([0-9]+)/$ e/action/ListInfo/index.php?page=$1&classid=$2 [L] RewriteRule ^list([0-9]+).([0-9]+)$ list$1.$2/ [L,R=301] RewriteRule^archive([0-9]+).([0-9]+)-([0-9]+)-([0-9]+)/$e/action/ListInfo... 2019年12月26日 861 阅读 0 评论
2019-12-26 js的cookie操作 js的cookie操作 设置 cookie 的函数//设置cookie函数 function setCookie(cname, cvalue, exdays = 1) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } 上面这个函数的的参数是:cookie 的名字(cname),cookie 的值(cvalue),以及知道 cookie 过期的天数(exdays)。通过把 cookie 名称、cookie 值和过期字符串相加,该函数就设置了 cookie。获取 cookie 的函数//获取cookie函数 function getCookie(cname) { var na... 2019年12月26日 1,240 阅读 0 评论
2019-12-20 JQuery 如何获取select选中的值 JQuery 如何获取select选中的值 一、html代码<select id="ddl"> <option value="100" emoney="12" >选项1</option> <option value="200" emoney="13" >选项2</option> <option value="300" emoney="14" >选项3</option> </select> 二、js代码//获取属性emoney的值 var iteValue = $("#ddl").find("option:selected").attr("emoney"); console.log('emoney的值:' + iteValue); //获取选中项的value var itemValue1 = $("#ddl")... 2019年12月20日 1,057 阅读 0 评论
2019-12-20 JS获取键盘事件 JS获取键盘事件 <script type="text/javascript"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(e && e.keyCode==113){ // 按 F2 //要做的事情 } if(e && e.keyCode==13){ // enter 键 //要做的事情 } }; </script>... 2019年12月20日 1,127 阅读 0 评论
2019-12-17 ajax和axios请求本地json数据 ajax和axios请求本地json数据 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。ajax请求本地jsontest.json { "data":[ {"id":"1","nick":"濮阳南风"}, {"id":"2","nick":"茅云蔚"}, {"id":"3","nick":"箕建"}, {"id":"4","nick":"表振"}, {"id":"5","nick":... 2019年12月17日 916 阅读 0 评论
2019-12-03 PHP实现”万能”的短网址还原实例代码 PHP实现”万能”的短网址还原实例代码 前言:PHP实现”万能”的短网址还原实例代码,如果对你有帮助就看看吧。正文:常见的短网址都是通过 301 或 302 跳转的方式实现重定向到目标网站的,因此我们可以使用 PHP 的 curl_getinfo 来取得 header 中的重定向地址,也就是短网址对应的原始网址(嗯,原理就是这么简单……)完整的函数代码如下:/*** * 万能短网址还原函数 * @param $shortUrl 短网址 * @return 原始网址 | 空(还原失败或非短网址) */ function restoreUrl($shortUrl) { $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $shortUrl); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.... 2019年12月03日 878 阅读 0 评论
2019-11-01 Vue项目实用经验 Vue项目实用经验 开始vue项目首先安装node下载地址:https://nodejs.org/zh-cn/然后安装vue-cli脚手架npm install -g vue-cli vue-cli项目第一步创建名为 zhizun的项目~~..... $ vue init webpack zhizun 项目回答Project name:项目名称 Project description:项目描述 Author:作者 Runtime-only:构建方式,分为独立构建和运行构建,默认选择 standalone vue-router:是否安装路由 ESLint: ESLint规范,有标准的缩进、空格等规范 可以选 N Set up unit tests: N Setup e2e tests with Nightwatch: N 完成后,执行进入到项目文件里$ cd zhizun 本地服务器运行,出来一个测试地址$ npm run dev ····································································安装cnpm淘宝镜像npm i... 2019年11月01日 1,241 阅读 0 评论