关闭

[置顶] 深入理解ES6 -- 函数

前言函数是所有编程语言的重要组成部分, 在 ES6 出现前,JavaScript 的函数语法一直没有太大的变化 , 从而遗留了很多问题和隐晦的做法,导致一些基本功能经常要编写很多代码. 例如定义一个类 要用到安全模式,做检测.函数默认参数如何赋值等问题.1.函数形参的默认参数JavaScript 函数有一个特别的地方,无论函数定义中声明了多少形参,都可以传入任意多个参数,由于这个原因,JavaScrip...
阅读(281) 评论(0)

[置顶] 深入理解ES6 --解构

前言对象和数组字面量是JavaScript中两种最常用的数据结构,由于JSON数据格式的普及,二者已经成为语言中特别重要的一部分.在编码过程中,我们经常定义许多对象和数组,然后有组织的从中提取相关的信息片段,ES6 中添加了许多可以简化这种任务的新特性 : 解构.解构的目的减少同质化的代码 //假设有这样一个对象,我们从中取值,在ES5 中的做法. let person = {...
阅读(278) 评论(0)

[置顶] 深入理解ES6--块级作用域(let const)

var 声明及变量提升机制var 的声明提升机制 —> 在函数作用域或全局作用域中通过关键字var 声明的变量,无论实际在哪里声明,都会被当成在当前作用域(ES5作用域,只有函数能起到块级作用域的目的)顶部声明的变量. var 声明的变量会覆盖window的原有对象var value; if(true){ //可以重复声明 var value = 1; } //本应该只作用在if...
阅读(209) 评论(0)

[置顶] JavaScript 控制(改变)canvas(画布)的大小

前段时间在论坛看到有人问如何自由改变画布大小,闲来无事,就花了点时间解决,在CSDN 博客中没有相关博文,于是顺手记录下来html5 里面有一个新标签canvas,也就是画布,画布常常需要重绘,改变大小等 这里处理的就是改变大小的问题,总结一下改变大小的方式, 1.直接设置style,document.getElemntById("canvas").style.width="" document...
阅读(4177) 评论(0)

JavaScript正则方法replace实现搜索关键字高亮

前言正则表达式是字符串处理工具中强有力的工具.也有人认为这只是一个小玩具,但不管怎么说都离不开它. 这里介绍的是JavaScript的正则表达式的replace方法 ,和实现搜索关键字高亮的功能.先介绍一下正则表达式的replace方法 w3school原文链接介绍正则表达式如何使用特殊字符$来表示原来的文本,这是实现搜索高亮的关键,var str = "asad sad 123 sd qwe2...
阅读(83) 评论(0)

深入理解ES6 ---对象(object)

前言 在JavaScript中几乎每一个值都是某种特定的对象 ,例如数字是属于Number 类型的对象,字符串是String 类型的对象.可见对象在JavaScript中的重要性,而在ES6中着重通过多种方式加强对象的使用,通过简单的而语法扩展,提供更多操作对象及与对象交互的方法. 对象的字面量语法扩展 属性初始化的简写 在 ES5以及更早的版本中,对象字面量只是简单的键值对的集合,这...
阅读(59) 评论(0)

修改 placeholder 样式,placeholder 换行 以及iOS 上设置placeholder被遮挡

修改placeholder样式/*通过选择器就可以简单的修改该placeholder的样式*/ input::placeholder{ font-size:14px; color: #666666; }placeholder 换行在input 里面很少用到,input 就只有一行而已,多行的话就会使用textarea标签,确实在textarea标签里面如何让placeholder 换...
阅读(424) 评论(2)

canvas画笔功能 Signature Pad

canvas画笔功能 Signature PadSignature Pad介绍Signature Pad是一个用于绘制平滑签名的JavaScript库。 它是基于HTML5画布.它适用于所有现代桌面和移动浏览器,不依赖于任何外部库 这是一个签名插件,兼容主流浏览器和移动端,绘制的曲线相当平滑.提供一些相当实用的接口.体积小,无依赖,遵循MIT协议,这是GitHub地址signature_padsi...
阅读(85) 评论(0)

html 标签引用外部文件时//的作用

html 标签引用外部文件时//的作用在HTML 文件中时常会用到一系列图片,大多数时候都是使用相对路径或者绝对路径来加载对应的js css,还有img图片. 引用就不需多言 下面看一下引用的方式src="./*" 相对路径引用 src="/*" 绝对路劲引用 src="http://*" http 引用 src="https://*" https 引用 src="//*" 兼容模式引用那么兼...
阅读(249) 评论(0)

html非文本只显示一行,多余隐藏的实现

先简单说明一下这里是指在HTML的span button 等其他行内元素,多于一行时会自动换行,但是有时候只需要显示一行,多余 隐藏的实现.思路过程都很简单,但是还是值得记录一二...
阅读(425) 评论(0)

javascript面向对象 -- 构造函数

小结 ECMAScript 支持面向对象(OO)编程,但不使用类或者接口。对象可以在代码执行过程中创建和 增强,因此具有动态性而非严格定义的实体。在没有类的情况下,可以采用下列模式创建对象。 工厂模式,使用简单的函数创建对象,为对象添加属性和方法,然后返回对象。这个模式后来 被构造函数模式所取代。 构造函数模式,可以创建自定义引用类型,可以像创建内置对象实例一样使用 new 操作符。不...
阅读(182) 评论(0)

javascript 面向对象基础

JavaScript面向对象的实现是基于prototype 的基础,如果学过java的话,就知道一切皆对象 ,object 是所有类的父类,在JavaScript中也是一样,object是一切类的父类(直接或间接). 接下来就是讲解JavaScript面向对象的基础知识...
阅读(303) 评论(0)

javascript 中的this

javascript 中的this javascript中的this 经常让人迷迷糊糊,让人难以理解,时常困惑this 到底指向谁呢? 首先在window 下面,全局变量直接输出this ,这个是不需要疑问的,this指向window console.log(this);//window...
阅读(187) 评论(0)

javascript 数组方法属性总结

javascript数组方法总结javascript的数组方法有哪些,只需要 新建一个数组对象,输出数组,在原型方法中我们可以看到一个列表如下: 这里面就列举里所有的数组方法。 concat 连接两个或多个 数组,(参数不限于数组 ,也可以是一个变量) 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。var hege = ["Cecilie", "Lone"]; var st...
阅读(191) 评论(0)

使用node.js 解析excel 表格

node.js 解析excel 表格在这里使用的一个 node.js 的一个模块为 node-xlsx 安装命令为 npm install node-xlsx -s 在package.json 就可以看到安装了这个模块 。 node-xlsx 有一个限制那就是只能解析xlsx结尾的excel文件。所以操作的时候需要注意一下。 node-xlsx 仅仅提供了两个函数parse,build 。...
阅读(592) 评论(0)

javascript关于函数式编程

函数式编程函数式编程是一种编程范式。 常见的三种编程范式 有以下三种 命令式 c 函数式 go lisp 面向对象 java c++ javascript是一门多范式的编程语言 ,既可以像C语言一样 ,命令式编程也可以和java 一样 ,基于原型的继承,实现面向对象式编程。但是函数式编程是什么呢?函数大家都不陌生。都使用过函数,函数最重要的两个部分就是输入和输出。封装中间的操作。...
阅读(154) 评论(0)
26条 共2页1 2 下一页 尾页
    个人资料
    • 访问:12279次
    • 积分:392
    • 等级:
    • 排名:千里之外
    • 原创:23篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    博客专栏
    文章分类
    最新评论