叽叽复饥饥-CSDN博客

原创 (前端必会）理解异步和Promise的使用

1.什么是异步(asynchronization)举个生活上的例子来说，晚餐时间到啦，我们先去煮饭，然后把饭入锅了，我们总不能一直在这里一直等到它熟了才去炒菜吧？这样多憨啊（现实中也没人会这样做吧），所以我们设置了电饭煲定时，当饭熟的时候电饭煲就会嘀嘀嘀嘀地响来通知我们。这样我们就不用在这里一直等饭熟了，煮了饭之后我们立马就去炒菜，然后菜煮好了，那边电饭煲也来通知我们饭熟了，然后我们就可以开锅了。这就是一个简单的异步流程，如果放到编程里面，就有同步任务和异步任务之分，Javascript是一个单线程的编程

2020-05-15 19:32:38 4823 11

原创实现Vue的数据双向绑定

Vue2中的数据双向绑定使用到了Object.defineProperty做代理，建议先了解一下 Object.defineProperty这个属性不多说，直接上代码创建myVue.js文件，在里面定义一个Vue类，实现基本的双向数据绑定class Vue { constructor(options) { //通过选择器获取根对象 this.$el = document.querySelector(options.el) //数据创造之前 if (typeo.

2020-08-19 18:46:12 469

原创 Vue-Cli4运行npm run build打包时清除console.log的信息

安装babel-plugin-transform-remove-consolenpm install babel-plugin-transform-remove-console -Dyarn add babel-plugin-transform-remove-console -D然后打开项目根目录下的babel.config.js文件添加如下代码let transformRemoveConsolePlugin = []if (process.env.NODE_ENV === 'productio

2020-08-17 13:33:03 1741

原创 Vue首屏优化方法、CDN加速

简单的性能优化的方法1.减少接口的请求次数2.将图片压缩，或者把图片或视频等静态资源通过网络形式请求，如上传到OSS3.插件按需引入4.图片懒加载5.限制首屏的请求资源数量6.CDN加速等等等等。。。查看依赖包的大小当项目做完以后，在package-json中,build的后面加上 --report,如下面所示 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build -

2020-08-17 00:59:44 802

原创关于Vue-Cli 4.0的跨域问题

因为今天写项目遇到了这个问题，所以想稍微记录一下这个问题Vue-Cli 4+配置跨域是需要自己在根目录下创建一个Vue.config.js文件的。然后就可以在里面写入项目的各种配置。我们简单看下下面的代码module.exports = { devServer: { port: 8080, //默认的打开端口号 open: true, //自动打开浏览器 host: 'localhost', //本地地址 proxy: { //在此配置跨域 .

2020-08-04 14:50:34 951

原创详解Javascript中Date对象的使用，并实现倒计时函数

一、Date对象是什么Date 对象用于处理日期和时间，一个日期格式化的对象，创建一个Date对象可以直接使用new Date()，括号里可以传入一个时间的格式，就像这样 new Date("month,dd,yyyy hh:mm:ss"); new Date("yyyy,month,dd hh:mm:ss"); new Date("month,dd,yyyy"); new Date(yyyy,month,dd,hh,mm,ss); new Date(yyyy,month,dd); new D

2020-05-19 13:09:39 1905

原创（前端必会）快速理解节流和防抖

1、什么是节流和防抖？节流：节流可以控制事件触发的频率，节流就跟小水管一样，如果不加节流的话，水就会哗啦啦啦啦啦啦的流出来，但是一旦加了节流阀，你就可以自己控制水的流速了，加了节流后水可以从哗啦啦啦变成滴答滴答滴答，放到我们的函数事件里面说就是可以让事件触发的事件变慢，比如说事件触发可以让它在每一秒内只触发一次；防抖：防抖就是可以限制事件在一定时间内不能多次触发，比如说你疯狂按点击按钮，一顿操作猛如虎，不加防抖的话它也会跟着你疯起来，疯狂执行触发的方法。但是一旦加了防抖，无论你点击多少次，他都只会在你最

2020-05-12 12:25:36 4477 23

原创 JavaScript中实现继承的两种设计模式

1.第一种就是通过面向对象的方式实现继承这种风格是比较常见而且比较常用的// ***面向对象设计模式***// Foo构造函数function Foo(who) { this.me = who;}// 在Foo的原型中添加identify方法Foo.prototype.identify = function() { return "I am " + this.me;};...

2020-03-06 22:03:19 665 2

weixin_43750480的博客