JavaScript
叽叽复饥饥
本科在读软件工程专业菜狗一枚
展开
-
实现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 · 500 阅读 · 0 评论 -
Vue-Cli4运行npm run build打包时清除console.log的信息
安装babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console -D yarn add babel-plugin-transform-remove-console -D 然后打开项目根目录下的babel.config.js文件 添加如下代码 let transformRemoveConsolePlugin = [] if (process.env.NODE_ENV === 'productio原创 2020-08-17 13:33:03 · 1767 阅读 · 0 评论 -
Vue首屏优化方法、CDN加速
简单的性能优化的方法 1.减少接口的请求次数 2.将图片压缩,或者把图片或视频等静态资源通过网络形式请求,如上传到OSS 3.插件按需引入 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 · 845 阅读 · 0 评论 -
关于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 · 978 阅读 · 0 评论 -
详解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 · 1963 阅读 · 0 评论 -
(前端必会)理解异步和Promise的使用
1.什么是异步(asynchronization) 举个生活上的例子来说,晚餐时间到啦,我们先去煮饭,然后把饭入锅了,我们总不能一直在这里一直等到它熟了才去炒菜吧?这样多憨啊(现实中也没人会这样做吧),所以我们设置了电饭煲定时,当饭熟的时候电饭煲就会嘀嘀嘀嘀地响来通知我们。这样我们就不用在这里一直等饭熟了,煮了饭之后我们立马就去炒菜,然后菜煮好了,那边电饭煲也来通知我们饭熟了,然后我们就可以开锅了。这就是一个简单的异步流程,如果放到编程里面,就有同步任务和异步任务之分,Javascript是一个单线程的编程原创 2020-05-15 19:32:38 · 4907 阅读 · 11 评论 -
(前端必会)快速理解节流和防抖
1、什么是节流和防抖? 节流:节流可以控制事件触发的频率,节流就跟小水管一样,如果不加节流的话,水就会哗啦啦啦啦啦啦的流出来,但是一旦加了节流阀,你就可以自己控制水的流速了,加了节流后水可以从哗啦啦啦变成滴答滴答滴答,放到我们的函数事件里面说就是可以让事件触发的事件变慢,比如说事件触发可以让它在每一秒内只触发一次; 防抖:防抖就是可以限制事件在一定时间内不能多次触发,比如说你疯狂按点击按钮,一顿操作猛如虎,不加防抖的话它也会跟着你疯起来,疯狂执行触发的方法。但是一旦加了防抖,无论你点击多少次,他都只会在你最原创 2020-05-12 12:25:36 · 4495 阅读 · 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 · 699 阅读 · 2 评论