1分钟了解js编译器Babel的使用(附demo)

什么是Babel?一款JavaScript 编译器 主要用于在旧的浏览器或环境中将 ECMAScript 2015+代码转换为向后兼容版本的 JavaScript 代码。单文件使用方法详解:1、初始化创建 package.json文件npm init 2、安装 babelnpm install --save-dev babel-cli3、使用规则编译目录npx babel src(原目录) --out-dir lib(目标目录)npx babel src(原目录) --ou.
分类: 其他 发布时间: 03-25 10:48 阅读次数: 0

落魄前端,整理给自己的前端知识体系复习大纲(第一篇,上百知识点,2W字+)

阅读前言转眼间9月的到来,十分感慨这时光的飞逝。9月对程序员有着十分重要的意义,想在这个优胜劣汰的代码世界活下去,金3银4,金9银10,都属于选择的机会。在这优势略汰且经济回陇的状态下,笔者身处央企都无法安稳,如今也要考虑工作的问题(有广州内推,欢迎联系),我们可以选择的只能是,逐步的打好自己的基础,才能在不安稳的社会形态下,逆行保持自己的安稳。笔者也该复习复习,在此汇总一下自己过去所学过的基础。本文的难度级别,个人定位为中级前端开发工程师。且自负的认为前端重要基础的均汇总,如有遗漏,希望你..
分类: 其他 发布时间: 03-25 10:48 阅读次数: 0

angular运行打包报错:模块mobx-angular.d.ts的元数据版本不匹配,找到版本4,应为3...

angular运行打包报错:模块mobx-angular.d.ts的元数据版本不匹配,找到版本4,应为3…具体报错如下图所示:问题:mobx-angular.d.ts模块版本不匹配导致angular-tree-component.d.ts报错…解决思路:因为报错所因模块各不相同,但归根结底因为模块版本不匹配导致的,那么我们根据不匹配模块治疗相应bug,我这里是因为当前版本过高导致,这里明显报错文件为angular-tree-component.d.ts,我们调整他的版本号,重新安装一个解决办法
分类: 其他 发布时间: 03-25 10:48 阅读次数: 0

vue项目问题总结

路由router(params和query的区别)相同点:1、使用方式相同params:this.$router.push({name: 'video', params: params})query: this.$router.push({name: 'video', query: params})不同点:1、params是路由的一部分,必须要有。query是拼接在url后面的参数,没有也没关系。2、params、query不设置也可以传参,但是params不设置的时候,刷新页面或者返回参
分类: 其他 发布时间: 03-25 10:48 阅读次数: 0

ie8如何兼容媒体查询及注意事项

关于怎么兼容ie8浏览器媒体查询的问题(总结)转载来自:zzjjjjer的博客原文链接:https://blog.csdn.net/zzjjjjer/article/details/110424531方法:1.引入respond.js文件(可以百度查找,也可以在pintuer框架[拼图 Pintuer v1.x]中下载兼容IE8respond.js)。2.然后引入到自己的文件。注意:(关于引入ie8失效问题)1.首先必须注意respond.js在引入jquery之前2.其次不能在本地环境
分类: 其他 发布时间: 03-25 10:47 阅读次数: 0

avue框架使用element-ui的dialog引发的问题及解决办法

dialog中的内容多次打开不更新问题avue框架使用element-ui的dialog引发:1、avue-form表单的多级联动,编辑时赋值异常。2、dialog中的表单重置异常(重置为第一次加载的表单内容缓存)3、dialog中表单的内容不更新问题,如果是子组件加载,会出现无法在created中监听父级传参,需要whatch中监听,才可能正常获取数据,不仅麻烦,而且没必要。正常编辑每条数据的内容,解决问题后的demo片段:<el-dialog :append-to-body="tr
分类: 其他 发布时间: 03-25 10:47 阅读次数: 0

router页面缓存

一、设置标签//App.vue 标签<keep-alive> <router-view v-if="this.$route.meta.keepAlive" /></keep-alive><router-view v-if="!this.$route.meta.keepAlive"></router-view>二、设置路由// routes 配置export default [ { path: '/',
分类: 其他 发布时间: 03-25 10:47 阅读次数: 0

element-ui dialog弹窗增加全屏功能

完成效果图:一、定义全局变量 dialogFull 用来控制弹窗 dialogFull:false,二、dialog标签添加全局属性绑定:fullscreen="dialogFull"三、设置title区域的自定义<template slot="title"> <div class="avue-crud__dialog__header"> <span class="el-dialog__title">
分类: 其他 发布时间: 03-25 10:46 阅读次数: 0

跳转到新页面并清除当前页面的history记录

History 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录,通过history方法触发前进后退通常使用的方式:window.location.href='index.html'// 或者window.location.replace('index.html')使用场景:比如别人访问你得网站 不想回退的时候一步一步回,就需要避免访问你得页面的时候产生history历史记录。解决办法:清除历史记录window.history.replaceState()对当前history
分类: 其他 发布时间: 03-25 10:46 阅读次数: 0

vue打包部署,解决更新版本清理缓存问题

参考来自:https://blog.csdn.net/lzb348110175/article/details/114142229一、根目录index.html在head标签中,加入下面的代码<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">二、配置vue.config..
分类: 其他 发布时间: 03-25 10:46 阅读次数: 0

哪天返回

第九届蓝桥杯省赛哪天返回小明被不明势力劫持。后被扔到x星站再无问津。小明得知每天都有飞船飞往地球,但需要108元的船票,而他却身无分文。他决定在x星战打工。好心的老板答应包食宿,第1天给他1元钱。并且,以后的每一天都比前一天多2元钱,直到他有足够的钱买票。请计算一下,小明在第几天就能凑够108元,返回地球。要求提交的是一个整数,表示第几天。请不要提交任何多余的内容。1.for循环public static void main(String[] args) { int num=1; //
分类: 其他 发布时间: 03-25 10:45 阅读次数: 0

《原力计划-打卡挑战》第一周周榜揭晓!!!

从2月21日开始《原力计划【第二季】》,已经到了第 10 周,累计 30000+ 名博主参与了本次活动。本周《原力计划【第二季】—打卡挑战》活动上线,共收到活动投稿 16453 篇原创文章,经过层层筛选,最后选出以下 10 篇文章进入《原力计划【第二季】—打卡挑战》第 1 周周榜。>>活动详情<<恭喜入榜的 CSDN 博主,感谢你们的用心创作!VSCode插件...
分类: 其他 发布时间: 03-25 10:45 阅读次数: 0

《原力计划-打卡挑战》第二周周榜揭晓!!!

>>原力计划-打卡挑战活动介绍<<从2月21日开始《原力计划【第二季】》,已经到了第 11 周,累计 32000+ 名博主参与了本次活动。本周《原力计划【第二季】—打卡挑战》活动上线,共收到活动投稿 14025 篇原创文章,经过层层筛选,最后选出以下 10 篇文章进入《原力计划【第二季】—打卡挑战》第 2 周周榜。>>活动详情<<恭喜入榜的 CSDN 博主,感谢你们的用心创作!细谈8种架构设计模式及其优缺点2020全球Python开发者调.
分类: 其他 发布时间: 03-25 10:45 阅读次数: 0

《原力计划-打卡挑战》第三周周榜揭晓!!

>>原力计划-打卡挑战活动介绍<<从2月21日开始《原力计划【第二季】》,已经到了第 12 周,累计 34000+ 名博主参与了本次活动。本周《原力计划【第二季】—打卡挑战》活动上线,共收到活动投稿 18835 篇原创文章,经过层层筛选,最后选出以下 10 篇文章进入《原力计划【第二季】—打卡挑战》第 3 周周榜。>>活动详情<<恭喜入榜的 CSDN 博主,感谢你们的用心创作!浅析-腾讯产品项目的流程阿里腾讯都在用的Restful编码风格.
分类: 其他 发布时间: 03-25 10:44 阅读次数: 0

原力计划打卡挑战正式更名为【原力计划】

原力计划“【第二季】打卡挑战”在2020年5月21日正式落下帷幕,累积参与博文过百万,近10万名博主参与榜主争夺。在此,非常感谢大家一直以来对原力计划的支持与热爱。现在,原力计划“【第二季】打卡挑战”正式更名为【原力计划】,一些规则和奖励将做如下改变:一、活动参与规则:声明原创博客,在发布页面勾选【原力计划】选项,即可参与投稿; 参与【原力计划】的博文会进入审核评估阶段,通过审核的博主将得到相应的流量扶持。二、活动奖励:入选【每日精选】的文章,将会获得【原力突破】勋章,每周第..
分类: 其他 发布时间: 03-25 10:44 阅读次数: 0

《原力计划-打卡挑战》第四周周榜揭晓!!

>>原力计划-打卡挑战活动介绍<<从2月21日开始《原力计划【第二季】》,已经到了第 13 周,累计 36000+ 名博主参与了本次活动。本周《原力计划【第二季】—打卡挑战》活动上线,共收到活动投稿 **23649 ** 篇原创文章,经过层层筛选,最后选出以下 10 篇文章进入《原力计划【第二季】—打卡挑战》第 4 周周榜。>>活动详情<<恭喜入榜的 CSDN 博主,感谢你们的用心创作!使用树莓派实现的口罩检测【高能笔记】如何获得令人心动.
分类: 其他 发布时间: 03-25 10:44 阅读次数: 0

《原力计划-打卡挑战》总榜名单揭晓!!

原力计划“【第二季】打卡挑战”在2020年5月21日落下帷幕,累积参与博文过百万,近10万名博主参与榜主争夺。在此,非常感谢大家一直以来对原力计划的支持与热爱。经过层层的筛选与PK,进入总榜的博主毋庸置疑都是执行力超强,信念超强,实力超强的博主,原力菌在此献上深深的敬意,一路走来,感谢你们的坚持与陪伴!让我们来看看哪些博主登上我们的英雄榜榜单:目录《原力计划-打卡挑战》原力探索TOP15《原力计划-打卡挑战》原力突破TOP15《原力计划-打卡挑战》总榜《原力计划第二季---打卡挑战》--
分类: 其他 发布时间: 03-25 10:44 阅读次数: 0

打造爆款博客的长尾流量优化技巧

没流量?没排名?没人气?本文是关于博客应该如何优化其内部结构如标题关键词,摘要,图片,目录等技巧提升系统对文章的好感度,从而提升搜索排名,为博客带来源于不断的长尾流量优化技巧。
分类: 其他 发布时间: 03-25 10:43 阅读次数: 0

如何打造短期爆发式增长的爆款文章

本文结合CSDN上半年以来的爆款文章,分析了其中的30个爆款选题与关键3要素标题摘要,图片的自定义。从文案或者运营或者产品角度切入,讲述爆款文章的写作方法,希望对你有所启发。这里的爆款不是说10W+才是爆款,你平常阅读量平均1500,经过优化后一篇文章达到3000,这也是爆款,而且是更应重视的小爆款。不管这么样,要写出爆款文章还是的花一番功夫,不光是内容要精彩,标题,文章排版也是要很棒。今天我们就来谈谈如何写出爆款文章。爆款文章之选题当我们准备开始提笔写作,大脑有没有浮现过这样两个问..
分类: 其他 发布时间: 03-25 10:43 阅读次数: 0

原力计划S3-精英季 活动协议

CSDN在提升优质创作、帮助开发者成长的道路上一直在不断的探索,但究竟什么样的内容才算优质内容呢?经过不断的迭代、验证,我们认为:能带来粉丝增长和真实粉丝互动的内容才是优质内容!所以,内容好不好,粉丝认可度是决定因素。CSDN秉持着“帮助消费者发现更好的内容,挖掘值得持续关注的创作者”这一原则,将重磅开启【原力计划精英季】,同优质博主共同打造内容学习之路!同时对在此标准下产生的优质内容和优质作者给予万级流量和现金扶持——宠粉,从现在开始!【原力计划S3-精英季 活动协议】用户不得以任何不正当手段及舞弊
分类: 其他 发布时间: 03-25 10:43 阅读次数: 0