摘要: 页面制作注意事项 V1.1 目 录 1. 引言 2 1.1. 编写目的 3 1.2. 适用的工作人员 3 1.3. 编写的范围 3 1.4. 适用的产品范围 3 2. 页面制作注意事项 4 2.1. 代码嵌套合理 4 2.2. 标签的语义化 4 2.3. 注释内容不能使用 “--” 4 2.4. 页 阅读全文
posted @ 2017-06-30 18:44 另一种感觉 阅读(592) 评论(0) 推荐(0)
摘要: 网页制作标准概要 (程序员适用) 本文讨论的网页设计标准为WEB标准中典型的应用模式 “DIV+CSS”。 希望大家只把这种应用模式当成结构表现分离,代码规范严格的优秀思想即可。建议大家要去消化而不是模仿,不管什么技术,什么口号,什么方法,我们的目的只有一个——我们要做到网页的最优化。 备注:“DI 阅读全文
posted @ 2017-06-30 18:43 另一种感觉 阅读(568) 评论(0) 推荐(0)
摘要: 初使化标签定义 html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquot 阅读全文
posted @ 2017-06-30 18:41 另一种感觉 阅读(1261) 评论(0) 推荐(0)
摘要: 移动端的页面多数情况下用百分比或者媒体查询来设置页面的宽高度 这样会达到响应的效果 这里解释几点 1.-webkit-tap-highlight-color: rgba(0,0,0,0);也可以写成-webkit-tap-highlight-color: transparent; 去掉点击时高光显示 阅读全文
posted @ 2017-06-30 18:40 另一种感觉 阅读(232) 评论(0) 推荐(0)
摘要: 浅淡HTML5移动Web开发 说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发。但从这两种开发模式的特点来说,从它们诞生之日起就开始了不断的争论,孰好孰坏,本文不作 阅读全文
posted @ 2017-06-30 18:39 另一种感觉 阅读(693) 评论(0) 推荐(0)
摘要: 加载jQuery 在您的页面中优先使用CDN的方式,CDN方式的优点在这里,这里有比较流行的jQueryCDN列表清单(由于国内goolge限制问题,建议使用国内的CDN,例如百度的CDN)。 [html] view plaincopyprint? <script type="text/javasc 阅读全文
posted @ 2017-06-30 18:38 另一种感觉 阅读(698) 评论(0) 推荐(0)
摘要: 随着微信的越来越大众化,微信的使用程度也越来越高。随之,产生了一种新的推广模式,即微信推广。在这个微信的大平台上会衍生出许许多多的推广手段。而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来。 一些客户不仅仅满足于自己的网站可以在手机浏览器上完美的展现出来,同时还要求可以在微信中进行广 阅读全文
posted @ 2017-06-30 18:37 另一种感觉 阅读(2658) 评论(0) 推荐(0)
摘要: 网页自动回退一页的javascript代码怎么写吗? 使用JavaScript的history就可以实现后退一页,甚至几页的效果。例如下面的代码: <button onclick="history.go(-1)">后退一页</button> 后退一页 这个难度不大,不过如果这个是用户访问的第一页的话 阅读全文
posted @ 2017-06-30 18:36 另一种感觉 阅读(2436) 评论(0) 推荐(0)
摘要: jquery.citypicker(自己写的jQuery中国城市选择器) *@QQ:164068300 * @版本 jquery.citypicker.js(version="1.1.0") * @使用方法: * 1.jquery.citypicker就jquery插件,使用此插件前必须先引用jqu 阅读全文
posted @ 2017-06-30 18:35 另一种感觉 阅读(1424) 评论(0) 推荐(0)
摘要: var publicFunc = { back : function(num){ var _num = num ? num : -1; if(navigator.userAgent.indexOf('Android') > -1){ window.callAndroid.back(_num); }e 阅读全文
posted @ 2017-06-30 18:34 另一种感觉 阅读(1581) 评论(0) 推荐(0)
摘要: 面试常见技术问题 JQ 1、jq常见选择器? ,号选择器,分组选择器。空格,祖父选择器。>大于号,父子选择器。+号选择器,紧接下一个兄弟选择器。~号,元素之后所有的siblings元素。 :first,:last,:not,:first-child,:last-child,:animated.:ch 阅读全文
posted @ 2017-06-30 18:32 另一种感觉 阅读(397) 评论(0) 推荐(0)
摘要: window.location方法获取URL及window.location.assign(url)和replace(url)区别 window.location方法获取URL 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: schem 阅读全文
posted @ 2017-06-30 18:32 另一种感觉 阅读(249) 评论(0) 推荐(0)
摘要: window.getComputedStyle详解 window.getComputedStyle说明:getComputedStyle()返回元素的所有CSS属性的计算值语法:var style = window.getComputedStyle(element[, pseudoElt]);参数说 阅读全文
posted @ 2017-06-30 18:23 另一种感觉 阅读(1953) 评论(0) 推荐(0)
摘要: 移动端 h5开发相关内容总结——CSS篇 移动端开发视窗口的添加 什么时候使用 flex 属性 添加厂商前缀 flex低版本浏览器的兼容 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2017-06-30 18:10 另一种感觉 阅读(4882) 评论(0) 推荐(0)
摘要: CSS3的calc()使用 calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以 阅读全文
posted @ 2017-06-30 18:09 另一种感觉 阅读(259) 评论(0) 推荐(0)
摘要: Yslow视图 YSlow显示测试结果的分析,分为等级、组件、统计信息。你可以浏览这些观点之间选择标签以观的名字在YSlow标签的Firebug控制台。以下是说明的等级、组件、统计信息。 一、等级视图 查看一个分析,选择页面的性能等级标签或点击网页的字母等级在状态栏这页纸的底部。视图显示了等级为网页 阅读全文
posted @ 2017-06-30 18:05 另一种感觉 阅读(537) 评论(0) 推荐(0)
摘要: wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生 阅读全文
posted @ 2017-06-30 18:01 另一种感觉 阅读(116) 评论(0) 推荐(0)
摘要: 第一种方法: 一:判断是那种设备 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+ 阅读全文
posted @ 2017-06-30 18:00 另一种感觉 阅读(945) 评论(0) 推荐(0)
摘要: css3 media媒体查询器用法总结 标签:class 代码 style html sp src 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆 阅读全文
posted @ 2017-06-30 17:59 另一种感觉 阅读(4050) 评论(0) 推荐(2)
摘要: 1:加载兼容文件JS 因为IE8既不支持HTML5也不支持CSS3 Media,所以我们需要加载两个JS文件,来保证我们的代码实现兼容效果: <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html 阅读全文
posted @ 2017-06-30 17:56 另一种感觉 阅读(7308) 评论(0) 推荐(0)
摘要: INPUT type=password 元素 | input type=password 对象 属性 描述 ACCESSKEY accessKey 设置或获取对象的快捷键。 ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 AUTOCOMPLETE autocomple 阅读全文
posted @ 2017-06-30 17:55 另一种感觉 阅读(2489) 评论(0) 推荐(1)
摘要: 浅谈前端移动端页面开发(布局篇) 时间:2015-05-27 编辑:observernote 来源:本站整理 前言的一些碎碎念:最近一直在写移动端的页面,不过一直是用的别人造好的轮子,很多时候并没有想那是为什么,那是怎么样要那么写,就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解,结果很多东西 阅读全文
posted @ 2017-06-30 17:54 另一种感觉 阅读(399) 评论(0) 推荐(0)
摘要: 在微网站上面如何去除a、button、input点击后出现的蓝色覆盖层或者边框 0 [待解决问题] 浏览: 2959次 a,button,input{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-modify: r 阅读全文
posted @ 2017-06-30 17:52 另一种感觉 阅读(1007) 评论(0) 推荐(0)
摘要: 匹配中文,英文字母和数字及_(邮箱): ^[\u4e00-\u9fa5_a-zA-Z0-9]+$ 匹配中文: reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/ 匹配中文:/[\u4E00-\u9FA5\uF900-\uFA2D]/ 特殊表达式 : 1.货币格式: '12312 阅读全文
posted @ 2017-06-30 17:49 另一种感觉 阅读(168) 评论(0) 推荐(0)
摘要: 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480 阅读全文
posted @ 2017-06-30 17:48 另一种感觉 阅读(315) 评论(0) 推荐(0)
摘要: html5制作loading图的示例 代码如下: <!DOCTYPE html><html><head><title></title></head><body><canvas id = "canvas"></canvas></p> <p> <script>var Loading = function 阅读全文
posted @ 2017-06-30 17:46 另一种感觉 阅读(1500) 评论(0) 推荐(0)
摘要: 1、前端开发社区 -- 为前端开发者提供文章发表、智慧提问、链接分享、交流分享等专业技术服务 http://frontenddev.org/ 2、css效果大全 http://www.html5cn.org/portal.php?catid=16&mod=list 3、制作H5页面免费工具大全 ht 阅读全文
posted @ 2017-06-30 17:36 另一种感觉 阅读(190) 评论(0) 推荐(0)
摘要: http://jo2.org/html5-canvas-tutorial-list/ 阅读全文
posted @ 2017-06-30 17:34 另一种感觉 阅读(135) 评论(0) 推荐(0)
摘要: 手机淘宝的flexible设计与实现 寒冬winter 发布在像winter一样冷2015年8月7日view:70095HTML5CSSCSS3移动开发 在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。 看到小黑的文章 关于webapp中的文字单位的一些捣腾 感觉很赞。尤其是, 阅读全文
posted @ 2017-06-30 17:27 另一种感觉 阅读(973) 评论(0) 推荐(0)
摘要: 目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为 阅读全文
posted @ 2017-06-30 17:26 另一种感觉 阅读(352) 评论(0) 推荐(0)
摘要: 上传我们一般都是用“input[type=file]”控件。当你用此控件时,你就授权了网页和服务器访问对应的文件,就可以得到File对象。 友情提示在,在Android手机webview中,是不支持上传文件的,网上说是修改Android端的代码,但我没试过,我们这边是使用客户端提供的接口来实现上传的 阅读全文
posted @ 2017-06-30 17:24 另一种感觉 阅读(37751) 评论(1) 推荐(3)
摘要: HTML5 本地存储和内容按需加载的思路和方法 作者:佚名 字体:[增加 减小] 来源:互联网 时间:04-07 16:05:09 我要评论 本文将着重介绍HTML5本地存储和内容按需加载的思路和方法,以及HTML5视频技术的效果。LOL官网采用的减少加载量的方法,在首页上为用户节省了至少600K的 阅读全文
posted @ 2017-06-30 17:22 另一种感觉 阅读(364) 评论(0) 推荐(0)
摘要: 我们再来细细的说一说这个问题,我们先来解释下什么是HTML5。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML(标准通用标记语言下的一个应用)标准版本;现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML5播放视频,使用的是H 阅读全文
posted @ 2017-06-30 17:20 另一种感觉 阅读(4199) 评论(0) 推荐(0)
摘要: 1、单条 border .hairlines li{ position: relative;border:none; } .hairlines li:after{ content:''; position:absolute; left:0; background:#000; width:100%; 阅读全文
posted @ 2017-06-30 17:20 另一种感觉 阅读(312) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang = "zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> < 阅读全文
posted @ 2017-06-30 17:18 另一种感觉 阅读(177) 评论(0) 推荐(0)
摘要: 前端开发者都应知道的 jQuery 小技巧 一个简单技巧的集合,帮你提升 jQuery 技能。 1、回到顶部按钮 2、预加载图片 3、检查图片是否加载完毕 4、自动修复损坏的图片 5、Hover 上的 Class 开关 6、禁用 input 字段 7、停止链接加载 8、淡入淡出/滑动开关 9、简单的 阅读全文
posted @ 2017-06-30 17:17 另一种感觉 阅读(159) 评论(0) 推荐(0)
摘要: 那么boys and grils,给你们推荐几个东西 要往界面方向走的 生成 box-shadow 的工具(http://www.cssmatic.com/box-shadow) 渐变生成器(http://www.cssmatic.com/gradient-generator) CSS3 生成器(h 阅读全文
posted @ 2017-06-30 17:16 另一种感觉 阅读(141) 评论(0) 推荐(0)
摘要: 关于scrollbar-face-color只支持ie的解决方法!!今天突然有人问我滚动条css自定义的方法,我发现用scrollbar-base-color这种方法只有ie支持,查了半天资料总结如下!!!IE浏览器中自定义滚动条样式:HTML { scrollbar-base-color: #C0 阅读全文
posted @ 2017-06-30 17:07 另一种感觉 阅读(235) 评论(0) 推荐(0)
摘要: /*移除HTML5 input在type="number"时的上下小箭头*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } inpu 阅读全文
posted @ 2017-06-30 17:06 另一种感觉 阅读(282) 评论(0) 推荐(0)
摘要: JS代码: //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛选元素的子元素或者本身 jQuery.fn.isChildAndS 阅读全文
posted @ 2017-06-30 17:01 另一种感觉 阅读(1320) 评论(0) 推荐(0)