![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
front_end_fan
互联网公司缺的是技术过硬又精通业务的工程师,缺的是真正能解决实际业务问题的人,缺的是复合型的人才。
展开
-
Date.parse()的兼容性问题
今天写代码发现?123viewValue = "2014-04-04 23:33:34" f = new Date(viewValue).getTime(); 在谷歌上可以正确解析,而在ie与edge上缺解析不了,经查询是兼容性问题,只要把"-"替换为"/"就可以解决,如下f = new Date(Date.parse(viewValue.replace(/-/g,"/"))).getTime原创 2017-11-08 17:56:50 · 513 阅读 · 0 评论 -
ES6学习笔记(一)
如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结 合在一起,写出合理的、易于阅读和维护的代码。 多家公司和组织已经公开了它们的风格规范,具体可参阅jscs.info,下面的内容主要参考了Airbnb的JavaScript风格规范。块级作用域(1)let取代var ES6提出了两个新的声明变量的命令: let 和 const 。其中, let 完全可以取代 va原创 2017-09-15 09:10:36 · 478 阅读 · 0 评论 -
js判断是否是数组及常见类型判断
前言本篇是基础知识普及篇,js判断数据类型等。我们都知道,php中有is_array()函数,但是js中没有,我们判断数据类型是否是数组的时候,通常保险起见,可以写个函数进行判断。今天呢,普及一些基本的数据类型判断方法,希望对大家有所帮助。typeof篇typeof用的比较多的时候,是判断某个全局变量在不在,假如某个页面定义了一个全局变量。假如你做如下判断://haorooms是全局变量i原创 2017-09-07 10:36:43 · 370 阅读 · 0 评论 -
table表格合并第一列中相同的内容(优化+注解)
jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件 console.log(this); return this.each(function(){ console.log(this) var that;//用来保存含 有重复内容的列中的第一个td console.log(that);//原创 2017-09-06 17:42:17 · 2186 阅读 · 1 评论 -
谈谈DOMContentLoaded:Javascript中的domReady引入机制
一、扯淡部分回想当年,在摆脱写页面时js全靠从各种DEMO中copy出来然后东拼西凑的幽暗岁月之后,毅然决然地打算放弃这种处处“拿来主义”的不正之风,然后开启通往高大上的“前端攻城狮”的飞升之旅。想想都有些小激动呢~然而人生不如意者十之八九,刚踏上征程就经常会被各种Error虐到体无完肤,有时候甚至会被在现在看来很低级的bug折磨得生不如死。但没有一种成长是不需要付出代价的,也就是那段刚跳入泥潭的原创 2017-09-06 17:00:23 · 1338 阅读 · 0 评论 -
手机/移动前端开发需要注意的20个要点
前言 移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。 1、首先我们来看看webkit内核中的一些私有的meta标签原创 2017-09-14 14:22:31 · 341 阅读 · 0 评论 -
tab切换——点击
前言如果只用到id选择器,可以不引入jq,自己仿照jq封装一个简单的id选择器方法$()。 function $(id){ return typeof id ==="string"?document.getElementById(id):id;}代码<!doctype html><html lang="'en"><head> <meta charset="UTF-8">原创 2017-09-14 11:24:33 · 320 阅读 · 0 评论 -
js拖动窗口
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding:0} #main{ position: absolute; width: 2原创 2017-09-14 10:35:19 · 374 阅读 · 0 评论 -
JavaScript中this关键字的使用
相信大家在学习JavaScript的时候,this关键字总是会让大家感到很困惑,下面就来给大家详细的介绍有关this的一些知识点。this在JavaScript中this总是指向一个对象,而具体指向的那个对象是在运行代码时基于函数的执行环境动态绑定的,而不是函数在声明时的环境。this的指向问题在JavaScript中出去特殊的with和eval之外,具体到实际运用中一般包括以下四种情况:原创 2017-09-14 10:05:40 · 327 阅读 · 0 评论 -
ES6常用命令
1、模板语言 ·· (反引号,就是键盘左上角数字 1 旁边的那个键) 代替字符串拼接,变量也很好用 1)var str= · a; b; · 等价于 var str = “a” ; str += b; 2)变量原创 2017-09-15 10:25:59 · 642 阅读 · 0 评论 -
不要过度依赖JQuery(二)
前言 为什么说不要过度依赖JQuery呢?从项目方面来讲,一些项目在开发中实际用到JQuery内置功能不多,这样会造成项目臃肿;另一方面,目前的主流已经倾向于原生开发。 而在之前一篇《不要过度依赖JQuery(一)》一文中已经介绍了部分使用原生JavaScript实现JQuery功能的代码,这一章将继续列举。 1、位置 获取相对于文档的位置$('#test').offset() functi原创 2017-09-15 11:11:10 · 330 阅读 · 0 评论 -
不要过度依赖JQuery(三)
前言 在不要过度依赖JQuery(一)和不要过度依赖JQuery(二)两篇文章中已经列举了大量的使用原生JavaScript替代JQuery的例子,在本文中将继续列举! 1、表单 获取焦点$('#test').focus(); $('#test').focus(function(){}); var t = document.getElementById('test');function原创 2017-09-15 11:22:21 · 421 阅读 · 0 评论 -
统一回复《怎么学JavaScript?》
鉴于时不时,有同学私信问我怎么学前端的问题。这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了。 首先说句题外话。关于有人管我叫大神的事情。个人感觉这跟你买东西时,人家管你叫帅哥一样,你答应与否都无妨。 正题开始,前端怎么学,应该因人而异,别人的方法未必适合自己。就说说我的学习方法吧。我把大部分时间放在学习js上了。因为这个js的学习曲线,先平后陡。项目实践和练转载 2017-09-12 13:55:18 · 783 阅读 · 0 评论 -
textarea还剩余字数统计
以后再写页面上的js代码,一定要考虑复用性。比如封装好一个方法,其他地方要能够直接使用就像是下面的代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>textarea还剩余字数统计</title> <style type="text/css"> body,a{ font-size:原创 2017-09-11 13:50:16 · 1206 阅读 · 0 评论 -
canvas绘制圆环进度条出现模糊效果解决方案
问题近期用canvas绘制了圆环进度条,但是进度条出现周围模糊的现象,针对这种现象,网上搜了搜,有人提问,但是貌似没有很好的解决方案,针对这种情况,提出几种解决方案,仅供参考!模糊效果如下:解决方案针对这种情况,我提出几种解决思路。一、运用hidpi-canvas-polyfill 的js进行解决HiDPI Canvas Polyfill 是针对设备提出的canvas高清解决方案,首先引入转载 2017-09-11 10:13:59 · 2056 阅读 · 0 评论 -
JS常用的时间方法总结
这篇文章主要是分享几个比较常用的时间方法:时间格式化获取前几天或后几天的日期获取某月有多少天获取星期几获取两个日期时间差//格式化日期 Date.prototype.Format = function(fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日原创 2017-09-19 08:36:17 · 517 阅读 · 0 评论 -
JavaScript常用方法整理
一、StringchatAt() //返回在指定位置的字符,第一个位置是0。(string.chatAt(0))concat() //连接两个或更多字符串,返回新的字符串(string.concat(string1, string2, ..., stringX))indexOf() //返回某个指定的字符串值在字符串中首次出现的位置。区分大小写,如果没有找到匹配的字符串则返回 -1。(s原创 2017-09-19 08:12:38 · 402 阅读 · 0 评论 -
JS节点的属性及方法
前言学习了jquery等类库,可不能”忘本“,原生js才是它的根基。 ”但是前端技术发展到今天,如果你时常关注Github上一些流行的开源JS项目,你会发现这样一种趋势:开发者们越来越倾向于使用原生代码,而不依赖与第三方库。“一、属性Attributes 存储节点的属性列表(只读)childNodes 存储节点的子节点列表(只读)dataType 返回次节点的数据类型documen原创 2017-09-18 16:21:33 · 2372 阅读 · 0 评论 -
不要过度依赖JQuery(一)
前言 毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。 不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以前需要在JQuery中才能实现的技术(如果你的原创 2017-09-15 11:03:02 · 482 阅读 · 0 评论 -
分享几个前端干货,面试经常提
前言今天,分享几个小知识,算是干货吧!前端面试中也经常会问及,不过问及的几率相对较少。我个人认为,面试中你把基础的知识打好,就可以无敌!哪些基础知识呢?例如:js的继承、js函数等等,万变不离其宗,都是这些的扩展及应用。这些知识理解透彻了,再加一些面试技巧就可以了!一、怎么让Chrome支持小于12px 的文字?这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。原创 2017-09-08 17:38:32 · 3410 阅读 · 0 评论 -
JavaScript中call和apply的使用
在ES3中给Function的原型定义了2个方法,分别是Function.prototype.call和Function.prototype.apply,在我们的项目开发中,尤其是在一些函数式风格的代码编写过程中,call和apply的作用显得格外重要。下面就让我们来看看这两个方法的作用吧!call和apply的区别Function.prototype.call和Function.prototy原创 2017-09-14 10:09:47 · 263 阅读 · 0 评论 -
slice、substr、substring区别
一、正数参数含义上的区别。var strValue = "javascript programing";alert(strValue.slice(3)); //"ascript programing"alert(strValue.substring(3)); //"ascript programing"alert(strValue.substr(3));原创 2017-09-14 09:53:46 · 1014 阅读 · 0 评论 -
js实现前端数据分页
效果图: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>前端数据分页</title> <style> *{padding:0;margin:0;list-style:none;text-decoration: none;} #job_box{width:1000原创 2017-09-14 09:38:40 · 15242 阅读 · 2 评论 -
文本溢出省略号
最近开发过程中,经常遇到 文本溢出 的显示问题。现归纳一下几种方法。 早在2012年,所有浏览器都已经支持text-overflow:ellipsis; 一、单行文本溢出 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title>原创 2017-07-19 11:30:04 · 547 阅读 · 0 评论 -
js 获取前一个月的日期
js 获取前一个月的日期,加详细注解<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="text" class="getLastMonthYestdy"/><script src="http://libs.baidu.co原创 2017-07-18 10:47:17 · 4982 阅读 · 0 评论 -
js获取当前日期的前一天、一月、一年的日期 明天、后天
function getYestoday(date){ var yesterday_milliseconds=date.getTime()-1000*60*60*24; var yesterday = new Date(); yesterday.setTime(yesterday_milliseconds);原创 2017-07-18 09:42:59 · 15860 阅读 · 0 评论 -
刷新页面所有方法
手动刷新Javascript 刷新页面window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口非模态刷新父页面 :window.opener.location.reload()使用window.showDialog弹出的模式窗口模态刷新父页面 :window.dialogArguments.location.reload();先来看一个简单的例转载 2017-07-17 15:44:17 · 1479 阅读 · 0 评论 -
jQuery实现星星评价+ng实现日期
html>html ng-app="myApp" xmlns="http://www.w3.org/1999/html">head lang="en"> meta charset="UTF-8"> title>title> style> ul,li{list-style: none;margin: 0;padding: 0;} ul{ma原创 2017-06-24 09:57:17 · 302 阅读 · 0 评论 -
javascript 数组去重
1.遍历数组法思路:首先想到的是遍历,将整个数组遍历一遍,如果之前没有出现过,将其放到一个新的数组中,最后返回这个数组。[javascript] view plain copy print?function unique(array){ var n=[]; for(var i=0;i<array.length;i++){ //如果当前数组的第i已经保存进临时转载 2017-07-11 09:30:22 · 185 阅读 · 0 评论 -
五个小案例带你学习火热的Vue.js
CSDN日报20170707——《稀缺:百分之二的选择》 征文 | 你会为 AI 转型么? 专家问答 | 资深Java工程师带你解读MyBatis window.quickReplyflag = true; var isBole = false; var fasrc="http://my.c转载 2017-07-11 09:19:37 · 1071 阅读 · 0 评论 -
js监听手机端的touch滑动事件
实现原理:获取触摸首尾2点的坐标,Math.atan2获得2点连成的直线与x轴正方向的夹角,从而得到滑动的方向! 原理图: <!doctype html><html><head><meta charset="utf-8"><title>javascript判断手指在移动端上滑动的方向</title><script src="http://libs.baidu.com/jquery/1.原创 2017-08-01 10:12:38 · 21314 阅读 · 1 评论 -
js空连接点击不跳转
方法一: <a href="###">点击</a> (三个#号页点击页面不会回到顶部,1个会的哦)<br><br>方法二: <a href="javascript:;">点击</a><br><br>方法三: <a href="Javascript:void(0);">点击</a>提问:我不懂的是为什么要给a href 添加javascript:. 删除href 就可以了吗 求解? 回答:原创 2017-08-02 15:08:02 · 3268 阅读 · 0 评论 -
js获取页面元素距离浏览器工作区顶端的距离
先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)(javascript) document.documentElement.scrollTop //firefox(javascript) document.documentElement.scrollLeft原创 2017-07-25 10:11:11 · 5685 阅读 · 0 评论 -
读《JavaScript 标准参考教程(alpha)阮一峰》(下)
24.说说下列属性的具体含义?window.screenX window.screenXwindow.innerWidth window.innerHeightwindow.outerWidth window.outerHeightwindow.pageXOffset window.pageYO原创 2017-09-13 15:24:03 · 947 阅读 · 0 评论 -
读《JavaScript 标准参考教程(alpha)阮一峰》(中)
12.js正则表达式有哪些操作方法?正则常用的修饰符?test()exec()字符串对象的正则:match()search()replace()split()正则常用的修饰符:g,i,m13.谈谈下列js正则表达式的区别?贪婪模式和非贪婪模式?捕获组和非捕获组?先行断言和先行否定断言?/^abc/ 匹配以abc开头的字符/[^abc]/ 表示除了a、b、c之外的所有其他字符。原创 2017-09-13 14:28:33 · 1843 阅读 · 0 评论 -
javascript——touch事件介绍与实例演示
前言 诸如智能手机和平板电脑一类的移动设备通常会有一(capacitive touch-sensitivescreen),以捕捉用户的手指所做的交互。随着移动网络的发展,其能够支持越来越复杂的应用,web开发者需要一种方法来处理这些事件。例如,几乎所有的快节奏游戏都需要玩家一次按下多个按钮,这种方式,在触摸屏情况下,意味着多点触摸。 Apple在iOS 2.0中引入了触摸事件API,An转载 2017-08-22 08:56:06 · 715 阅读 · 0 评论 -
ECMAScript6新特性(一)
新特性概览 参考文章: http://www.cnblogs.com/Wayou/p/es6_new_features.html ————————————————————————————————————————————————————————— ES6测试引入文件 <<bootstrap.js>><<traceur.js>>————————————————————————————————转载 2017-07-28 13:51:17 · 396 阅读 · 0 评论 -
实用插件(三)通讯录插件
1、下载:点我下载 2、使用:引入1个css文件,2个js文件<link href="css/style.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/zepto.js"></script><script type="text/javascript" src="js/city.js" s原创 2017-08-04 14:50:07 · 2536 阅读 · 0 评论 -
手机浏览器javascript事件及css总结
1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:[html] view plain copy print?width - // viewp转载 2017-08-18 14:49:22 · 1032 阅读 · 0 评论 -
跟着9张思维导图学习Javascript
分别归类为:javascript变量javascript运算符javascript数组javascript流程语句javascript字符串函数javascript函数基础javascript基础DOM操作文档对象模型DOMjavascript正则表达式原创 2017-08-03 15:03:38 · 364 阅读 · 0 评论