全栈技术圈-CSDN博客

原创漂亮的壁纸，这些网站就足够了。

每个人的电脑、手机都有自己最喜欢的壁纸图片。许多人也会遇到这种情况，壁纸已经用了几个月了，他们想换一种，但是找不到合适的壁纸，这让他们很尴尬。今天，我想和大家分享一些国内外优秀的壁纸网站。闲暇时在上面浏览并找到一些最喜欢的壁纸也是一件非常愉快的事情。来吧，让我们看看。1、https://www.aixbz.com/虽然是新上线的壁纸站，但是排版风格简洁。专注高质量壁纸分享免费下载，网站壁纸...

2019-12-09 11:23:31 668

转载 CI框架 CodeIgniter 伪静态 htaccess设置和Nginx伪静态方法

众所周知，LAMP代表Linux下Apache、MySQL、PHP这种网站服务器架构；而LNMP指的是Linux下Nginx、MySQL、PHP这种网站服务器架构。LNMP一键安装包可以从网上下载使用。Nginx（发音同 engine x）由 Igor Sysoev 用C语言为俄罗斯访问量第二的搜索引擎 Rambler.ru 站点开发，是一款轻量级的Web 服务器/反向代理服务器及电子邮件

2015-09-14 23:18:30 665

原创刮刮乐

刮奖前的效果图：刮奖后的效果图：刮奖 //wScratchPad2 就是要放效果的DIV 的ID $("#wScratchPad2").wScratchPad({ color: 'grey',//覆盖的刮刮层的颜色 image: 'images/img/result.jpg', /

2014-01-06 09:42:07 2204

转载 CSS3 icon font完全指南

网址：http://www.qianduan.net/css3-icon-font-guide.html大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将icon做成字体？在很多网

2013-12-18 12:25:55 1107

转载 js获取html元素宽度的思考

分两种情况讨论：1、使用内联样式，即直接把CSS写在HTML元素的style属性中[xhtml] view plaincopydiv id="d1" style="width:100px;height:200px;"> div> 通过以下js代码可以获取width等属性，

2013-11-24 01:19:17 814

今天看到蓝色理想上面有一篇文章讲《css3弹性盒模型布局模块介绍》里面讲到用box-flex，突然觉得有点心慌，上次看到响应式网页设计里面也同样讲到flex box自适应布局，而上次竟然没有引起自己的注意，想深入研究一下，竟然给忘记了，于是就在这种不断的忘记中彻底变成outer。今天借此机会，好好充电一下，看了adou写的关于box-flex的文章，发现里面存在一些问题，冒昧更正了一下，如有不妥还

2013-10-12 13:34:08 1196 1

转载网站性能优化之css无图片技术

网站优化：网站性能优化之css无图片技术http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/

2013-10-09 23:03:04 808

转载移动web开发，html头部规范

随着智能手机的普及，越来越多的用户从PC端向移动端转移，移动端的市场争夺也日趋白热化。那么在移动端的前端开发中，我们应该遵从那些规范和标准呢？今天我给大家带来的是移动端网站开发的html头部规范及总结……注：红色标出的是必须要有的，绿色为非必须的1、文档类型声明及编码：统一为html5声明类型<!DOCTYPE html>；2、编码统一为<meta charset=

2013-10-03 16:12:25 1565

转载 HTML5语义化标签的应用

前言最近在读HTML5秘籍(the missing manual)，书中对HTML5的定义和理解是：HTML5实际上是一组独立标准的集合。有些标准已经得到了支持，而另外一些标准几年内(甚至永远)不会得到支持，即HTML5在某些浏览器的某些版本中能够运行。HTML5作为新一代web的开发标准，相信有不少开发者已经垂涎它各种具有革命性的新功能，诸如：语义化的标签和元素、新增表单控件、化繁为简的

2013-10-03 16:07:34 901

转载实现未知尺寸的图片在固定区域内水平、垂直居中

对于尺寸未知的图片在某个区域内垂直居中一直是不怎么好解决的前端问题，今天我给大家带来一个一劳永逸的偏方，具体如下;先上代码：.box{ width:400px; height:400px; /*-----IE8及以上浏览器-----*/ text-align:center; display:table-cell; vertical-alig

2013-10-03 16:01:04 1290

转载 jpg,png,gif图片格式的区别和优劣

为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图

2013-10-03 15:53:59 5706 1

转载前端开发攻城师不可忽视的五个HTML5新特性

From : http://www.oschina.net/news/41995/good-html5-features?from=20130707HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。作为未来前端开发技术的潮流和风向标，HTML5绝对不容忽视。在今天这

2013-10-03 00:51:50 1193

转载 Canvas 属性,方法

Canvas 属性,方法context . restore() //弹出堆最上面保存的绘图状态 context . save() //在绘图状态堆上保存当前绘图状态绘图状态可以看作当前画面应用的所有样式和变形的一个快照。而状态的应用则可以避免绘图代码的过度膨胀。转换(Transformations) context . rotate

2013-10-03 00:14:33 762

转载 7 个效果震憾的 HTML5 应用组件

From : http://www.oschina.net/news/41941/7-html5-apps?from=20130707在HTML5的世界里，任何文本、图像都可以变得令人难以想象，很多HTML5应用也都已经随着浏览器的升级而变得运行飞速，而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件，HTML5是强大的，是WEB的未来。1、HTML5实时动态数据

2013-10-03 00:11:20 1150

转载 HTML5批量拖拽图片到网页

[html] view plaincopyprint?> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>拖拽本地图片到页面指定元素内title> [javascript]

2013-10-02 23:53:34 1087

转载 HTML5标签小结

[html] view plaincopyprint?  Your browser does not support the audio element. <!-- video标签用法（用法与audio类似，给一个视频文件的地址，可以显示指定是否可手

2013-10-02 23:49:23 888

原创 HTML5之CANVAS 属性和方法的示例汇总

无标题文档window.onload=function(){/* */ /////矩形//////////////////////////////// var c=document.getElementById("myRect"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; //方法填充一个矩形

2013-10-02 23:31:49 825

转载使用CSS绘制三角形

小三角形不用再切图了，而是使用css的border即可实现，代码如下：div.mun::before{ content:'\20'; display:block; width:0; height:0; border-width:0 9px 10px; border-style:none solid solid; bo

2013-10-02 12:50:13 1012

转载关于webkit CSS (CSS3)的小结

-webkit-transform:rotate(5deg); 旋转-webkit-box-shadow:5px 5px 5px #999; 阴影（默认为外阴影，inset为内阴影）-webkit-transform:scale(0.5); 大小缩放div{opacity:1;-webkit-transition:opacity 1s linear;}div:hover

2013-10-02 12:43:18 744

转载关于重构手机APP页面的若干技术问题

最近在做安卓客户端的APP界面开发，总结一些经验如下：1、要保证页面在手机中正常显示，需要在标签内添加如下语句：2、一些css中需要注意的设置：html{height:100%;}body{min-height:100%;position:relative;}3、表单元素在手机中点击时会出现边框，取消边框的写法如下：input, textar

2013-10-02 12:36:36 1142

转载盘点：崛起中的九大HTML5开发工具

HTML5被看做是Web开发者创建流行Web应用的利器，增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来，如Adobe的Flash和微软的Silverlight，HTML5为实现这些插件的功能提供了一种标准化的方式。　　虽然HTML5标准尚未开发完成，但是随着开发者对HTML5的兴趣日渐浓厚，开发工具提供商也开始跟进。以下介绍的9款应用工具

2013-10-01 00:45:24 1338

转载 html5学习笔记 1 文档模板

Html5 是以往html的升级版模版结构主要有以下几个部分组成1 声明文档类型2 文档页面2.1 html元素【lang属性非必要可省略】2.2 head元素head第一行一般定义文档的字符编码附meta解惑1.告诉搜索引擎你的站点的制作的作者；2.

2013-10-01 00:39:24 784

转载爱上朴实的CSS细节

未来的CSS太让人兴奋了：一方面，是全新的页面布局方式；另一方面，是酷炫的滤镜、颜色等视觉效果。这些CSS，受开发者追捧，被杂志和博客文章铺天盖地地介绍。　　如果说这些特性是CSS华丽的一面，那我们来看看它朴实的一面：很不起眼的东西，如选择器、单位、函数（方法）。我经常说这是繁琐的东西，但我意思是它们能干漂亮的活，这就是我要分享的。　　怎么说呢，让我们看看这些效果最好的朴实的CSS

2013-10-01 00:31:34 635

转载 MongoDB学习 (六)：查询

本文将介绍操作符的使用，配合操作符，我们可以执行更加复杂的操作。目录查询操作集合查询方法 find()查询内嵌文档查询操作符(内含数组查询)"$gt" 、"$gte"、 "$lt"、 "$lte"、"null查询"、"$all"、"$size"、"$in"、"$nin"、"$and"、"$nor"、"$not"、

2013-10-01 00:16:05 1283

转载 HTML5中微数据在搜索引擎中的使用举例

做网站优化已经快一个月了，对于seo的一般技术也有了一些了解，前些天开始使用谷歌的网站站长工具，在里面发现很多百度站长工具里面不曾有的内容，其中“结构化数据”这一项是出现在 “优化”栏里面，可想而知，这个结构化数据会不会是争对谷歌搜索的一个优化的方法呢？添加自己的站进入这个页面，发现它提示我的网站上未检测到任何结构化数据，但是这么一个缺少概念的词让我们这种网站优化新手怎么理解呢？进入谷歌

2013-10-01 00:10:36 1039

转载 FileReader详解与实例---读取并显示图像文件

我们曾经在《HTML5 中 File 对象初探》中，使用到了FileReader，在那篇文章中，它被用来将一个文件读取为二进制字符串，并通过 xhr 发送到后端形成交互。作为 File API 的一部分，FileReader 专门用于读取文件，根据 W3C 的定义，FileReader 接口 "提供一些读取文件的方法与一个包含读取结果的事件模型"。接下来，我们将逐一了解 FileRea

2013-10-01 00:02:42 683

转载加速Web前端开发知名的HTML5框架

与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构。伴随着智能

2013-09-30 23:58:44 711

转载 HTML5的新增的标签和废除的标签

新增的结构标签section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中……;HTML4中 ……。article元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素表示article元素内容之外的、与article元素内容相关的辅助信息。he

2013-09-30 23:43:25 828

原创学习的好网址

CSS3，HTML5：http://www.cnblogs.com/lhb25/p/customizable-line-charting-library-for-canvas.html

2013-09-30 22:55:49 539

转载 html5 学习笔记 API canvas1 绘制对角线

1 canvas （graphics）绘制二维矢量图的画布2 检测浏览器是否支持 canvas[html] view plaincopytry{ document.createElement("canvas").getContext("2d"); alert("ok");

2013-09-30 20:16:30 758

转载 NodeJs

http://blog.fens.me/nodejs-express3/http://blog.csdn.net/legend_x/article/details/11595109

2013-09-25 14:52:27 442

翻译 set.css

@charset "utf-8";/* CSS Document *//*21cn 相同样式*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}/* dt标签定义

2013-09-16 11:32:42 663

原创弹性盒子

如：HTML： box_left box_center box_right css：.box{ width:80%; display:box;display:-moz-box;display:-webkit-box;}.box_left{ height:100px; text-align:center; backg

2013-09-14 11:42:51 663

转载 eval解析JSON中的注意点

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符

2013-09-14 00:48:33 801

转载获取json对象的长度

function getJsonLength(jsonData){ var jsonLength = 0; for(var item in jsonData){ jsonLength++; } return jsonLength;}

2013-09-14 00:35:09 2976

原创超过定义的宽度就会加省略号

a{display:block;width:200px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:#ccc; color:#000;}safjeowjrfowdsfsdafsadfsadfsdafdas

2013-09-12 17:42:42 518

原创在某一个范围内不重复地随机成N个数字

关于php rand 函数，要求不重复地随机成了某个范围内的数字的问题比如，我想随机成了某个范围内的数字,从数字1~48这个范围,我的代码如下:<?php$tmp=array();while(count($tmp)<35){//可以生成34个不重复的数字 $tmp[]=mt_rand(1,35);//1到35的范围内 $tmp=array_unique($tmp);//

2013-09-12 14:06:56 677

原创网页刷新页面位置不变(根据滚动条)

1.发现写js函数时最好函数头这样写window.onload = function ()，如果function window.onbeforeunload() IE9不太兼容.兼容IE6，IE7，IE8，IE9window.onbeforeunload = function () { var scrollPos; if (typeof window

2013-09-05 18:42:39 1495 1

转载关于$.ajax返回值问题

function GetUserInfo(tp) { var username; $.ajax({ type: "POST", cache: false, data: "type=exlogin&tp=" + tp, url: "Handle/OpeartionHandler.ashx", success: func

2013-09-05 17:00:38 606

less.js-windows

Less2Css插件依赖lessc这个工具，在windows下可以下载或者用git clone less.js-windows 到本地目录。然后把目录地址加入到环境变量PATH的中，如D:\open\less.js-windows：设置环境变量.... 详细用法：请访问我的博客。 http://www.chenwenxian.cn/index.php/article/details/163

2016-01-27