自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 问答 (2)
  • 收藏
  • 关注

原创 移动端input提起数字键盘没有小数点的问题

今天接到一个bug。客户浏览移动端页面的时候,唤醒数字键盘只有数字0-9,没有小数点。如图经测试,搜狗输入法没有复现。但是换成苹果原生输入法就复现了。看了下代码:<input type="number" pattern="[0-9]*">这里我针对ios和安卓都做了下研究和总结,如何唤醒数字键盘1.安卓方法:设置input的type是number或tel<...

2019-03-19 13:41:24 9457 7

原创 node升级攻略

一. 查询node版本,启动cmd命令node -v查询结果E:\frontend_work\fof\frontend&gt;node -vv10.15.0E:\frontend_work\fof\frontend&gt;npm -v6.1.0二.node升级1. mac首先安装n模块:npm install -g n升级node.js到最新稳定版:n stablen...

2019-01-23 19:33:07 209

原创 let-ES6的新运算符学习心得-1

let 和 var 区别let : 变量只能声明一次,var : 变量可以多次声明 var v = 5; var v = 3; let l = 2; let l = 4; // 报错信息: Identifier 'l' has already been declared我们可以巧妙的利用这个特性,实现如下代码:// 使用var,输出五遍var5...

2018-02-23 11:28:16 343

转载 JavaScript匿名函数写法

匿名函数没有实际名字,也没有指针,怎么执行滴?其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 最常见的用法 (function() { alert('water'); })(); 参...

2018-02-22 15:56:46 878

转载 优雅的设置font-family

大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下:一、首先我们看看各平台的默认字体情况1、Window下:宋体(SimSun):Win下大部分游览器的默认字体,宋体在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。

2017-09-12 17:58:04 6478

原创 有道云笔记同步出现红色叹号的解决办法(以win10为例)

有道云笔记同步出现红色叹号的解决办法(以win10为例)

2017-08-11 15:04:29 6168 1

原创 js实现16进制颜色转换成rgba格式

今天接的需求需要背景颜色有透明度,然而后台打的数据是#16进制格式的颜色,所以需要用js手动把16进制颜色转换成rgba格式。代码如下:function colorRgb(str,opacity){ var sColor = str.toLowerCase(); if(sColor){ if(sColor.length === 4){

2017-02-17 18:32:07 2751

原创 JS数组去重和排序方法总结

一去重二排序一、去重第一种是比较常规的方法 思路:构建一个新的数组存放结果for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比若结果数组中没有该元素,则存到结果数组中 代码如下:Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++)

2016-07-17 21:47:24 3091

转载 学习Javascript闭包(Closure)

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。  var n=999;  function f

2016-07-17 18:24:43 272

转载 Javascript面向对象编程(三):非构造函数的继承

今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。  var Chinese = {    nation:'中国'  };还有一个对象,叫做"医生"。  var Doctor ={    career:'医生'  }请问怎样才能让"医生"去继承"中

2016-07-17 17:22:18 199

转载 Javascript面向对象编程(二):构造函数的继承

这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。  function Animal(){    this.species = "动物";  }还有一个"猫"对象的构造函数。  function Cat(n

2016-07-17 17:20:11 235

转载 Javascript 面向对象编程(一):封装

学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。============================Javascript 面向对象编程(一):封装Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几

2016-07-17 17:17:53 420

原创 Css3 Media Query实现响应式的方法总结

最近几年,大屏幕手机和ipad等移动设备的流行,使你的网页兼容移动设备已成为一种流行! 移动设备的屏幕大小是五花八门,各式各样! 要想很好的兼容移动设备,Css3的media技术是功不可没。我的毕业设计做的就是响应式网站,正是使用了媒体查询实现的。下面开始介绍一、Css3的Media Queries 翻译成中文是“媒体查询”,有如下几种引入方式:1.直接head中引用,其实media在css2中

2016-07-17 16:54:31 4679

转载 史上最全 | 前端工程师面试题汇总

HTMLDoctype作用?严格模式与混杂模式如何区分?它们有何意义?HTML5 为什么只需要写 ?行内元素有哪些?块级元素有哪些? 空(void)元素有那些?页面导入样式时,使用link和@import有什么区别?介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?html5有哪些新

2016-07-16 17:41:11 1012

转载 HTML中的IE条件注释

HTML中的IE条件注释IE条件注释是一种特殊的HTML注释,这种注释只有IE5.0及以上版本才能理解。比如普通的HTML注释是:1<!--Thisisacomment-->而只有IE可读的I

2016-07-16 16:42:43 335

原创 如何让ie6-8识别HTML5新标签

越来越多的站点开始使用 HTML5 标签。但情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案有下面两个:1、为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。 2、使用Javascript来使不支持HTML5的浏览器支持HTML标签。很多网站采用的这种方式。

2016-07-15 17:53:33 541

空空如也

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

TA关注的人

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