自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 JavaScript 变量声明和初始化

JavaScript 变量声明的方式 怎么说呢?变量声明或许是写JavaScript中做的第一件事情,无论有意无意总是会产生一些变量. 或许你觉得这个没有什么价值,声明变量吧,谁不会呀 看看声明变量有哪些方式 直接使用,就成了全局变量,直接添加到window上 var 声明变量,全局的会...

2018-07-21 11:27:25 6227 1

原创 HTML5 重写video控制栏 ,Chrome去除下载按钮

video标签 video控制栏功能 volume 声音 currentTime 视频进度 play/pause 播放/暂停 fullscreen 全屏 download (Chrome下显示) 一般情况下重写控制栏的目的: 样式上的优化, 去除Chrome的下载按钮 ...

2018-05-30 22:26:11 2740 0

原创 js 实现菜单与内容的联动

菜单与内容联动 实现思路 菜单是拥有点击事件 -->采用锚点跳到对应内容 内容跳转到菜单 --> scroll 滚动事件 计算锚点的offset 和pageYoffset 给对应菜单目录添加样式 2.实现 为了给不熟悉ES6语法读者更好的体验...

2018-05-17 21:18:05 2875 0

原创 webpack 升级4.x vue 渲染出错

webpack 升级4.x vue 渲染出错 原因 webpack 对于import 的语法实现更新 注:import 是 ES6标准,但不是服务器端node 的标准,这里webpack相当于解析器,变相支持 import 语法,但不是说node环境支持import 语法. 从webpack 4...

2019-01-21 12:48:22 169 0

原创 使用verdaccio 搭建私有npm 服务器

verdaccio 搭建 npm 服务器 为什么要搭建npm 服务器 原因: 公司内部开发的私有包,统一管理,方便开发和使用,自然也可以使用npm 的付费服务,原谅我们的穷 安全性,由于公司内部开发的模块和一些内容并不希望其他无关人员能够看到,但是又希望内部能方便使用 加速,自己搭...

2018-08-11 16:27:16 8350 8

原创 JavaScript深度复制

简单的深度复制一个数组 let copyArray = (array)=>{ return Array.prototype.slice.call(array) } //或者 copyArray = (array)=>array.map(v=>...

2018-06-28 19:54:43 173 0

原创 onhashchange

onhashchange事件 触发条件 location.hash发生改变的时候触发, *注意hashchange事件触发并不会刷新页面,而只是页面的滚动 *准确来说是展示对应的锚点,张鑫旭大神的锚点解说 默认参数 window.onhashchange = function(...

2018-05-17 19:51:04 1424 0

原创 深入理解ES6 -- 函数

前言函数是所有编程语言的重要组成部分, 在 ES6 出现前,JavaScript 的函数语法一直没有太大的变化 , 从而遗留了很多问题和隐晦的做法,导致一些基本功能经常要编写很多代码. 例如定义一个类 要用到安全模式,做检测.函数默认参数如何赋值等问题.1.函数形参的默认参数JavaScr...

2017-10-03 01:28:31 982 0

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

前言正则表达式是字符串处理工具中强有力的工具.也有人认为这只是一个小玩具,但不管怎么说都离不开它. 这里介绍的是JavaScript的正则表达式的replace方法 ,和实现搜索关键字高亮的功能.先介绍一下正则表达式的replace方法 w3school原文链接介绍正则表达式如何使用特殊字符$...

2017-09-17 23:10:38 1479 0

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

前言 在JavaScript中几乎每一个值都是某种特定的对象 ,例如数字是属于Number 类型的对象,字符串是String 类型的对象.可见对象在JavaScript中的重要性,而在ES6中着重通过多种方式加强对象的使用,通过简单的而语法扩展,提供更多操作对象及与对象交互的方法. 对象的...

2017-09-13 00:16:18 1717 0

原创 深入理解ES6 --解构

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

2017-09-05 00:21:48 671 0

原创 深入理解ES6--块级作用域(let const)

var 声明及变量提升机制var 的声明提升机制 —> 在函数作用域或全局作用域中通过关键字var 声明的变量,无论实际在哪里声明,都会被当成在当前作用域(ES5作用域,只有函数能起到块级作用域的目的)顶部声明的变量. var 声明的变量会覆盖window的原有对象var value; ...

2017-09-03 23:19:12 2235 0

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

修改placeholder样式/*通过选择器就可以简单的修改该placeholder的样式*/ input::placeholder{ font-size:14px; color: #666666; }placeholder 换行在input 里面很少用到,input 就只有一行而...

2017-08-14 23:11:18 7362 2

原创 canvas画笔功能 Signature Pad

canvas画笔功能 Signature PadSignature Pad介绍Signature Pad是一个用于绘制平滑签名的JavaScript库。 它是基于HTML5画布.它适用于所有现代桌面和移动浏览器,不依赖于任何外部库 这是一个签名插件,兼容主流浏览器和移动端,绘制的曲线相当平滑.提...

2017-08-08 15:51:32 2835 0

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

html 标签引用外部文件时//的作用在HTML 文件中时常会用到一系列图片,大多数时候都是使用相对路径或者绝对路径来加载对应的js css,还有img图片. 引用就不需多言 下面看一下引用的方式src="./*" 相对路径引用 src="/*" 绝对...

2017-07-06 19:39:10 1253 0

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

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

2017-05-22 19:07:30 3375 0

原创 javascript面向对象 -- 构造函数

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

2017-03-31 22:15:18 372 0

原创 javascript 面向对象基础

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

2017-03-30 16:42:30 446 0

原创 javascript 中的this

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

2017-03-29 13:28:14 565 0

原创 javascript 数组方法属性总结

javascript数组方法总结javascript的数组方法有哪些,只需要 新建一个数组对象,输出数组,在原型方法中我们可以看到一个列表如下: 这里面就列举里所有的数组方法。 concat 连接两个或多个 数组,(参数不限于数组 ,也可以是一个变量) 该方法不会改变现有的数组,而仅仅...

2017-03-26 18:51:36 518 0

原创 使用node.js 解析excel 表格

node.js 解析excel 表格在这里使用的一个 node.js 的一个模块为 node-xlsx 安装命令为 npm install node-xlsx -s 在package.json 就可以看到安装了这个模块 。 node-xlsx 有一个限制那就是只能解析xlsx结尾的exce...

2017-02-26 14:42:36 3442 0

原创 javascript关于函数式编程

函数式编程函数式编程是一种编程范式。 常见的三种编程范式 有以下三种 命令式 c 函数式 go lisp 面向对象 java c++ javascript是一门多范式的编程语言 ,既可以像C语言一样 ,命令式编程也可以和java 一样 ,基于原型的继承,实现面向对象式编程。但是...

2017-02-18 19:06:58 306 0

原创 javascript 的null和undefined

null 和 undefined 。 这两者表现极为相似 console.log(null==undefined);//true 但是不少地方还是有些不同 null 和 undefined在现代JS语义里面是有明确区别的: null 表示一个值被定义了,定义为“空值”; undefin...

2017-01-09 17:59:10 375 0

原创 jquery 实现筛选功能。

商品属性筛选商品的属性筛选 是一个十分常见的功能,通常是同一类型的属性只能选择一个。例如 价格范围,或者品牌,为了使选择的内容看上去更直观 ,一般都会将选择项列出,并拥有点击取消 选择 ,点击同类替换的功能。 在下面给出两个完整实现。实现1:使用jquery 的appendTo 让点击的元素加...

2017-01-04 19:42:32 6482 0

原创 node.js cannot find module "xxx"解决方法

node.js找不到xxx 这个模块的解决方法。 按顺序来。 1.检查一下是否拼写错误。 2.这个模块是自己写的,是的话。检查一下路径是否正确。3.如果是导入的模块。用 npm list这个命令输出一下,是否有这个模块。没有的话,安装一下 4.另外注意一下,全局模块安装目录默认为users...

2016-11-08 12:55:18 18641 0

原创 js的小知识2(web论坛常见错误小结)

1.函数加()和不加()的区别function func(){ return 1; } alert(func);//输出的是这个函数 alert(func());//1 ,加() 就是调用函数,不加() 就是函数这个对象。,区别在哪?setTimeout(func,1000);//一秒后执行; s...

2016-11-04 11:03:57 495 0

原创 JavaScript 的闭包原理与详解

JavaScript 的闭包原理与详解。JavaScript的闭包是一个特色,但也是很多新手难以理解的地方,阅读过不少大作,对闭包讲解不一,个人以为,在《JavaScript高级程序设计》一书中,解释的最为详尽,结合此书,表述一下我对JavaScript闭包的理解,希望能对新手有些帮助。闭包的例子...

2016-10-26 18:24:12 3726 0

原创 三行jquery实现选项卡效果

选项卡特效的实现 实现选项卡特效,先讲一下大致的思路.1.用一个大的div 包裹住一个ul ,ul ,里面再接四个小的li,和四个可以点击的span ,用按钮等代替也行。 html代码结构大致如下,设置背景色是为了看出效果,最后一个是默认展开,可以自己随意设置 It’s easy &l...

2016-10-22 13:41:58 4433 0

原创 JavaScript 控制(改变)canvas(画布)的大小

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

2016-10-18 15:26:26 20747 1

原创 js的小知识1

js 的一些小细节, 变量var 的区别 function(){ var photo=10;//局部变量 } alert(photo)//undefined 和 function(){ photo=10;//全局变量 } alert(photo)//10 函数声明的区别 add()...

2016-10-13 11:24:00 637 0

原创 三行jquery实现手风琴效果

手风琴特效的实现 实现手风琴特效,先讲一下大致的思路.1.用一个大的div 包裹住一个ul ,ul ,里面再接四个小的li, html代码结构大致如下,设置背景色是为了看出效果,最后一个是默认展开,可以自己随意设置 It’s easy <div> &...

2016-10-07 11:35:46 1340 0

原创 程序员漫画

2016-09-05 23:02:33 163 0

原创 简析递归算法

简析递归 递归是编程过程中比较重要,也是比较简单的算法之一,简单的递归思路,往往比较容易理解,而略微复杂的递归则容易让人头痛。 递归主要分两种 直接递归 直接递归函数里面调用本身这个函数,实现递归 间接递归。 间接递归是两个,或两个...

2016-08-31 22:27:11 386 0

原创 简析java中string的比较

简析一下java中的String的比较 虽然这很简单,但还是让不少新手困惑。 下面举例说明一下 String str= "hello"; String str1 ="hello"; if(str==str1){ System.out.println(&quo...

2016-08-29 20:55:56 727 0

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