js知识巩固】的更多相关文章

JS知识栈:Node为主,JQuery为辅,Bootstrap & React为辅辅,其他如Angular了解用途即可 今天在学习ReactJS和NodeJS,看到关于ReactJS的这篇文章,还是很不错的:<一看就懂的ReactJs入门教程-精华版> http://www.cnblogs.com/yunfeifei/p/4486125.html 其中引用的这篇文章也很不错: http://www.infoq.com/cn/articles/subversion-front-end-u…
写在前面 注:这个系列是本人对js知识的一些梳理,其中不少内容来自书籍:Javascript高级程序设计第三版和JavaScript权威指南第六版,感谢它们的作者和译者.有发现什么问题的,欢迎留言指出. 1.执行环境 执行环境简称"环境",定义了变量或函数有权访问的其他数据.每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中. 全局执行环境是最外围的一个执行环境.在Web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是作为wi…
写在前面 注:这个系列是本人对js知识的一些梳理,其中不少内容来自书籍:Javascript高级程序设计第三版和JavaScript权威指南第六版,感谢它们的作者和译者.有发现什么问题的,欢迎留言指出. 1.函数声明和函数表达式 函数声明具有声明提前/声明提升的特性,这一点和变量的声明特性相似,执行代码之前会先读取函数声明和变量声明,意味着可以把函数声明放在调用它的语句后面,但变量声明肯定最好不要这样,因为常伴随undefined问题. 函数声明的函数名称和函数体都提前,而函数表达式只是变量声明…
写在前面 注:这个系列是本人对js知识的一些梳理,其中不少内容来自书籍:Javascript高级程序设计第三版和JavaScript权威指南第六版,感谢它们的作者和译者.有发现什么问题的,欢迎留言指出. 1.原型链 将原型链作为实现继承的方法,基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法: function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = function ()…
写在前面 注:这个系列是本人对js知识的一些梳理,其中不少内容来自书籍:Javascript高级程序设计第三版和JavaScript权威指南第六版,感谢它们的作者和译者.有发现什么问题的,欢迎留言指出. 起因 Object构造函数.对象字面量.Object.creat都可以用来创建单个对象,但有明显缺点:使用同一个接口创建很多对象,会产生大量的重复代码.所以才开始了创建对象的模式的探索. 检测对象的类 3种常见的检测任意对象的类的技术:instanceof运算符.constructor属性.构造…
1.如果使用jquery绑定touch事件的话,获取touchstart,touchmove的触点坐标用 e.originalEvent.targetTouches[0].pageX, 获取touchend则用 e.originalEvent.changedTouches[0].pageX 2.有些版本的iphone4中, audio和video默认播放事件不会触发 比如使用window.onload或计时器等都不能触发播放,必须用JS写事件让用户手动点击触发才会开始播放,比如 $(docume…
今天简单的总结了js的一些东西,梳理下整个体系,每一次的总结都会有不同的收获:js总结一一.[获取元素]: 1.通过ID: var oBtn=document.getElementById('btn1'); var oDiv=document.getElementById('div1'); 2.通过标签:var aDiv=document.getElementsByTagName('div'); 操作一组元素就要用循环: for(初始值;循环条件;自增自减条件){} 有长度的用for循环 初始值…
最近一段时间写了很多JavaScript和jquery代码,越来越感觉js基础不牢固,写一句查半天,有时间肯定要系统的学一下. 不说了,先记一下最近学到的点东西,省的以后没时间系统学js还要再来查. 一,在js方法中获取触发方法的事件以及触发事件的元素对象: A.获取事件对象比较简单: var e = window.event; 但是需要注意的是:通过a标签的href是不能触发事件的: //写了一个js方法: function getEvent(){ console.log(window.eve…
1.晨曦. 2.js是一门什么样的语言及特点?         js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作.         主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果.         (详细拓展:http://www.360doc.com/content/14/0317/11/10186276_361233415.shtml) 3.js的数据…
js简单的归纳 基本类型 number,string,boolean,null,undefined 组合类型 一种对象类型: object 数组 函数 对象 正则 关于函数 作用域 闭包 构造函数 原型链 关于对象 类 类的继承 实例方法 静态方法 私有方法 运算符 算术 逻辑 关系 位 语句 循环分支语句   JS中声明变量的几种方式 a,b参数变量 如function fn(a,b){} p,q是var定义的 m:函数声明:FD 他们的区别 他们都会变量上浮.(variable hoist)…
这几天主要做的是前端网页的调整和页面UI的优化方面的内容.这中间主要是学习了一些基本的HTML和css样式的基本元素的属性.设置行高的line-heght属性,设置窗口的浮动用position属性,设置字体字号的属性使用font-size和font-family属性. 这中间遇到了一个较大的问题就是原先使用的左侧悬浮菜单不能随着屏幕的缩小而隐藏,导致商品页面经常被遮挡,严重影响用户体验.原先的css样式代码如下: .top-left{ width:104px; top:8%; left:10%;…
js的类的写法: 1,写法一:function内部包含this.function()如代码: var origin_class = function(name) { var lover = ''; this.getLover = function(hername) { return this.lover = hername; } this.show = function(hername) { return this.getLover(hername)+'love'+name; } } var t…
[正则表达式]1.正则表达式包括两部分: ① 定义正则表达式的规则 ② 定义正则表达式的模式(i/g/m)2.声明正则表达式: ① 字面声明 : var reg = /表达式规则/表达式模式 ② 使用new关键字: var reg = new RegExp("表达式规则","表达式模式") eg: var reg = new RegExp("white","g");3.正则表达式的常用模式: ① g:全局匹配.不加g为默认为费…
1.数组操作中使用splice和slice进行删除数组的区别! splice会对原数组进行操作,返回的是被删除元素组成的数组,原数组会被进行改变即变成删除后的数组,用于删除列表中的元素,arr.splice(index,1)常用于删除列表中的某个元素(index对应的元素); slice不会对原数组进行操作,返回的是一个新数组,例如arr.slice(0,10),这时候arr数组里面的元素没有改变,返回的是一个被截取出来的新数组,可用于控制列表显示个数和点击显示更多!! 实例: arrNew=a…
JavaScript中的函数也是对象,和其他JS对象一样也可以包含方法,其中Call和Apply就是其中比较重要的方法,可以用来间接的调用函数.这两个方法允许显式制定调用所需的this值,也就是说所有函数可以作为任何对象的方法来使用,哪怕这个函数不是那个对象的方法. Call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) Apply方法: 语法:apply([thisObj[,argArray]]) Call和Apply方法作用相同,但从以…
JavaScript on the Server JavaScript was originally built for web browsers, but with Node.js we can use it on the server. We can perform server-related tasks like file system access. 历史: JavaScript是前端开发的唯一标准. 2000年后开始的浏览器平台大战,导致了node的诞生. 在2009年,Ryan(人…
前端新手学习也不外乎就是Html  css  html5  css3  这是最基本的,学会这些仅仅可以说是会写布局,写网页,不算前端开发,还有最重要的js,jq要学习,我自己java后台转前端,现在复习js看到这几个学习图谱不错,特分享出来给更多小白参考,同时也感谢W3C慷慨的资源共享.想要学习的可以参考http://www.w3cschool.cn/javascript/javascript-skillmap.html…
一.Reducer reducer 是一个函数,接受 state 和 action,返回老的或新的 state .即:(state, action) => state 增删改 以 todos 为例. app.model({ namespace: 'todos', state: [], reducers: { add(state, { payload: todo }) { return state.concat(todo); }, remove(state, { payload: id }) {…
什么是Node.js 官方解释:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境. Node.js使用了一个事件驱动.非阻塞式I/O的模型( Node.js的特性),使其轻量级又高效. Node.js 的包管理器 npm 是全球最大的开源库生态系统. 上图所示: Node内部采用Google Chrome的V8引擎,作为JavaScript语言解释器 通过自行开发的libuv库,调用操作系统资源 总结: Node.js 是谷歌 V8 引擎.libuv平台抽象…
1.javascript继承机制 原型继承,访问对象属性时,如果对象内部有就返回,找不到就会从对象原型指向的对象原型中查找,一层一层的查找,直到最顶层的对象原型还找不到,就返回undefined. 2.$.get(0). $('.classname').get(0). $('.classname').eq(0).$('.classname')[0]的区别 $.get(0):jQuery封装ajax的get请求,0是url: $('.classname').get(0):获取所有class为cla…
1.什么是Angular JS? AngularJS 是一个为动态WEB应用设计的 JavaScript结构框架. 2.Angular JS的用处? --它是为了克服HTML在构建应用上的不足而设计; --适用于CRUD应用,是为了消除页面上的DOM操作而生.它的核心理念是借鉴了MVC框架,但是它其实更接近于MVVM.viemmodel是一个原生的javascript对象,angularJS把view和model加到viemmodel上,从而实现数据的绑定.而且这种绑定是双向的,即view变化…
CSS知识 CSS选择器:基础中的核心,选择器指明了{}中“样式”作用的对象,也就是“样式”作用于网页中的哪些元素. CSS选择器类型:一共三大类. 基础选择器    属性选择器    组合选择器       其中以基础选择器中的class和id选择器最重要. 还有个CSS伪类是用来添加一些选择器的特殊效果. 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {prope…
一.Vue.js介绍 1.什么是MVVM? MVVM(Model-View-ViewModel)是一种软件架构设计模式,它源于MVC(Model-View-Controller)模式,它是一种思想,一种组织和管理代码的艺术.它利用数据绑定.属性依赖.路由事件.命令等特性实现高效灵活的架构. MVVM的核心是数据驱动即ViewModel,ViewModel是View和Model的关系映射.在MVVM中View和Model是不可以直接进行通信的,它们之间是通过ViewModel这个中介充当着观察者的…
首先ract的基本结构 var Input = React.createClass({ getInitialState: function() { return {value: 'Hello!'}; }, getDefaultProps:function(){ return { }}, handleChange: function(event) { this.setState({value: event.target.value}); }, render: function () { var v…
理论部分:https://www.jianshu.com/p/e10792076c6e  //不吃鱼的猫_8e95---简书平台 https://www.cnblogs.com/hongqin/p/5998594.html     //Hiraku--博客园 视频部分:http://www.php.cn/course/list/17.html     ---中文网(JS.JQ.AJAX)…
1.JS内置类型 分为基本数据类型和Object.基本数据类型有:null,undefined,string,boolean,number,symbol. console.log(typeof null);//object console.log(typeof []);//object console.log(typeof {});//object 如果想要区分null,数组,对象,应该怎么办? console.log(Object.prototype.toString.call(null));…
转载:https://www.cnblogs.com/heguihui/p/10505949.html 如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) 下面再介绍一些javascr…
nvm nvm是node的包管理工具.在不同的项目下使用不同的node版本.下载地址 https://github.com/coreybutler/nvm-windows/releasesnvm install latest ## 安装最新版 nodenvm install <version> ## 安装指定版本nvm uninstall <version> ## 删除已安装的指定版本nvm use <version> ## 切换使用指定的版本nodenvm ls ##…
行为=事件+由该事件触发的动作 常用事件:onXxx onLoad           打开网页事件 onUnLoad       关闭事件 onClick        单击事件 onChange       改变事件 onMouseOver   鼠标悬浮事件 onMouseOut    鼠标移开事件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR…
https://www.jianshu.com/p/3e482748369d?from=groupmessage…