anbei9541-CSDN博客

转载 Javascript 判断变量类型的陷阱与正确的处理方式

Javascript 由于各种各样的原因，在判断一个变量的数据类型方面一直存在着一些问题，其中最典型的问题恐怕就是 typeof null 会返回 object 了吧。因此在这里简单的总结一下判断数据类型时常见的陷阱，以及正确的处理姿势。javascript 数据类型MDN 数据类型数据类型这里先谈一下 javascript 这门语言的数据类型。javascript 中有七...

2017-07-11 09:58:00 197

转载 Fn.bind.apply() 解决 new 操作符不能用与 apply 或 call 同时使用

背景：小明想要用数组的形式为 Cls.func 传入多个参数，他想到了以下的写法：var a = new Cls.func.apply(null, [1, 2, 3]);然而浏览器却报错 Cls.func.apply is not a constructor。乍一看是 new 操作符去修饰 Cls.func.apply 了，于是他又这么写：var a = (new Cls.fu...

2017-05-02 16:36:00 300

转载 C-Swipe Mobile 一个简单的轮播组件

近期在做的一个Vue2项目里需要一个简单的卡片滑动组件，但是又因为现有的传统轮播库功能过于繁琐和笨重。因此自己写了一个针对于Vue2.x的轻型轮播组件。项目GitHub链接：C-Swipe Mobile 无耻的求个starhttps://github.com/pspgbhu/Vue2.x-Swipe-Mobile目前仅支持移动端。组件通过v-model绑定了组件当前分页索引值...

2017-02-11 00:08:00 230

转载 webpack CommonsChunkPlugin的一些总结，以及如何分别打包公共代码和第三方库

CommonsChunkPlugin官方文档地址https://webpack.github.io/docs/list-of-plugins.html#commonschunkpluginnew webpack.optimize.CommonsChunkPlugin(options)相关设置总结options.name or options.names (string|...

2017-01-08 18:29:00 210

转载用FSM一键制作逐帧动画雪碧图 Vue2 + webpack

因为工作需要要将五六十张逐帧图拼成雪碧图，网上想找到一件制作工具半天没有找到，就自己用canvas写了一个。写成之后就再没有什么机会使用了，因此希望有人使用的时候如果遇到bug了能及时反馈给我。最近用vue2 + webpack重新构建了下，代码量挺简洁的，逻辑也很简单，适合新手看看，顺便求几个star项目名称：FrameSpriteMaker 简称 FSMgithub项目...

2017-01-03 00:12:00 112

转载我在2016年是怎么转行做前端工程师的

　　十月底接到面试通知，到从上一家单位辞职仅仅用了一天的时间。然后看着四百多一天的酒店，我选择了六十块的青旅。还好来北京后一切都算是顺利，面试过程整体很流畅，青旅住了一礼拜offer就基本定下来了，再让我等一个礼拜估计睡青旅的木板床就该把我的骨头睡散架了吧。　　offer拿到后就开始找房，还好单位在北京五环外，一间十三平的屋子一千七百的价格至少在北京来说也不算是贵了（之后从同事那里听...

2017-01-03 00:05:00 105

转载利用apply()或者rest参数来实现用数组传递函数参数

关于call()和apply()的用法，MDN文档里写的非常清晰明白，在这里就不多做记录了。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/callhttps://developer.mozilla.org/zh-CN/docs/Web/JavaS...

2016-12-31 02:23:00 218

转载 javascript中变量提升的理解

网上找了两个经典的例子var foo = 1;function bar() { if (!foo) { var foo = 10; } alert(foo);}bar(); // 10var a = 1;function b() { a = 10; return; function a() {}}b();...

2016-10-11 12:40:00 63

转载 nodejs利用ajax实现网页无刷新上传图片

nodejs利用ajax实现网页无刷新上传图片标签（空格分隔）： nodejs通常情况下上传图片是要通过提交form表单来实现的，但是这又不可避免的产生了网页转。利用ajax技术和FormData()对象可以有效的解决这个问题废话不多说直接上关键代码：html部分<div class="form-group"> <label>File inp...

2016-08-22 01:23:00 121

转载 js学习之变量、作用域和内存问题

js学习之变量、作用域和内存问题标签（空格分隔）： javascript变量1.基本类型和引用类型：基本类型值：Undefined, Null, Boolean, Number, String;特点：在内存中占据着固定的地方和大小从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本引用类型值：是指那些可能由多个值够成的对象特点：引用类型的值是对象，...

2016-08-21 01:12:00 67

转载单行文本与多行文本超出范围需要隐藏并显示省略号

文本超出范围时需要隐藏超出范围的内容，并且同时显示省略号。/*****单行文本超出隐藏并显示省略号*****/.element{width: 20em;/*不允许出现半汉字截断*/overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;...

2016-05-25 23:06:00 198

转载原生js+css3实现图片自动切换，图片轮播

运用CSS3transition及opacity属性制作图片轮播动画自己这两天根据用js来控制触发CSS3中transition属性，从而写出来的以CSS3动画为基础，js控制过程的图片轮播运用css3的opacity透明度属性和transition动画过度属性，用js对过程加以控制，也实现了js对CSS3中transition动画的触发实例链接地址：http:...

2016-05-21 03:01:00 437

转载 HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置

在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能，之前还傻傻的在用js来实现类似功能。。。示例<form action="demo_form.asp" method="get"> <input type="search" name="user_search" pla...

2016-05-21 02:08:00 1097

转载 obj.style.z-index的正确写法

obj.style.z-index的正确写法今天发现obj.style.z-index在js里面报错，后来才知道在js里应该把含“-”的字符写成驼峰式，例如obj.style.z-index的正确写法应该是obj.style.zIndex 转载于:https://www.cnblogs.com/pspgbhu/p/5705983....

2016-05-18 23:37:00 213

转载用js触发CSS3-transition过渡动画

用js触发CSS3-transition过渡动画经过这几天的工作，让我进一步的了解到CSS3的强大，原本许多需要js才能实现的动画效果，现在通过CSS3就能轻易实现了，但是CSS3也有自身的不足，例如说在动画出发触发上就没有js灵活，因此我就开始考虑将CSS3与Js结合使用。不过要注意CSS3属性兼容性问题平时我们直接使用transition动画一般是这样的鼠...

2016-05-18 23:21:00 2217

转载 HTML5-video标签-实现点击预览图播放或暂停视频

刚刚参加工作，开始更多的接触到一些新的知识，促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。之前关于视频的控制更多的是运用复杂来实现，但在html5中新加入了<video>标签以及相应的DOM，通过这项新特性，我们能对网页中的视频进行更多简单的控制。以下属性内容摘抄至W3CSchool...

2016-05-17 00:58:00 5008

转载关于png、jpg、gif切图时的使用感悟

关于png、jpg、gif切图时的使用感悟曾经切图时都是一股脑所有图全切成jpg格式，最近突然心血来潮简单的研究了下其他图片格式的具体属性，才突然发现走了不少弯路，并没有做到使图片用最小体积展现出最佳的效果。今天我就简单的总结下这两个的成果，同时以后也会持续更新最新的感悟。png8、png24、gif、jpg的体积大小常见的png分为png8和...

2016-05-13 01:40:00 162

转载网页各部分元素常用命名

为了网页后期维护，使用统一的元素命名方式是很有必要的，因此记录下常用元素命名头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：logi...

2016-05-06 02:26:00 257

转载 CSS3属性 box-shadow 向框添加一个或多个阴影

CSS3属性利用box-shadow制作网页页眉背景box-shadow浏览器支持 IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。语法box-shadow: h-shadow v-shadow blur spread color inset;注释：box-...

2016-04-30 16:15:00 537

转载实现搜索框点击时提示文字消失离开时提示文字出现

搜索框点击时提示文字消失离开时提示文字出现该例为一个搜索框，点击搜索框后默认提示文字自动清除，离开再次显示默认提示文字<html><body><meta charset="utf-8" /><title>CSS搜索框</title><style type="text/css...

2016-04-30 15:53:00 592

转载【原】用Github pages搭建自己制作的网页，方法最简单，适用于新手

本人自学前端一个多月，写个几个网页想要用来应聘，网上搜各种搭建网站的方法，发现不是要收费就是很麻烦。终于黄天不负有心人，让我找见了github pages，不但免费，还非常的方便！！在这里我就来分享给大家，同时也希望像我一样的前端新人不用再走弯路了。1.首先你要有你写好的网页文件2.需要去GitHub注册一个账号进入链接https://github.com...

2016-04-21 01:40:00 140