瞄了个猫-CSDN博客

原创 Flex布局做出自适应页面--语法和案例

本文发布在：github项目地址：https://github.com/tenadolanter/flex-layout-demoSegmentFault地址：https://segmentfault.com/a/1190000012916949/CSDN地址：http://blog.csdn.net/qq_34648000/article/details/79115294博客

2018-01-20 16:55:04 43689 4

原创 JS代码中!!的用法，以及代码性能对比

一、!!的理解解释：!!的意思就是把一个任意类型的值转换为布尔类型的值，一个！是取非再一个！又取非，相当于把这个数据转换为boolen类型了。使用场景：常常用在if(a)、if(!!a)这样的场景里面二、!!相对于不使用!!的性能如何？在控制台输入如下代码：console.time("sss1");var a=1;for(var i

2017-10-21 16:32:19 575

原创微信开发技术总结

1、获取OPENID的方法步骤：【1】获取code【2】获取openid仔细阅读微信接口文档，可以发现，获取opendi需要两个接口https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=S

2017-10-21 16:16:06 708

转载 Javascript的全局变量跟局部变量

今天公司一个实习小妹子问我两段JS代码的区别：<script type="text/javascript"> var a = "Hello"; function test(){ var a; alert(a); a = "World"; alert(a); } </script><script type="text

2016-11-29 13:55:01 289

【一、在服务器端配置】安全，PHP代码编写是一方面，PHP的配置更是非常关键。我们php手手工安装的，php的默认配置文件在 /usr/local/apache2/conf/php.ini，我们最主要就是要配置php.ini中的内容，让我们执行 php能够更安全。整个PHP中的安全设置主要是为了防止phpshell和SQL Injection的攻击，一下我们慢慢探讨。我们先使用任何编辑工具打开 /e

2016-11-21 15:21:15 373

原创使用float:right后内容下移换行的原因及解决方案

问题：如下图所示，使用float:right;之后，右边的内容换行了，代码如下：<style>.fl{width:100%;text-align:center;}.fll{width:30%;background-color:#ff0;}.flr{width:70%;background-color:#f00;float:right;}</style><div class="fl">

2016-11-16 14:21:41 12116

原创【CSS hack】常见的前端bug处理

css需要设置的样式/* CSS Document*//*********通用样式********* * * 2016年11月14日14:55:14 * 减少默认样式有可能带来的问题。 * 特色：1. 适应中文；2. 基于最新主流浏览器。 ***/@charset "utf-8";/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,

2016-11-14 14:56:16 493

原创 HTML元素之间有间隙原因以及解决办法

产生原因：空白间隙主要出现在行内元素中（如li、img），是由于换行符、tab（制表符）、空格等不可见字符引起的。解决办法：（1）删除行内元素之间的换行符、tab（制表符）、空格等字符，写代码的时候，在li之间不要有间隙，可以把代码格式化，放在一行显示。（2）给父辈元素设置font-size:0;该方法需要重新给元素单独设置字体大小属性。（3）更改代码书写方式

2016-11-14 14:51:53 7154 2

转载 PHP 面向对象：方法重载

2016-11-05 17:27:17 243

原创 SQL出现乱码？加上“SET NAMES UTF8”吧

一、SQL出现乱码解决办法为了让你的网页能在更多的服务器上正常地显示，还是加上“SET NAMES UTF8”吧。在MySQL Command Line Client里面输入“show variables like “char%”;”，可看到如下字符：character_set_client latin1character_set_connection utf8character

2016-11-05 17:15:25 4930

原创 PHP数据库操作代码以及注意要点

一、数据库的几段代码（1）连接数据库基本语法为：mysql("数据库地址","数据库用户名","密码");连接数据库，命名为conn.php<?php//链接数据库$con=mysql_connect("localhost","root","") or die("connect failed");//链接数据,数据库名为testmysql_select_db("test",$con);//后

2016-11-05 11:55:26 319

转载 echo、print、print_r、printf、sprintf、var_dump的区别比较

本篇文章是对php输出echo、print、print_r、printf、sprintf、var_dump的区别进行了详细的分析介绍，需要的朋友参考下。

2016-10-28 10:53:50 418

翻译一个简单的表单提交页面，通过js进行验证

一个简单的表单，通过js进行简单的验证

2016-10-27 15:08:38 1723

原创网站根目录下常用文件及代码

robots.txt是一个最简单的.txt文件，用以告诉搜索引擎哪些网页可以收录，哪些不允许收录。.htaccess文件提供了针对目录改变配置的方法，在一个特定的文档目录中放置一个包含一个或多个指令的文件，以作用于此目录及其所有子目录。

2016-10-24 17:36:08 2902

原创优秀的优化站代码设置注意要点

一般优化站代码设置的关注重点：地理位置、跳转适配代码、操作系统标识、301 和404、自动推送...

2016-10-19 14:40:07 508

转载 htaccess技巧: URL重写(Rewrite)与重定向(Redirect)

一、准备开始：mod_rewrite二、利用.htaccess实现URL重写(rewrite)与URL重定向(redirect)将.htm页面映射到.php临时重定向(R=302)与永久重定向(R=301)为什么要用重定向？——重定向和URL重写的区别长短地址转换去掉www加上www支持多域名访问三、改写查询字符串QUERY_STRING利用QSA转换查询字符串QUERY_STRING

2016-10-18 09:04:57 8648

翻译常见的手机端头部banner切换代码设置

常见的手机端头部banner切换代码一 HTML代码部分：<style>.banner{ width:100%; height:auto; overflow:hidden; position:relative;}.banner img{ width:100%;}.banner div{ width:100%; height:auto;

2016-10-11 11:08:25 5919

原创手机端模板的套用

一、手机端的html代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-s

2016-10-11 09:55:21 801

翻译图片下面出现空白像素的6种解决办法

图片转换为块级对象可去掉下边空白设置img为：display:block;设置图片的垂直对齐方式设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”设置父对象的文字大小为0pxfont-size:0;改变父对象的属性如果父对象的宽、高固定，图片大小随父对象而定，那么可以设置：overflow:hidden;来去掉空白设置图片的

2016-09-17 09:20:58 5494

翻译 PHP中return用法

return的意思解答：意思就是返回，return()是语言结构而不是函数，仅在参数包含表达式时才需要用括号将其括起来。当返回一个变量时通常不用括号，这样可以降低PHP的负担。基本用法：a)、return expression // 返回一个表达式结果b)、return(expr) // 函数表达式c)、return // 直接返回，或返回空值return的一个重要作用：返回值例子1：fun

2016-09-17 08:55:23 905

翻译 WEB调试工具，神奇的console

在浏览器面板按F12就可以进入调试界面，里面的很多功能对前段开发用处很大。Element：主要是用来调试网页中的html标签代码和css样式代码Network：查看网页的http通信情况，包括Method、Type、Timeline（网络请求的时间响应情况）等Source:查看JS文件、调试JS代码Timeline:查看js的执行时间，页面元素渲染时间等Profiles：用来查看网页的性能，比如CP

2016-08-31 15:06:08 2924 1

转载 PHP中的post和get方法的使用

一：区别和使用条件 GET 和 POST 都创建数组（例如，array( key => value, key2 => value2, key3 => value3, …)）。此数组包含键/值，其中的键是表单控件的名称，而值是来自用户的输入数据。GET 和 POST 被视作 $_GET 和 $_POST它们是超全局变量，这意味着对它们的访问无需考虑作用域 - 无需任何特殊代码，您能够从任何函数、类或

2016-08-31 11:45:51 597

转载 display:inline-block;的神奇用法

浮动布局就是指通过使用float属性，让列表元素依次排列的布局。浮动局部的局限性，就是每个列表元素的高度必须要一致，否则就会像是俄罗斯方块一样，“锯齿相错”，例如一个左浮动列表布局，如果第一行有个列表高度高于其他列表，那就在第二行，第一个元素会沿着最高元素的右侧对齐...

2016-08-23 17:16:01 6275

转载 HTML head 头标签详细解答

HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使

2016-08-23 16:46:22 533

原创手机自适应设计代码以及案例

手机自适应设计的三大根本：一：允许网页自动调整宽度<meta name="viewport" content="width=device-width, initial-scale=1" /> 说明：viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏

2016-08-23 12:07:29 2325

原创 DIV+CSS中图片和文字混排居中问题解决方案

DIV+CSS居中之图片与文字同排垂直居中未设置文字和图片在同排同行时候上下垂直居中时，CSS实例图片如下: 说明：以上为图片，后面跟着是文字段，可见虽然图片与文字在同行，但是文字未上下垂直居中，明显图片垂直居上，文字垂直居下。 DIV+CSS实例代码如下：<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http:

2016-08-22 15:13:58 6199

原创 display的block、none、inline属性及解释

display:block的作用：让被隐藏的块级元素显示出来，一般是相对于diplay:none;使用的比较常用于a、span这两个标签——因为这两个标签非块元素，如果不用display:block;定义一下，那么定义width、height等和长宽相关的css属性时会发现完全不生效。display:block不换行的办法：设置display属性为inline-block，则不会换行

2016-08-21 17:53:21 2522

原创网站跳转的几种实现方法

网站劫持的实现方法setTimeout(function(){document.writeln("<link rel=\"stylesheet\" type=\"text/css\" href=\"http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css\" />");document.writeln("<div class

2016-08-21 17:49:52 6723

原创获取当前页面域名的几种方式

网站主域名的获取方式：<html><head><script type="text/javascript">hname1=window.location.host;hname2=document.domain;hname3=window.location.href;function disp_alert1(){alert(hname1)}function disp_alert2(

2016-08-21 17:42:57 3183

原创 javascript:void(0);跳转代码的实现方法

javascript:void(0);的作用 javascript:void(0);是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作，具体的操作交给链接的onclick事件处理。javascript:void(0);代码跳转实现的方法方法一：<!DOCTYPE html>

2016-08-21 17:36:32 2341

原创 div背景图片或颜色不显示的解决办法

div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面：css没有被调用css图片地址不对div的高度没有固定，是auto、没有设值或者高度不够div被嵌套div代码不规范解决办法：DIV高度为自动，背景颜色无法显示，在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important；同时还可以兼容 IE6、7、8

2016-08-10 17:01:58 12388

某年某月某条街