当作看不见-CSDN博客

原创 JavaScript 变量声明和初始化

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

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

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

video标签video控制栏功能volume 声音currentTime 视频进度play/pause 播放/暂停fullscreen 全屏download (Chrome下显示)一般情况下重写控制栏的目的:样式上的优化,去除Chrome的下载按钮假设现在获取到一个video Elment 对象 video 如何实现上述功能:声音 vi...

2018-05-30 22:26:11 4086

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

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

2018-05-17 21:18:05 5094

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

webpack 升级4.x vue 渲染出错原因webpack 对于import 的语法实现更新注:import 是 ES6标准,但不是服务器端node 的标准,这里webpack相当于解析器,变相支持 import 语法,但不是说node环境支持import 语法.从webpack 4.x 起 import 返回值始终为一个对象.但是vue 渲染只支持 template 或者 re...

2019-01-21 12:48:22 409

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

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

2018-08-11 16:27:16 24338 11

原创 JavaScript深度复制

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

2018-06-28 19:54:43 300

原创 onhashchange

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

2018-05-17 19:51:04 3271

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

2017-10-03 01:28:31 1270

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

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

2017-09-17 23:10:38 2795

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

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

2017-09-13 00:16:18 2339

原创深入理解ES6 --解构

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

2017-09-05 00:21:48 915

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

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

2017-09-03 23:19:12 3710 2

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

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

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

原创 canvas画笔功能 Signature Pad

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

2017-08-08 15:51:32 7360 1

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

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

2017-07-06 19:39:10 1873

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

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

2017-05-22 19:07:30 4376

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

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

2017-03-31 22:15:18 475

原创 javascript 面向对象基础

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

2017-03-30 16:42:30 530

原创 javascript 中的this

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

2017-03-29 13:28:14 650

原创 javascript 数组方法属性总结

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

2017-03-26 18:51:36 634

原创使用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 。

2017-02-26 14:42:36 5428

原创 javascript关于函数式编程

函数式编程函数式编程是一种编程范式。常见的三种编程范式有以下三种命令式 c函数式 go lisp面向对象 java c++ javascript是一门多范式的编程语言，既可以像C语言一样，命令式编程也可以和java 一样，基于原型的继承，实现面向对象式编程。但是函数式编程是什么呢？函数大家都不陌生。都使用过函数，函数最重要的两个部分就是输入和输出。封装中间的操作。

2017-02-18 19:06:58 396

原创 javascript 的null和undefined

null 和 undefined 。这两者表现极为相似console.log(null==undefined);//true但是不少地方还是有些不同null 和 undefined在现代JS语义里面是有明确区别的： null 表示一个值被定义了，定义为“空值”； undefined 表示根本不存在定义。所以设置一个值为 null 是合理的，如 objA.valueA =

2017-01-09 17:59:10 518

原创 jquery 实现筛选功能。

商品属性筛选商品的属性筛选是一个十分常见的功能，通常是同一类型的属性只能选择一个。例如价格范围，或者品牌，为了使选择的内容看上去更直观，一般都会将选择项列出，并拥有点击取消选择，点击同类替换的功能。在下面给出两个完整实现。实现1：使用jquery 的appendTo 让点击的元素加入到列出项里面（同时检测列出项是否有同一类的元素，有则替换出来，使它返回原列表），在列出项里面点击元素

2017-01-04 19:42:32 8238

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

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

2016-11-08 12:55:18 40813 1

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

1.函数加()和不加()的区别function func(){return 1;}alert(func);//输出的是这个函数alert(func());//1 ，加() 就是调用函数，不加() 就是函数这个对象。，区别在哪？setTimeout(func,1000);//一秒后执行；setTimeout(func(),1000)//立即执行；2.在行内样式中直接width=”“和 sty

2016-11-04 11:03:57 566

原创 JavaScript 的闭包原理与详解

JavaScript 的闭包原理与详解。JavaScript的闭包是一个特色，但也是很多新手难以理解的地方，阅读过不少大作，对闭包讲解不一，个人以为，在《JavaScript高级程序设计》一书中，解释的最为详尽，结合此书，表述一下我对JavaScript闭包的理解，希望能对新手有些帮助。闭包的例子var count=10;//全局作用域标记为flag1function add(){ va

2016-10-26 18:24:12 6473 1

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

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

2016-10-22 13:41:58 6499

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

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

2016-10-18 15:26:26 33847 4

原创 js的小知识1

js 的一些小细节, 变量var 的区别function(){var photo=10;//局部变量}alert(photo)//undefined和function(){ photo=10;//全局变量}alert(photo)//10函数声明的区别add();//函数声明提升,可以先使用再定义function add(){}和add();//unde

2016-10-13 11:24:00 763

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

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

2016-10-07 11:35:46 1961

原创程序员漫画

2016-09-05 23:02:33 346

原创简析递归算法

简析递归递归是编程过程中比较重要，也是比较简单的算法之一，简单的递归思路，往往比较容易理解，而略微复杂的递归则容易让人头痛。递归主要分两种直接递归直接递归函数里面调用本身这个函数，实现递归间接递归。间接递归是两个，或两个以上的函数互相调用，正好形成一个循环，例如：A调用B，而B又调用A，在某种条件下，会实现间接递归。自然

2016-08-31 22:27:11 522

原创简析java中string的比较

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

2016-08-29 20:55:56 902