- 博客(16)
- 收藏
- 关注
RSS订阅原创 ES6中构造函数内super关键字的使用
起因： 平时在写react组件或者是class时经常会写一个 super（），但是一直都没有深入了解这个super到底干了什么，今天抽空了解了一下，做一下记录场景1.在ES6实现继承中会有constructor构造函数，而实现继承的子类构造函数中必须先调用super()方法，此处的super()为父类的构造方法，而如果不调用，浏览器则会报错，比如：class Person { constructor(name,age){ this.name = name; this.
2021-12-29 16:27:02
618
原创 微信公众号h5返回上一页不执行生命周期
在微信上打开浏览器时碰到了 用户跳转一个页面之后按返回按钮，没有触发初始化的js代码的问题，记录一下解决办法。1.原生写法：function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#xx"); }pushHistory();window.addEventListener("popstat
2021-01-26 14:22:53
1254
原创 微信小程序 ios 橡皮筋效果踩坑
scroll-view在ios上面会继承原来 ios 的UI 框架所以会出现“橡皮筋”效果，即上拉到最顶部的时候还可以继续上拉放手会回弹（左右同理）解决方案1.在不需要滚动的页面可以全局禁用滚动{“disableScroll”:true}2.使用了 scroll-view 的情况下，可以使用<scroll-view :enhanced="true" :bounces="false“>这两个属性禁用橡皮筋效果（不知道为啥在微信文档上没有看
2021-01-21 18:30:39
2911
7
原创 vue数据监听踩坑记录
平时用vue写代码时，因为vue自带的监听机制，让我们能在修改页面数据时直接更新页面，但是偶尔会出现无法监听到的情况。例如：// 获取报表 public async getChannelList() { this.channelList = await getChannels(); this.channelList.forEach(item => { item.isSelected = false
2021-01-05 16:33:29
461
2
原创 微信小程序引入插件报错
最近需要引入一个微信小程序插件，引入之后就开始报错，这是因为微信小程序在引入插件之后不允许对App、Page进行修改，这是微信小程序的历史遗留问题。解决方法：将微信小程序基础版本升级至2.6.3以上即可解决。...
2020-09-28 16:27:03
1306
原创 vue+tsx初体验
随着vue3.0更新潮流，vue+ts应该是未来vue项目的一个主流方向。以前就算用vue-class-component用来写也会有很多暗坑，但是现在vue3.0版本完美支持tsx，终于可以快乐的尝尝鲜了。首先明确2点：Q：ts有什么用？A：类型检查、直接编译到原生js、引入新的语法糖Q：为什么用ts？A：TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程
2020-08-14 17:17:19
3491
原创 爱的初体验之微前端
什么是微前端？一种将独立的前端应用组成一个更大的整体的架构风格。假设你想构建一个渐进式的Web应用程序，但是你很难将新的功能实现于现有的整体应用中。比如你想开始使用新的 JS 语法（或TypeScript），但是你无法在现有的构建过程中使用对应的构建工具。又或者，你只想扩展你的开发团队，以便多个团队可以同时处理一个产品，但是现有应用中的耦合和复杂度让每个开发者互相掣肘。这些都是真实存在的问题，这些问题极大地降低了大型团队的开发效率。最近，我们看到越来越多前端开始把注意力集中在复杂前端应用的架构上面。尤
2020-07-30 12:03:23
252
转载 解决Mac Catalina系统下HTTPS请求被拦截的问题
mac Catalina 想要访问不安全网站链接：https://zhuanlan.zhihu.com/p/141891056?from_voters_page=true
2020-06-15 16:52:21
853
原创 以题理解经典面试题——三六九等的事件环
引言：## 因为最近在准备前端面试，作为很重要的事件环当然不得不回顾一下了，但是大牛们解释的实在是（字好多）根本看不进去，所以我觉得直接用题目理解。在理解事件环之前，我们首先需要快速理解什么是堆和栈维基百科：在javaScript中，栈中存的是基本数据类型，会自动分配内存空间，自动释放；堆中存的是引用数据类型，是动态分配的内存，大小不定也不会自动释放。heap堆：也可以叫堆内存；是一种队列优...
2020-04-09 17:03:56
296
2
原创 uni-app中使用flyio
前言：因为最近需要使用uni-app进行小程序的开发，所以最近在搭建小程序的环境，作为一个使用vue的前端小白，自然选择了支持vue的uni-app。但是uni自带的uni.request需要自己封装（因为懒）所以选择了flyio进行请求封装。环境配置：npm install flyio在这里我使用npm进行安装，也可以下载源文件wx,js或者wx.umd.min.js1.先看一下np...
2019-12-30 14:50:08
3760
1
原创 typescript学习心得
为什么使用TypeScriptJavaScript的超集支持所有原生JavaScript的语法强类型语言现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方。使用TypeScript之后，将会在代码调试、重构等步骤节省很多时间。比如说：函数在返回值的时候可能经过复杂的操作，那我们如果想要知道这个值的结构就需要去仔细阅读这段代码。那如果有了TypeScript之...
2019-12-03 11:26:57
376
原创 uni-app使用心得——微信小程序
作为一个前端开发人员，会开发微信小程序现在已经是一个必不可少的技能，但是，要重新去学又要花费大量的时间，虽然原生的微信小程序中和传统的H5、JS、CSS差别不是很大但是也不是按照我们平时的开发步骤，势必会踩到坑影响开发进度，所以，在业余时间，我选择了uni-app进行学习。uni-app介绍：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS...
2019-10-18 15:19:39
1755
原创 浅谈Vue和React的区别
作为一个一直使用vue的初级前端，对react也有着学习的憧憬，当时选择vue只是因为左手石头剪刀布输给了右手（开玩笑）在工作之余，也准备花点时间去了解一下react，毕竟在移动端开发react也是必会的一个技能。先看看Vue和React的介绍：React：除非你最近一直不关注前端的发展，不然你肯定听说过由Facebook创建的JavaScript UI框架——React。它支撑着包括I...
2019-09-10 15:31:27
6345
1
原创 浅谈promise、setTimeout和nextTick的区别
前言：为了在业余时间充实自己，不仅仅每天写上班所用的业务流程，作为一个刚刚踏入前端行业的小白，更加需要利用好碎片时间自我进修。因为平时主要使用vue，所以对常用的几个延迟调用方法（promise、setTimeout和nextTick）产生了好奇，它们同时执行的时候会有什么结果呢。先看看promise、setTimeout和nextTick在文档中的定义：promisePromise是最早由...
2019-08-30 10:45:40
3707
2
原创 在VueX中使用axios
在学习某课网模仿美团的视频中，在安装时nuxt会出现无法安装@/nuxt/axios的情况，而在vuex中无法直接调用axios，因为this无法指向vue，所以我找了几种比较好的方法来解决这个问题，因为这些文章大概内容都差不多，我只是总结了一个自己觉得比较好的办法//在main.js中引入vuex的入口文件import store from ‘./store/index.js’;new V...
2019-05-14 10:38:05
2478
原创 最近开始学习某课网的仿美团的课程
最近开始学习某课网的仿美团的课程最近实习的时候任务基本上结束了，比较空，就找了一门全栈的课程进行学习，毕竟程序员如果不学习大概就得在杭州喝西北风了对于vue和koa的理解就不必多说，没有这些的基础根本别想点开这个课程，对于这门课可以加深一个前端程序员对于后端逻辑的理解，在日后的工作中更好的与后端程序员进行交流。这门课学了几天，在vue的前端搭建基本可以听着老师讲自己手打，在一些陌生的地方会停下...
2019-04-29 17:59:56
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人