泉州网页设计培训班-JS判断是PC还是手机打开不同页面

泉州网页设计培训班-JS判断是PC还是手机打开不同页面

    • 在移动设备应用越来越广泛的时候,为了留住更多的客户给客户更好的用户体验,传统网站与手机网站并存的情况越来越多,如何平衡两者的关系,便成了一个值得探讨的话题,因为PC站与手机站有着很大的区别为了更友好的显示,最好的方式是让系统自动判断用户的浏览设备而打开不同的页面。时下也有很多方法可以参考,道成也有自己的一些心得给大家分享,只需引用一段一段JS代码即可,非常简单。

阅读更多

一些前端开发中最常用的JS代码片段

一些前端开发中最常用的JS代码片段

HTML5 DOM 选择器

js代码如下:

// querySelector() 返回匹配到的第一个元素
var item = document.querySelector(‘.item’);
console.log(item);

// querySelectorAll() 返回匹配到的所有元素,是一个nodeList集合
var items = document.querySelectorAll(‘.item’);
console.log(items[0]);

阅读更多

web前端开发常用代码整理

web前端开发常用代码整理

IE条件注释

条件注释简介

  1. IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
    条件注释只能用于IE5以上,IE10以上不支持。
  2. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
  3. 条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
  4. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

阅读更多

如何写好代码,网上整理资料

遵行惯用法

  1. 注释符号 `//` 后应该空一格;
  2. 防止变量提升,应先声明后使用(JSHint 会提醒出 `_height` 存在变量提升以及定义后未使用的错误);
  3. 不应该使用硬编码,并且重复几次( ID 后缀名可以定义到常量里,用大写字母);
  4. 不应该有两个配置属性,含义不明(this.opts 和 this._options);
  5. 若两次以上引用同一对象的属性,应该定义到局部变量再引用(var options = this._options);
  6. 不应该同时使用两种属性命名风格(colModel 和 table_body);
  7. 局部变量名应该尽可能短,而方法名应该尽可能完整(不应该同时即有 fromatTpl 又有 parseTemplate);
  8. 局部变量名不需要用下划线开头,仅对象私有属性和私有方法有此必要;
  9. 变量名不需要带类型属性(_thdoms 叫 ths 就好);
  10. 使用 JavaScript 时,for 循环基本可以避免(比如 jQuery 有 $.each, $.map,$.filter, $.grep 等等高阶函数可用);
  11. jQuery 对象名习惯以 $ 开头,以便区分 DOM 对象;
  12. jQuery 查询应尽量使用 context (如 this.$table = $(‘table’, this.$element) );
  13. jQuery DOM 操作和原生 DOM 操作不应该混用(已经使用 jQuery 的情况,就应该坚持使用 jQuery 来操作 DOM,避免丑陋的原生操作);
  14. DOM 元素构造出来,也不应该再到文档中查询一遍了(图上的构造太复杂,一眼真看不懂);

阅读更多

网页前端设计10个短小却超实用的JavaScript 代码段

网页前端设计10个短小却超实用的JavaScript 代码段

JavaScript正变得越来越流行,它已经成为前端开发的第一选择,并且利用基于JavaScript语言的NodeJS,我们也可以开发出高性能的后端服务,甚至我还看到在硬件编程领域也出现了JavaScript的身影。JavaScript正在逐渐进化为一门全能的开发语言。下面是我收集的10段实用JavaScript代码,基于它们你还可以创造出更强大的JS插件或功能函数。

但用好JavaScript并不容易,你除了需要掌握它的语法并知道如何写出高质量的代码之外,还需要了解如何解决那些几乎在每个项目中都会遇到的需求场景,比如:判断日期,高亮文本,限制字符数等等,有很多第三方库可以解决这些问题,但这些库可能并非只是为解决这一个问题而创建的,这意味着你需要引入了很多无关的代码,这将使你的整个系统变得臃肿,而且也会影响到系统的性能。我的做法是,收集和使用那些常见的JavaScript代码段,并在需要时,尽可能首先使用它们。 阅读更多

常见中文字体英文名称以及windows默认字体列表

常见中文字体英文名称以及windows默认字体列表

在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体:

Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312

Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)

Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB

例1(小米米官网):font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif; 阅读更多