JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了…

废话篇头: 由于工作关系,所以写博文的时间有那么点~~,其实是输入法太懒了,都是输入法的错~~ 这一系列的博客将总结所有关于JavaScript语言的精髓,适合0基础到大师级别人物阅读. <JavaScript 精髓整理篇>将系统整理Javascript语言精要.欢迎们加入我信息栏中的qq群,我们可以一起探讨.qq群:164858883 精华不容错过: 随着nodejs的火爆,以及移动开发的热潮,js的地位已经火速上涨. JavaScript 精要可以从下面11个关键类型入手:Object.A…

//特殊字符去掉 function check(obj){ var test=obj.value.match(/[^A-Za-z0-9]/g);//这条语句表示在输入文本中是否包含不符合要求的字符,如果包含则test=null;//括号里面的是正则表达式. if(test!=null){ var str=obj.value.substring(obj.value.length-1,obj.value.length);//被替换的值 obj.value=obj.value.replace(new…

ffmpeg细节整理记录 1.-vcodec.-code:v.-c:v ffmpeg的官方文档 -vcodec 是 -code:v 别名. -vcodec codec (output) Set the video codec. This is an alias for -codec:v. 也就是说-vcodec和-codec:v等价.但是并没有说和-c:v等价啊.看一下-codec:v的文档 -c[:stream_specifier] codec (input/output,per-stream…

前言 今年接触了一个B/S的项目,总结了一些JavaScript开发经验,整理些有用的内容与大家分享. 本文会持续更新... 1.实现代码访问的控制 随着项目JavaScript代码库扩大,本应被控制在私有作用域的函数与变量将会暴漏的越来越多,这时你的全局作用域被“污染”的可能性就会越来越大.这不仅会导致命名冲突,也会为BUG提供温床.因此,我们需要编写自包含的.不透明的JavaScript代码,它不会向外界暴漏内部的细节,也不会与现有的框架与脚本库发生冲突.事实上这正是大规模编程的主要要求  …

最近愈发觉得基础的重要性,细节决定成败,所以希望能够将自己注意到的搜集到的一些关于前端的小细节小知识整理出来,更好的方便自己记忆回顾. 1.在构建网页Html框架时,尽量只给外层标记(即是父标记)定义类别class或id,内层标记(即是子标记)能通过嵌套表示的则利用嵌套的方式,而不需要再定义新的类别或者专用id.选择器的嵌套和选择器的集体声明可以大大减少对类别class.id的声明,简化Css代码. 2.在Html页面中,颜色统一采用RGB即是“红绿蓝”三原色模式.每种颜色都由这3种颜色的不同比…

最近读了<JavaScript权威指南>这本书,闲来无事对自认为重要的知识做了些整理,方便以后查阅. JavaScript中的最重要的类型就是对象,对象是名/值对的集合,或字符串到值映射的集合.对象是由{}括起来的. JavaScript对象是一种复合值:它是属性或已命名值的集合.通过"."符号来引用属性值.当属性值是一个函数的时候,称其为方法.通过object.m()来调用 object中的方法. 用对象直接量创建对象:(对象直接量是一个表达式,这个表达式的每次运算都创建…

说起运算符,基本上各类编程语言中都会涉及,使用方法大同小异.今天在这里以javascript做简单的整理. 总得来说运算符还是比较的多,大致可以分为以下几种类型: 一元运算符 位运算符 布尔运算符 乘性运算符 加性运算符 关系运算符 等性运算符 条件运算符 赋值运算符 逗号运算符 可以说只要学习过变成语言对这些运算符应该是并不陌生的,只要有逻辑或者是计算都会用到上面的运算符,之前我也是比较零散的使用过,从来没有系统的学习和整理过这些运算符到底怎么使用?之间有什么区别和联系?有什么使用上的技巧?今…

一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);return 2; }}; alert(obj['name']); alert(obj.name);  2.javascript属性遍历(for in) //( obj[i] )此格式才有效var obj={ name:'chen', red:function(){ alert(1); return 2;…

整理一篇工作中的JavaScript脚本笔记,不定时更新,笔记来自网上资料或者自己经验归纳. (1) 获取Url绝对路径 function getUrlRelativePath() { var url = document.location.toString(); var arrUrl = url.split("//"); var start = arrUrl[1].indexOf("/"); var relUrl = arrUrl[1].substring(sta…

文章目录 html代码用JS动态加载进页面 JS判断用户访问的是PC还是mobile或者微信浏览器 判断浏览器的简单有效方法 点击某个div区域之外,隐藏该div 如何在手机上禁止浏览器的网页滚动 改变type=file默认样式,"浏览"等字体 js使用console.time打印代码执行时间 js判断变量是否未定义的代码 js动态创建css样式添加到head内 form表单提交时设置编码格式 js 加入收藏代码 js强制手机页面横屏显示 JS,Jquery获取各种屏幕的宽度和高度 j…

JavaScript的学习整理(一) 目录: 1.换皮肤功能2.显示/隐藏(点击切换)3.显示/隐藏(onmouseover/onmouseout)4.选项卡5.全选/不选/反选(checkbox)6.简易日历 1.换肤功能——实质是改变链接的css文件 step 1.先通过id获取需要修改的部分(link):       step 2.通过 href 改变 需要链接的css文件: 下面我写了一个小的代码,只是用于改变页面背景颜色来供大家参考学习.   <input type="butto…

在表单验证中,正则表达式书写起来特别繁琐,本文整理了15个常用的JavaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. QQ号码. 微信号.车牌号.中文正则.文件路径及扩展名.提取网页中颜色代码.提取网页中图片.提取网页超联机.提取css.抽取注释. 1.用户名 //用户名正则,4到16位(字母,数字,下划线,减号) var userName = /^[a-zA-Z0-9_-]{4…

一.[[Prototype]] JavaScript中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用. var myObject = { a: 2 }; myObject.a; 当你试图引用对象的属性时会触发原型[[Get]]操作,比如myObject.a. 1. 第一步是检查对象本身是否有这个属性,如果有的话就使用它. 2. 如果a不在myObject中,就需要使用对象的[[Prototype]]链了. 1)Object.prototype 普通的[[Prot…

一.语法 两种形式定义:文字形式和构造形式. //文字形式 var myObj = { key: value }; //构造形式 var myObj = new Object(); myObj.key = value; 二.类型 对象是JavaScript的基础. 1)基本类型 在JavaScript中一共有六种主要类型(术语是“语言类型”): string.number.boolean.null.undefined.object 2)内置对象 JavaScript中还有一些对象子类型,通常被称…

最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,这次研究了一下“this”. 当一个函数被调用时,会创建一个活动记录(执行上下文). 这个记录会包含函数在哪里被调用(调用栈).函数的调用方法.传入的参数等信息. this就是记录的其中一个属性,会在函数执行的过程中用到. this既不指向函数自身也不指向函数的作用域. this实际上是在函数被调用时发生的绑定,它指向什么完全取决于函数在哪里被调用. 一.调用位置 调用位置就在当前正在执行的函数的前一个调用中…

最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,里面分析了很多基础性的概念. 可以更全面深入的理解JavaScript深层面的知识点. 一.函数作用域 1)函数作用域 就是作用域在一个“Function”里,属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b = 2; function bar() { // ... } var c = 3; } bar(); // 失败 console.log( a,…

JavaScript现在已经是全世界浏览器通用的语言,目前也完全可以在服务器端做开发,如Node.js,市面上好的JavaScript的书有很多,有的还是经典之作,值得收藏. 趁此东风,打算接下来写一个只关于JavaScript的系列,尽量全面细致一点,也算是对自己学习掌握JavaScript过程的一个全面的总结和回顾,希望可以和同道的新老朋友们一起交流交流. 希望此系列能多少帮助一下初学者,彻底搞清楚这门『全世界最被人误解的语言』----道格拉斯语.…

接下来的重点是函数.我们知道函数是特殊的对象. 函数作用域和声明提前.JavaScript中没有块级作用域,只有函数作用域:变量在声明它们的函数体以及这个函数体嵌套的任意 函数体内都要定义. function test(t){ // t在这个函数体内都有定义 var i=0; if(t>0){ var j=0; // j 不仅仅在if语句中,在整个函数体内都有定义 for(var k=0;k<10;k++){ //k 不仅仅在for循环内,在整个函数体内都有定义 console.log(k);…

变量转换 var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar, /* to boolean - any string with length and any number except 0 are true */ array = [myVar]; // to array…

整理一下js面向对象中的封装和继承. 1.封装 js中封装有很多种实现方式,这里列出常用的几种. 1.1 原始模式生成对象 直接将我们的成员写入对象中,用函数返回. 缺点:很难看出是一个模式出来的实例. 代码: function Stu(name, score) { return { name: name, score: score } } var stu1 = Stu("张三", 80); var stu2 = Stu("李四", 90); console.log…

前端开发很重要,编写脚本也不容易. 总结我以前的前端学习经历,基本是一团乱麻:css+javascript是在大三自学的,当时自己做课程设计,逼着自己在一个月之内,写了一个半成品的j2ee网站.当时,真有种:when you burn out, you would loose your enthusiasm. 之后,我花了很长时间才缓过来.但是,我的一丢丢的自信也是从那时积累起来的.当时,也只是遇到什么功能点,百度,google一下拿来就用,没有什么基本功.东拼西凑式地编写code,很乱. 后来…

今天讲js的数组.数组是js中最基础的数据结构了. 主要讲讲数组实现栈,队列以及其他的基本操作.栈和队列都可以在数组头尾位置处理,所以,都有两种方式. 属性 1.length : 长度,表示数组元素的个数. 方法 1.实现栈,先进后出.注意,下面两组是配对出现. 入栈:Array.unshift(obj) 在数组第一个元素插入数据 出栈:obj = Array.shift() 取出第一个元素,返回第一个元素后,删除第一个元素 -------------我是华丽的分割线--------------…

今天总结的内容是javascript的function, 涉及到function顺便讲讲this. Function 是javascript的函数,也是js的执行单元.函数是JavaScript的一种基本数据类型.注意,虽然可以用这里介绍的Function()构造函数创建函数对象, 但这样做效率不高,在大多数情况下,建议使用函数定义语句或函数直接量来定义函数. 在JavaScriptl.1及以后版本中,函数主体会被自动地给予一个局部变量arguments,它引用一个Arguments对象.该对象…

一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 1.鼠标事件 onclick 鼠标点击事件 ondblclick     鼠标双击事件 onmousedown     鼠标按下 onmouseup      鼠标松开 onmousemove       鼠标移动 onmouseover         鼠标移入 onmouseout…

浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心 A.属性 1.(位置类型-获得浏览器的位置) IE:window.screenLeft    获得浏览器距屏幕左上角的左边距  window.screenTop    获得浏览器距屏幕左上角的上边距 FF:  screenXscreenY 2.获得浏览器的尺寸 window.innerWidth      获得窗口的宽度window.innerHeight      获得窗口的高度…

Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); parent.prototype.say=function(){ alert('我是父类原型'); } function parent(){ this.say=function(){ alert('我是父类'); } } children.prototype.say=function(){ alert('我是子类原型…

一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) B.对象的属性和行为 属性:用数据值来描述他的状态 行为:用来改变对象行为的方法 C.类 具有相同或相似的性质的对象的抽象就是类.对象的抽象,就是类,类的具体化(实例化)就叫做对象 二.创建对象 1.构造函数方法 function fun1 () { alert(1); } var obj=new…

数组是一个可以存储一组或是一系列相关数据的容器. 一.为什么要使用数组. a.为了解决大量相关数据的存储和使用的问题. b.模拟真是的世界. 二.如何创建数组 A.通过对象的方式来创建——var a=new Array(); 赋值方式: 1.直接赋值——var a=new Array(元素1,元素2,元素3,元素4,........) var a=new Array(数值)如果只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度并且他的值都是undefined var a=new A…

1.回调函数(通过函数的指针来调用函数,把一个函数的指针做为另一个函数的参数,当调用这个参数的时候,这个函数就叫做回调函数) a.通过指针来调用 function aa(a,b,fun){ return fun(a,b); } function bb(a,b){ return a+b; } function cc(a,b){ return a*b; } alert(aa(3,2,bb)); 结果:5 alert(aa(3,2,cc)); 结果:6 b.匿名方法 function aa(a,b,f…