当你的项目依赖了太多的包时,node_modules里的文件就变得特别的多,虽然不大,但是里面的文件太多,导致window删除时非常慢,现在就介绍一种相对于删除速度较快的方法 全局安装rimraf: npm instal…
分类:前端开发
JS实现前端常见设计模式
单例模式 概念:单例模式保证一个类仅有一个实例,并提供一个访问它的全局访问点 使用场景:有一些对象我们往往只需要一个,比如全局缓存、浏览器的window对象 // 单例模式 var single = function()…
CSS布局
1CSS没有布局 2 CSS布局属性 2.1 css display属性 2.2 css margin: auto 2.3 css max-width 2.4 css 盒模型 2.5 css box-sizi…
「译」编写更好的 JavaScript 条件式和匹配条件的技巧
原文地址:Tips and Tricks for Better JavaScript Conditionals and Match Criteria 原文作者:Milos Protic 介绍 如果你像我一样乐于见到整洁的…
JS实现 bind, apply, new
bind 实现思路:将函数参数分两部分,一部分在执行 bind 时传入,一部分在执行函数是传入,最后使用 apply 执行函数 细节修正:如果 bind 后的函数被当做构造函数,则绑定 this 指针;让新函数原型链继承…
从零开始搭建webpack+react开发环境
环境主要依赖版本 webpack@4.8.1 webpack-cli@2.1.3 webpack-dev-server@3.1.4 react@16.3.2 babel-core@6.26.3 babel-preset-…
【进阶系列】前端开发环境构建(七)JS依赖管理 -- Bower
2.4 Bower——js依赖管理的工具 2.4.1 bower介绍 Bower是 twitter 推出的一款包管理工具,基…
JavaScript 数据类型判断
1.1 JavaScript 数据类型 简单数据类型(基本数据类型): Undefined ; Null ; Boolean ; Number ; String ; Symbol(ES6新增) 复杂数据类型:Object…
jQuery的三组基本动画与自定义动画总结
jQuery提供了三组基本动画,分别是显示与隐藏、淡入与淡出、滑入与画出,这三组基本动画都是标准的、有规律的的效果,jQuery还提供了一个自定义动画。 1、显示(show)与隐藏(hide) =============…
来使用font-awesome吧,可以部分抛弃png了
字体图标 1.什么是字体图标 一般我们如果设置一个span或者是i的背景的时候都会用图片.但是今天我们学习一种更方便更好用的一个东西,就叫做:字体图片. 那么为什么要使用字体图标这个东西呢?这个才是我们最关心的东西.她有…
js对象构建
1首先明确一点js不是面向对象的语音,但js具有极大的灵活性可以模拟面向对象,甚至面向过程乃至全世界。 2 js中面向对象的写法 A最为常见的{}形式的写法,var obj = { };大括号里面的内容以键值对的形式存在…
高清canvas,柯里化实际运用
我在做canvas时遇到了这个问题,画完了看起来好好的,一放大,就糊的不能看,甚至有时候不放大也显得有些糊。解决的方法是放大绘制,缩小观看。就像这样: // html <canvas width="200" hei…