自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 本地存储——cookie

cookie是客户端用来存储数据的一种选项,既可以设置在客户端,也可以在服务端设置,cookie会跟随任意的http请求一起发送。 cookie的优点:兼容性好 cookie的缺点:①增加了网络流量,②数据容量有限,最多能存储4kb的数据,浏览器之间各有不同,③不安全。 cookie是一小段文本信息,伴随着用户请求在web服务器和浏览器之间传递,它存储...

2017-02-09 11:44:24 179

原创 本地存储的方式对比

本地存储方式有很多种,cookie、localstorage、sessionstorage、userData、Flash、Globalstorage等方式。 本地存储的优点是: 一、避免取回数据前页面一片空白,如果不需要最新的数据,也可以减少向服务器的请求次数,从而减少用户等待从服务端获取数据的时间; 二、网络状态不佳时...

2017-02-08 15:51:32 363

原创 php SQL注入问题

在开发网站的时候,出于安全考虑,需要过滤从页面传递过来的字符。通常,用户可以通过以下接口调用数据库的内容:URL地址栏、登陆界面、留言板、搜索框等。这往往会带来一些不必要的风险,比如说数据遭到泄露。这次解决SQL注入问题,是查找之前的controller文件中的SQL注入问题,修补漏洞很重要,预防漏洞的产生也同样重要,在使用SQL语句对数据库进行增删改查操作的时候,要考虑到SQL注入问题的出现...

2017-01-13 14:17:29 255

原创 sublime text3 中文乱码

换了一个编译器,sublime text3, 但是存在中文乱码问题,然后找了解决方法,记录一下。一、在Sublime Text里,按ctrl+`,打开Console,一次性输入如下代码:[code="python"]import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.instal...

2016-11-29 17:19:11 90

原创 CSS背景图与html插入img的区别

1、css中的图片以背景图形式存在,写在html中的图片以标签形式的存在。而在网页加载过程中,以css背景存在的图片会等到html结构加载完成才开始加载,而html中的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。 在一个单纯由html和css组成的页面中,背景图片总是最后加载的,那么假如我们想要使用较小的背景图片作为占位符,用于在家在...

2016-11-01 19:03:30 231

原创 HTTP 的三次握手和四次挥手

网络由下往上分为7层:物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。TPC/IP协议是传输层协议,主要解决数据如何在网络中传输,HTTP是应用层协议,主要解决如何包装数据,所以说HTTP是基于TPC/IP的。“三次握手”建立连接[img]http://img.my.csdn.net/uploads/201108/7/0_1312718352k8l6.gi...

2016-10-12 16:04:06 141

原创 SpriteSpin 一款图像360度旋转的jquery插件

在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示,经常在电子商务网站上使用,帮助消费者更好的了解产品,从任意的一个角度观察欣赏。 Spritespin 是个 jQuery ...

2016-10-11 15:00:58 1116

原创 PHP一键搭建本地环境——ComsenzEXP

ComsenzEXP 可以自动安装 Apache + PHP + MySQL 运行环境,并且自动安装好 Discuz! X3 支持操作系统Microsoft Windows 2000/XP/2003/Vista/WIN 7/2008,新版 ComsenzEXP 已经可以根据您电脑的可用端口自动选择 Apache 和 MySQL 服务端口,而且自动配置好程序保证通信成功。 ...

2016-10-11 14:43:11 636

原创 Js冒泡排序

冒泡排序的原理是这样的,比方说有五个数字54321,要按从小到大排列;首先比较前两个,就是5和4,如果第一个小于第二个,不做操作,如果第一个大于第二个,那么交换二者的位置,即变成45321,然后比较第二个和第三个,交换位置,变成43521,然后第三个和第四个,第四个和第五个,这样一次循环下来,变成43215 所以,一层循环的效果就是挑出最大的一个数字5,冒泡到最...

2016-09-29 17:02:57 103

原创 圆形进度条(假的无限循环)

[code="html"] 请耐心等待[/code][code="js"] var leftRot = document.getElementById('load_left').children[0], rightRot = document.getElementById('load_right').children[0], sho...

2016-08-30 11:21:05 589

原创 转载实用假进度条

这是一款超酷CSS3 loading加载动画特效。该loading动画使用CSS3CSS3 animation动画来制作,它代码简单,效果非常的炫酷。使用一个元素作为该loading动画的容器,里面有两个子元素。其中div.loading-1是loading进度条。div.loading-2是loading文字。[code="html"] Loading......

2016-08-29 15:16:52 991

hmtl 中div宽度不定时如何居中

传统的div居中方式margin: 0 auto;在div是定宽的时候很好用,但是当div的宽度不定,且需要将div块居中时,传统的margin方法就不好用了。下面就是一种div不定宽时的居中方式。 不定宽居中方式:[code="html"] [/code][code="css"]/*首先清浮动*/.parent::afte...

2016-08-24 17:00:52 131

原创 幻灯片式的图片点击切换

这是一款非常酷的纯css3响应式背景视觉差幻灯片插件。插件中使用radio按钮和兄弟选择器来控制幻灯片的切换。插件中使用了两个backgrounds:背景和前景。通过改变背景的background position来使幻灯片产生背景视觉差效果。HTML通过兄弟选择器来连接radio按钮和class为sp-content的div。这需要将radio按钮和sp-content放在dom的同...

2016-08-16 17:09:57 267

原创 工作后的第一篇博客

已经上班一个月零十一天了,也毕业两个月零十天了,突然想起来自己还有博客没写,在工作中遇到了很多问题,也不是不能解决,但是接触了很多新的功能和想法,我觉得我应该把一些东西记录下来,不止是代码,也许是成长的痕迹吧。加油!图片轮播的html代码[code="html"] 1 2 3 4...

2016-08-16 10:59:18 103

原创 JS性能优化的问题

一些关于JS性能的一些优化的小技巧:1.关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环:for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;)、while()循环的性能基本持平。当然,推 荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套...

2016-06-26 21:51:16 97

原创 前端中的MVC

标签:MVC是一种设计模式,它将应用划分为3个部分:数据(模型)、展现层(视图)和用户交互(控制器)。其中:M - MODEL(模型)V - VIEW(视图)C - CONTROLLER(控制器)一个事件的发生是这样的过程:  1. 用户和应用产生交互。  2. 控制器的事件处理器被触发。  3. 控制器从模型中请求数据,并将其交给视图。  ...

2016-06-26 13:06:11 100

原创 手机页面自适应问题的解决方法(转)

其实主要就是改掉HTML页面声明: 在网页中加入以下代码,就可以正常显示了: [code] [/code]解释: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 ...

2016-06-25 21:50:16 948

原创 常见浏览器兼容问题(转载)

浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里加一行1*{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配...

2016-06-25 21:30:00 75

个人总结(二)

主流浏览器之间的差异:谷歌浏览器Chrome支持自定义计划处理功能,但却不支持自定义内容处理功能;火狐浏览器不支持某些推出时间较晚的输入字段类型,例如时间、月、或者周,谷歌Chrome 、Opera以及Safari都能支持媒体扩展内容,火狐与IE不幸。Safari不提供输入字段来收集时间或者颜色的选项,也不支持各类标准菜单元素,Safari能通过JavaScript实现对视频以及音频轨道的控制...

2016-06-20 15:04:32 108

个人总结

H4和H5 的区别:h4的内容标签级别相同,无法区分各部分内容,h5中的内容标签互相独立,级别不同,搜索引擎以及统计软件等均可快速识别各部分内容,并且提供了地理信息的应用接口。CSS 3的新特性:允许队每个元素进行色彩以及透明度的设置,圆角功能,渐变,防止字符串过长溢出,多重背景以及用图片来作为元素边框。Node.js:Node.js就是运行在服务器端的Javascript ...

2016-06-20 14:52:01 110

毕业了

时光易逝,难倒回,终究还是毕业了,有太多的回忆,太多的感慨,总觉得时间过得很快,四年里我还有好多事没做,我喜欢银川蓝蓝的天空,毕业那天我一直在抬头望着天,想多看它一眼,想记住银川的样子,不想让自己的眼泪流下来。 看着同学们一个个哭成泪人,我却告诉自己不能哭,要笑着离开,我们满怀希望来到银川,要留下自己最完美的一面去离开。坐上出租车,挥挥手,告别的不只是自己的同学,还有这...

2016-06-08 10:32:31 73

函数方法常用的动词

get 获取/set 设置, add 增加/remove 删除create 创建/destory 移除 start 启动/stop 停止open 打开/close 关闭, read 读取/write 写入load 载入/save 保存, create 创建/destroy 销毁begin 开始/end 结束, ...

2016-06-08 10:09:51 572

forEach用法

Javascript 数组循环遍历 forEach 数组循环变量,首先就是for(var i =0; i< array.length;i++){}这样的方式了,除此之外,也可以使用较为简便的forEach方式。语法:array.forEach(function (value){ })其中 array为一个数组对象 value为参数,即...

2016-04-12 09:27:05 183

GitHub 提交文件

GitHub是一个分布式版本控制/软件配置管理软件。GitHub上传文件流程为:1、找到自己的文件位置。2、git add . git add .是将当前目录下的所有修改加入到git索引中。加入到Git的索引中就表示记入了版本历史中,这也是提交之前所需要执行的一步。3、git commit -m '解释文档' git commit是提交当前工作空间的修改内...

2016-04-06 14:01:29 62

原创 JSON 文件

JSON名称/值对JSON数据的书写格式是:名称/值对。名称/值对 包括字段名称(在双引号中),后面写一个冒号,然后是值例如:[code="javascript"]"firstName" : "John"[/code]JSON对象JSON对象在花括号中写,对象可以包含多个名称/值对。例如:[code="javascript"]{"firstName" : "John&quot

2016-04-06 13:32:19 76

HTML基础

一个网页的组成有以下几个主要代码组成: [code="html"] 这里是显示内容 [/code] 我们在页面上看到的都是body标签下的子元素,而head里面则写了一些非常重要但不直接显示的标签。 css是为HTML中提供显示效果的,总结一下在HTML中引入CSS的三种方式。...

2016-03-20 15:42:52 52

underscore.js

自己整理的一些关于underscore.js的用法总结[code="javascript"]var sum = _.reduce([1,2,3],function(memo,num) { return memo+num;},0);console.log(sum); //返回值为6[/code][code="javascript"]var arrage = _.m...

2016-03-20 14:52:07 77

underscore.js

[code="javascript"]_.indexOf([1,2,3],2);[/code]搜索元素所在位置,返回值为1[code="javascript"]_.keys({one:1,two:2,three:3});[/code]返回值为[code="javascript"]["one","two","three"][/code][code="java

2016-03-20 14:26:40 58

JS中Math.floor的用法

[align=center]JS中Math.floor的用法[/align]Math.floor(x) 中x可以使一个数值,也可以是一个表达式。返回值小于等于x,且与x最接近的整数。[code="javascript"]console.log(Math.floor(5/3)); //返回值为 1 [/code]例如:[code="javascript"]v...

2016-02-21 15:55:16 9240 2

学习过程中用到的读字符串的操作

在学习Javascript的过程中,我用到了一些对字符串进行的操作,现在做一个小总结。一、搜索字符串[code="javascript"]var string = 'abcdef';console.log(string.indexOf('b'));[/code]搜索字符串,如果返回值为-1,则表示没有要搜索的字符串,如果有要搜索的字符串,则返回字符串所在原字符的位置...

2016-02-18 22:27:05 60

JS中 toFixed()的用法

在初学Javascript时,会遇到要求将数字保留两位小数或者几位小数的问题,所以总结一下有关toFixed()的用法。 toFixed()可以把Number(数字)四舍五入为指定小数位数的数字。 toFixed(n)则为要保留n位小数,即n为要保留的小数位数。 toFixed(n)小数点后有固定的n位小数。当小数点后没有值时,用0补足。...

2016-01-20 20:53:41 235

作用域的总结

作用域的总结 作为一个Javascript的初学者,变量的作用域分不清楚是很容易犯得错误,所以我选择对变量的作用域问题进行总结。 首先,所有的{}包起来的代码,都可以被称为代码块。每一个代码块都有自己的作用域。作用域决定了变量能不能被访问(不论读取变量还是修...

2016-01-20 20:40:32 92

空空如也

空空如也

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

TA关注的人

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