![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
概念
文章平均质量分 57
坏坏的书生
这个作者很懒,什么都没留下…
展开
-
npm install -g 和 npm install 区别?
1. npm install bootstrap -g 表示全局安装解释: 会将对应的安装包 安装到 c盘下node_modules目录:2.npm install jquery 是将对应的安装包安装到当前项目的根目录下:原创 2021-02-11 17:07:28 · 12064 阅读 · 0 评论 -
js逻辑题整理
js for循环练习题1、大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配? //驮100石粮食,大马需要50匹 for(var a=0;a<=50;a++){ //驮100石粮食,中马需要100匹 for(var b=0;b<=100;b++){ //驮100石粮食,只需要100减去大马和中马的数量就是小马的数量原创 2020-05-28 00:12:59 · 1206 阅读 · 0 评论 -
前端项目的性能优化几个方面
1. 利用打包工具打包压缩前端代码拿目前最流行的webpack为例:webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多,这样项目体积缩小,加快浏览器的解析速度在配置webpack过程中,也需要合理配置1. loader 解析器直解析我们需要解析的代码如babel-loader最常见的优化方式是,用 include 或 exclude 来帮我们避免不必要的转译如(node...原创 2019-03-03 18:11:33 · 7811 阅读 · 0 评论 -
ES6中set和map
一。 set 数据容器 能够存储无重复值数据的有序列表1. 通过 new set() 方法创建容器 通过add() 方法添加2. set.size获取存储的数据的数量例: var set = new Set() set.add(1); set.add('1'); console.log(set) console.log(set.size)3. Set内部使用Obj...原创 2019-02-25 16:08:01 · 1931 阅读 · 2 评论 -
控制台查看资源请求状态
如图表示:(状态码 200)form memory cache : 从内存中读取缓存,不请求网络资源,资源在内存当中,一般脚本、字体、图片会存在内存当中(状态码 200)form disk ceche:不请求网络资源,资源在磁盘当中,一般非脚本会存在内存当中,如css等(状态码 304): 请求服务端发现资源没更新,使用本地资源...原创 2019-02-17 22:33:32 · 1621 阅读 · 0 评论 -
webpack4.x实现多页面打包配置
一:应用场景:项目小,不必要用vue框架等单页框架但是希望最后利用webpack打包项目,对项目体积优化,代码优。实现图片代码压缩项目中需要用到 jq, rem适配,项目有缓存处理机制。二:1.先看一下如下我的项目目录结构:2.根目录创建的webpack.config.js 文件配置如下:const path = require('path') // path模块是...原创 2019-01-28 02:25:01 · 2410 阅读 · 3 评论 -
ES7中async和 await的用法
在es6中,我们使用promise 来处理异步操作,感觉还是有点繁琐,今天介绍一种新的语法 async和 await,也是用来处理异步操作的async 起什么作用?async: 异步的意思。看代码async function testAsync() { return "hello async";}console.log( testAsync() ) //输出结果是 Promis...原创 2019-01-16 22:03:30 · 1730 阅读 · 0 评论 -
ES6 Promise 对象最详细的理解
Promise 对象是ES6中的语法,主要是处理异步操作用的方法。一 基本用法:创建promose对象 var p = new Promise(function(resolve,reject){ // 异步操作写在函数体中 if(异步操作成功){ resolve(value) }else{ reject(value) } })其实 就是构造函数创建实例化对...原创 2019-01-16 00:30:25 · 309 阅读 · 1 评论 -
ES6 promise对象的简单用法
promise 对象解决es5中的异步执行操作在es5中,常常有一个ajax 请求资源时,需要上一个ajax请求返回的参数,这时,写js的时候,会出现ajax嵌套的写法,这样代码看起来嵌套层次多,且给人感觉不是很好例:var p = new Promise(resolve,reject){$.ajax({type:‘post’,url:‘login’,data:{},dataTyp...原创 2019-01-14 23:48:35 · 150 阅读 · 0 评论 -
关于es6 class类的用法
class 类的概念在 es5 中,我们使用构造函数创建对象,例如function Person(name,age){this.name=namethis.age = agethis.say = fucntion(){console.log(‘我是es5’)}}var p = new Person(‘宝强’,30)其中构造函数中this 指向p 这个实例对象在es6 中,我...原创 2019-01-08 17:00:47 · 162 阅读 · 0 评论 -
http协议1.0与1.1和2.0版本间的区别
http 1.0 版本http1.0 只有get/post/Head 这几种请求方式,请求数据时, 客户端与服务端3次握手,然后建立tcp 链接,一个Tcp链接只能传送一个请求和响应,响应结束后,关闭tcp 链接,下一次请求重新建立tcp 链接然后和上面一样http 1.1 版本http 1.1 新增了delete options 等几种请求数据的方式,客户端和服务端三次握手后,建立t...原创 2019-01-14 00:47:34 · 2348 阅读 · 0 评论 -
js中的函数防抖和函数节流
函数防抖:当某些事件触发频率太高,浏览器来不及处理,会造成浏览器卡顿,掉帧。例如:文本框input事件,窗口resize 事件,scroll滚动条事件等函数防抖方法:例第一种:var timer;const inp = document.getElementById(‘input’);inp.oninput=function(){clearTimeOut(timer);time...原创 2019-01-13 00:03:35 · 674 阅读 · 0 评论 -
npm 和yarn的区别
首先,这两个都属于js包管理工具,都可以安装包或者模块yarn 是由facebook、google等联合开发推出的区别:npm 下载包的话 比如npm install它是按照包的排序,也就是队列挨个下载,一个下载完成后,再下载另一个yarn是将要下载的包进行同时下载yarn 在下载模块或包时,命令行输出的信息更加简洁npm版本5.0 之后,会自带package.lock.json ...原创 2019-01-10 20:41:48 · 3149 阅读 · 0 评论 -
webpack实现分别打包自己的js 和第三方包js,以及版本迭代浏览器缓存问题
使用wepack 如何处理打包自己的js文件和node_modules 引入的第三方包文件针对自己写的js文件和第三方引入的文件实现分别打包如何解决每次迭代浏览器缓存问题,将打包后的文件加后缀hash值,这样每次打包hash值都不一样,这样就解决浏览器的缓存问题啦详情请看如下链接,我这也是看别人的(惭愧啊)https://www.cnblogs.com/luozhihao/p/6623...原创 2018-11-05 01:49:51 · 1540 阅读 · 0 评论 -
页面埋点概念理解
页面埋点:页面埋点 主要是用于流量分析。流量分析包括以下几个方面:页面的浏览数独立访问者数量页面停留时间页面操作时间页面访问次数按钮点击次数文件下载次数以上工作的意义在于:优化网站,抓住用户。持续经营...原创 2018-10-28 16:57:13 · 2854 阅读 · 0 评论