普通网友-CSDN博客

转载 dedecms安全篇：织梦文件夹目录权限设置

织梦各个目录安全详解做织梦(dedecms)网站安全必看1、a因为是静态目录，并且在要生成HTML的，所以拒绝脚本执行允许写入2、data 因为是缓存等，所以充许写入，但是因为这里面的文件引入到其它地方进行使用，所以要拒绝脚本执行3、dede后台管理目录，并且这个一般情况下不需要修改，所以允许脚本执行，拒绝写入4、images 仅是存系统图片，所以拒绝脚本执行...

2019-09-24 16:13:00 193

转载 swiper.js 响应式多图轮播特效

swiper.js实现响应式的左右切换图片案例展示布局1、head引入css文件<link type="text/css" rel="stylesheet" href="css/style.css">2、head引入js文件<script type="text/javascript" src="js/swiper.min.js"></sc...

2019-09-17 17:29:00 499

转载为什么总是弹出报错“百度未授权使用地图API”？

今天打开网站的时候出现了这个问题“百度未授权使用地图API, 可能是因为您提供的密钥不是有效的百度开放平台密钥或此密钥未对本应用的百度地图JavasoriptAPI授权。…”经过研究终于知道什么原因了。官方解析：http://lbsyun.baidu.com/index.php?title=jspopular/qa1、点击进去API控制台2、需要登录百度用户登录...

2019-09-06 14:45:00 1841

转载视区相关单位vw, vh ,vm，CSS/CSS3长度、时间、频率、角度单位大全

一、CSS长度值em相对于父元素的字体大小ex相对于小写字母"x"的高度gd一般用在东亚字体排版上，这个与英文并无关系rem相对于根元素字体大小vw相对于视窗的宽度：视窗宽度是100vwvh相对于视窗的高度：视窗高度是100vhvm相对于视窗的宽度或高度，取决于哪个更小...

2016-02-18 16:54:00 341

转载 HTML，CSS，font-family：中文字体的英文名称（宋体微软雅黑）

宋体SimSun黑体SimHei微软雅黑MicrosoftYaHei微软正黑体MicrosoftJhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体Ka...

2016-02-18 11:03:00 73

转载 40 个重要的 HTML5 面试问题及答案

目录介绍Canvas和SVG图形之间的区别是什么？如何使用Canvas和SVG绘制矩形？什么是CSS选择器？如何使用ID值应用CSS样式？CSS的列布局有什么用？请解释一下CSS盒子模型？请解释CSS3中的一些文字效果？什么是webworker，为什么我们需要他们webworker？如何添加和删除本地存储中的数据？什么是本地存储的有效...

2016-01-26 17:37:00 100

转载 CSS代码重构与优化之路

CSS代码重构的目的我们写CSS代码时，不仅仅只是完成页面设计的效果，还应该让CSS代码易于管理，维护。我们对CSS代码重构主要有两个目的：1、提高代码性能2、提高代码的可维护性提高代码性能提高CSS代码性能主要有两个点：1、提高页面的加载性能提高页面的加载性能，简单说就是减小CSS文件的大小，提高页面的加载速度，尽可以的利用http缓存2、提高CSS代码...

2016-01-26 17:22:00 79

转载 png图片使用opacity在ie中出现黑边情况

JQuery动画的淡入淡出效果，用在PNG24的图片上，在IE7、IE8下会出现黑边框。有些人觉得很奇怪，为什么?潘?E6正常，反而在IE7、8下却有黑边呢。其实问题出在filter属性上。IE6引用PNG24的图片的方式是：filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img24.png');...

2016-01-26 17:08:00 127

转载 js鼠标事件大全

1.一般事件事件浏览器支持描述onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的...

2015-11-26 15:19:00 134

转载 filter 在CSS用的效果

滤镜说明：　　Alpha：设置透明层次　　blur：创建高速度移动效果，即模糊效果　　Chroma：制作专用颜色透明　　DropShadow：创建对象的固定影子　　FlipH：创建水平镜像图片　　FlipV：创建垂直镜像图片　　glow：加光辉在附近对象的边外　　gray：把图片灰度化　　invert：反色　　light：创建光源在对象上　　mask：创建透明掩膜在对象上　　shad...

2015-11-17 16:17:00 64

转载 Safari的CSS HACK方法

以前的文章里提到过IE6/IE7/IE8/IE9/、Firefox的CSS HACK方法，那么Safari的CSS HACK是什么呢？请看以下CSS代码：.box { color:black; /*ff*/color:#fff\9\0;...

2015-11-06 13:20:00 171

转载 HTML5网页如何让所有的浏览器都能识别语义元素标签样式

浏览器对语义元素的支持情况如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的IE9不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多，其中自己生成标签元素就是一种。为了让浏览器能识别html新标签并显示对应样...

2015-10-27 17:37:00 97

转载 Android/IOS APP界面设计之尺寸规范

1.尺寸以及分辨率　　iPhone的界面尺寸不用多说，640*960是基本OK的，也可以是适应5S的640*1136，马上iPhone 6也快来了（随便吐槽一下网上曝的真机谍照，真是丑到离谱...），只要宽度不变都好说。至于像素问题，网页和移动的UI用72px就可以了，不必纠结。2.界面基本组成元素　　iPhone的APP界面一般由状态栏、导航栏、主菜单栏和中间的内容区域组成...

2015-08-31 15:03:00 164

转载 html5 audio音频播放全解析

html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可以不用Flash插件就可以听音乐看视频，当然这些能否实现还跟你用的浏览器有关。这是de...

2015-08-24 11:42:00 262

转载【转载】有效防止百度移动搜索转码

百度移动端搜索为了更大程度上一迎合日益发展的移动设备，对其搜索结果进行自认为很赞的转码，说白了就是改改css样式，当然是通过分析后改的，有主次之分，这个不在此多说。但大前端的主题用户都知道，我们的主题为了更好的在移动端显示，也做了相应的样式调整。这样一来，百度搜索后不能采用我们设定的移动端样式，不得不说百度在照顾多数人的同时牺牲了少数人的感官。不干呀，转码的不好看，还是自己写的好，于...

2015-08-17 11:06:00 41

转载 jquery 弥补ie6不支持input:hover状态

<!doctype html><html> <head> <meta charset="utf-8"> <title>jquery 弥补ie6不支持input:hover状态</title> <style type="text/css"> input{border:1px s...

2015-08-10 16:50:00 54

转载解决 IE6 position:fixed 固定定位问题

#e_float{ _position:absolute; _bottom:auto; _right:50%; _margin-right:-536px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(pars...

2015-08-06 17:45:00 79

转载 png-24在ie6中的几种透明方法

下面介绍几种常用的解决办法：dd_belatedpng.js法引入js文件<!--[ifIE6]><scripttype="text/javascript"src="js/dd_belatedpng.js"></script><script>DD_belatedPNG.fix('.pngfix')...

2015-07-31 17:24:00 149

转载 Chrome调试小技巧

前言：除了我们日常使用的调试方法，在Chrome中，其含有一些有意思的方法，有助于提高我们的开发调试效率。Sources页command + p 文件跳转使用Sublime的人或习惯用command + p 进行文件的跳转，在chrome dev tools中其实也有类似的跳转方法。command + p command + p + 文件名 + : + ...

2015-07-29 17:59:00 85

转载 html select美化模拟jquery插件select2.js

代码展示：http://www.51xuediannao.com/demo.php代码说明:select2.js是一个html select美化模拟类jquery插件，但是select2.js又远非简单的模拟美化那么简单，它还具有搜索功能，多选功能（可限制选择数量），ajax方式加载数据，可以设置placeholder，可以设置禁用状态disabled，并且设置非常简单，如：...

2015-07-29 16:56:00 90

转载响应式设计的十个基本技巧

Responsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。由于组织了YY活动在线上和大家分享Responsive的设计，为了能让大家更好的理解，我自己也有必要好好的做一下功课，今天这个就是功课，想和大家一起分享一下Responsive设计的一些基本技巧，和相对应的学习资源，希望对...

2015-07-23 14:36:00 91

转载 colspan和rowspan

colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span（跨列）”的缩写。colspan属性用在td标签中，用来指定单元格横向跨越的列数：在浏览器中将显示如下：单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所...

2015-05-28 13:59:00 77

转载【转】为什么整个互联网行业都缺前端工程师？

每天，100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。放眼全球，不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。举个例子，根据indeed.com抓取的数千家网站的职位显示：目前前端的热门岗位——「HTML5」是需求增长最快的开发岗位，在...

2015-05-27 18:19:00 111

转载【转】HTML5标签使用的常见误区

最近组内进行 HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.下面是我在 html5doctor 上面看到的一...

2015-05-27 17:55:00 86

转载手机访问页面时,常用的功能介绍

来源网络下面的这篇文章主要是说，网页中的链接如何写，可以激活电话的功能。例如，页面中展示的是一个电话号码，当用户在手机浏览器里面点击这个电话号码的时候，手机会弹出拨号的面板，或者是短信程序会启动等。1. 打电话在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的时候，拨号面板会激活，但是如果不是这一特定的格式，那么拨号功能是不会启动的。其...

2015-05-27 17:38:00 222

转载【转】手机web页面制作时的注意事项

一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例--------解决原先在Pocket PC 2002上...

2015-05-27 16:02:00 72

转载企业站前端——总结

1.插入图片时，图片必须用div包裹起来，给div固定宽高，图片设为max-width:100%; 原因：图片需要在后期后台添加，而你永远都不知道客户给你上传的图片是什么样子？什么大小的？如果客户上传的图片大于你原有的图片，你所有的样式都会疯狂的手机端图片的自适应问题：解决方法一：通过JS获取比...

2015-05-25 11:50:00 76

转载解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号

在表格布局中经常会遇到因为表格内容长短的变化导致布局混乱的情况，这个时候我们可能会有为了布局稳定把单元格宽度写死的情况；但是我们设置了宽度却发现超出了宽度之后会自动变大，用css定义元素的overflow:hidden;属性也不行；最后找的的解决方案如下：table{ table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作...

2015-05-25 10:24:00 374

转载 HTML head

DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。DTD(Document Type Definition) 声明以 <!DOCTYPE> 开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在 IE 下开启怪异模式(...

2015-05-20 16:00:00 34

转载复杂产品的响应式设计【流程篇】

响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里，交互每个阶段该产出什么？交互与视觉如何协作？前端何时介入？哪些事情让后端开发来做更合理？经历“玩客”第一版后，我们得到了一些答案。响应式设计之所以叫响应式“设计”而不叫响应式“技术”，是因为它是一项设计先行的工作。需要设计先明...

2015-05-20 14:43:00 54

转载你应该知道的9个优秀的CSS框架

1、Twitter开源杰作-BootstrapBootstrap是一款由Twitter推出的开源CSS框架，它的核心是由一系列用于Web前端开发的工具包组成。Bootstrap基于HTML、CSS和JavaScript，是一款非常适合敏捷Web开发的CSS框架，Bootstrap同时也是Github上最热门的开源项目之一。Bootstrap的特点强大的开发团队。Boo...

2015-05-18 12:29:00 72

转载 js实现禁止页面拖拽图片

document.ondragstart = function() { return false;};转载于:https://www.cnblogs.com/Better-Me/p/4511359.html

2015-05-18 10:52:00 816

转载移动端WEB开发，click,touch,tap事件浅析

一、click 和 tap 比较两者都会在点击时触发，但是在手机WEB端，click会有200~300 ms，所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会...

2015-05-18 10:30:00 57

转载响应式布局的三大要点

在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；可切换的固定布局：同样以像素作为页面单位，参考...

2015-05-12 17:50:00 72

转载手机web——自适应网页设计（html/css控制）

一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。<metaname="viewport"content="width=device-width,initial-scale=1"/>viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于...

2015-05-12 17:48:00 56

转载移动页面自适应手机屏幕宽度

1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximu...

2015-05-12 16:30:00 52

转载 js判断手机访问跳转到手机站

第一种方法：<script>if(navigator.platform.indexOf('Win32')!=-1){//pc//window.location.href="电脑网址";}else{//shoujiwindow.location.href="手机网址";...

2015-05-12 15:21:00 81

转载针对IE的CSS hack 全面实用

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.n...

2015-05-11 14:58:00 44

转载 jQuery片段 - 表单action的更改和提交

//点击表单“提交”按钮$("#submitBut").bind("click",function(){varurl="...";//更改form的action$("#submitForm").attr("action",url);//触发submit事件，提交表单$("#submi...

2015-05-05 18:56:00 68

转载 CSS Sprite初探之原理、使用

CSS Sprite简介：利用CSS Sprites能很好地减少了网页的http请求次数，从而大大的提高了页面的性能,节省时间和带宽。CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不...

2015-04-16 18:26:00 83

空空如也

空空如也