- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端必备知识点，让你的进阶快如闪电
随着前端的不断发展，越来越多的知识点涌入，需要前端工程师消化，在这里，我将近半年来获得的较好的学习资料网址分享一下（也方便自己快速查找）： 1.webpack:深入浅出Webpack 2.ES6:ES6入门教程-阮一峰 3.Vue：Vue全家桶学习 4.Element：Element-网站快速成型 5.Less:Less.js相关教程 6.CSS3：CSS及其CSS3教程 7.Flex弹性布局：Flex布局教学 8.HTML5:HTML及HTML5学习...
2020-11-12 17:39:41
6147
24
原创 日常开发中常用的方法总结
以下都是我在项目中常用的一些方法，都是通过函数的形式给出，便于即拿即用1.获取URL中“？”符后的字符串function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var
2021-01-07 11:32:58
316
3
原创 如果你害怕找工作了，那才是真的输了！
如果你害怕找工作了，那才是真的输了！ 谨以此文勉励那些和我一样曾经害怕找工作的伙伴们！ 2020年是艰难的一年，因为疫情，导致各行业都出现了一定摇晃。对于我们应届生而言，最直接的体现就是找工作越来越艰难了。一想到当初找实习和秋招的时候，仍然可以给自己留下借口，我现在学的不好，等我再学习两个月，到时候会的东西多了，就好找工作了，可是事实真的如此吗？以下是本人最真实的案例，...
2020-12-31 16:14:51
4069
14
原创 移动端开发经验
1.如果需要适配多个不同的手机屏幕，建议使用@ media进行媒体查询，通过移动端屏幕的高度进行自适应如下：/* 苹果5 */@media only screen and (max-height: 570px){ .mint-indexlist-content{ height: 470px!important; overflow-y: scroll; } #Third{ height: 460px; }}...
2020-12-31 12:07:56
712
原创 原型以及原型链之旅，不可不探的JS奥秘
JS原型，一直以来都是重中之重，任何接触过JS这门语法的人，都知道，任何新建的对象之间都存在着继承关系，追根溯源之后都能走到原型链之上，那么什么是原型，如何使用好原型呢？ 我们先做一个做简单的接触，在控制台输入 ...
2020-12-07 23:09:25
582
原创 走向大佬第一步，构造函数真武术
一直以来，对于构造函数这一块的知识仍然不是很精通，只是大致知道有这个知识点，在花了一段时间学习以后，想着把这些知识和心得归纳总结一下，以下是相关知识点的总结：什么是构造函数？ 可能有的人看到构造函数之后，就开始有些紧张了，觉得这种知识一定是很深奥的，但是，如果真的认真学习一下，其实会发现，这个知识点也没有想象中的那么难，构造函数本质上其实就是一个普通函数，也就是说你随便写一个函数，就可以当作构造函数来使用。不过，规矩不能忘，构造函数怎么说也不能和普通函数显得一模一样，为了...
2020-12-02 22:52:08
2180
14
原创 查询数组唯一元素？我选择some方法
JS的语法中，有许多可以对数组进行遍历的操作，比如forEach、some、map、filter、some、every、reduce、reduceRight等方法,但不同场景下使用的方法也不一样，对于数组遍历而言，我们更偏爱于forEach方法，因为操作简单，能满足大部分的场景需求，但如果我们实际需求中只需要遍历到需要的数据时就立马跳出循环时，使用some方法可能更合适。 先给出结论：对数组进行唯一元素的查询，建议使用some方法，因为这个方法相比于forEach方法能在查找数...
2020-12-02 15:02:11
1641
2
原创 ES5中的Object.defineProperty方法
以前在学习的时候往往都是囫囵吞枣，有时候就是记个大概，但是没有深刻的去了解一个知识点，导致很多时候需要用起这个知识点的时候会发现回忆都是零零散散的片段，需要时不时的反复记忆。因此，记录一些常用的方法还是很有必要的，这里讲着重介绍Object,defineProperty()这个方法（当然，ES6中的Reflect对象也有这个方法，毕竟，Reflect对象本来就是继承了Object对象的，只是在此基础上，将一些原本在Object对象中有所欠缺的部分稍加弥补修饰罢了）。 首先，我...
2020-12-02 11:54:39
1726
2
原创 不用全局plugin，项目在哭泣
可以在插件中做的四件事情：1.可以设置一些全局方法 2.可以绑定一些过滤器，一些指令，全局组件 3.可以设置一些全局混入 4.可以定义一些全局方法
2020-11-30 18:00:04
990
原创 嵌套路由--一个来自vue项目的神奇俄罗斯套娃
在实际的项目中，往往并不是一个页面用几个固定路由跳转就可以实现了，一般都是多层嵌套的组件来组成整个项目，为了方便管理，我们也希望在url上能体现出这种层级关系， 中嵌套着好几个路由搭配使用，...
2020-11-26 17:31:52
1611
原创 如果这些你都会，叫你大佬无所谓
在学习前端的过程中，往往会为那些好文而激动不已，因为能快速增长我们的学识或解决我们当下遇到的难题，在这里，我总结一下近半年来获得较好的学习知识点： 1.JS三大事件：鼠标事件、键盘事件、html事件 2.Node安装及环境配置:Nodejs安装及环境配置 3.vsCode多行注释与取消多行注释:vsCode多行注释与取消多行注释 4.vscode git拉取报错 在签出前，请清理存储库工作树:vscode git拉取报错解决 5.VScode使用...
2020-11-26 10:06:48
832
原创 Vue项目经验分享：用mixin合并重复代码
在我们做项目的时候，往往有很多代码逻辑其实是通用的，比如说，业务逻辑类型的判断，时间戳的转换，url中字符串的截取等等，这些函数如果在每个需要的页面中都加入的话，不仅加重了当前页面的逻辑复杂程度，还会占用大量原本可以省略的内存。因此，将这些代码整理出来统一管理是很有必要的，在vue项目中，我们都知道模块化和组件化，但vue的框架中还有一个很好用的知识点，就是mixin。 不仅可以存放data、watch、methods、computed,还可以存放Vue的生命周期，是不是很神奇呢...
2020-11-25 15:47:28
6593
24
原创 vuex.esm.js?358c:135 Uncaught Error: [vuex] store must be called with the new operator.
刚刚使用Vuex的过程中遇到了一个BUG，显示报错，直接页面都没渲染出来：通过查找相应的文件，发现原代码如下：后面才发现自己太粗心了，少加了一个关键操作符new，加入关键字new之后，运行结果如下：成功解决报错。...
2020-11-24 16:42:49
1312
原创 vue兄弟组件传值之间的那些爱恨情仇
对于学vue的小伙伴们而言，父子组件之间的传值想必已经很熟悉了，但是还有一种很常用而且容易出错的通信方式就是：兄弟组件之间的通信，为此，我在这里给出3种兄弟组件之间的传值方式。...
2020-11-24 07:26:36
704
原创 用上Vue-router之命名路由，让你的程序人生走向高端简洁风
在项目中，我们使用<router-link>标签，往往是搭配一个to属性即可，这样可以通过点击链接跳转到我们需要展示的页面，但是，随着项目的不断壮大，我发现之前的路由命名开始有些力不从心了，比如，以前首页叫main,后面同事的名字中又出现了路径main,当项目比较小的时候改一改就行了，可是万一项目越来越大，我们就需要把时间浪费在无用的修改路径上，这显然是很拖节奏的，作为一个优秀的码农，我们是不应该允许这种情况出现的，这里提供一种使用命名路由的方式来使用路由，即使页面的路由被更改，仍然可以不...
2020-11-23 16:03:22
741
2
原创 都0202了，还不会路由懒加载？
#VUE路由懒加载##随着项目的壮大，路由的使用也会越发频繁，而不用的路由往往搭载着不同的组件，一旦不适用路由懒加载技术，那么就会使得首屏加载时间过长，用户体验下降，为了解决这个问题，在这里推荐大家使用路由懒加载技术来增加用户体验。##什么是路由懒加载？###路由懒加载简单来说就是需要使用哪个路由中的组件时，再去加载那个路由，而不是在页面渲染过程中一次性全部加载完成，也就是说，当我们页面首次加载的时候，就已经把整个程序里面所有的JS代码已经加载完毕，话不多说，直接上干货：###项目文件结构（仅包含关
2020-11-23 15:14:27
645
2
原创 文件路径都不会，程序开发真没味
对于软件开发工作者而言，了解绝对路径和相对路径是十分有必要的。虽然这两者都可以定位到具体某个位置，但不同环境下使用不同的路径方式是十分有必要的。 绝对路径：绝对路径指的是绝对位置，完整地描述了目标的所在地，所有目录层级关系是一目了然的。如他人引用你的博客内容，那么博客的原创地址就是绝对路径，一般情况下，在项目中引入外来资源都是使用绝对路径。 相对路径：在开发过程中，相对路径相较于绝对路径而言，更适合迁移，比如你项目从D盘换到了E盘，如果你使用的文件路径都是绝对路径，...
2020-11-18 11:21:22
656
1
原创 用上vueDevtools，让你查找vue项目中的问题快如起飞！
由于chrome浏览器更新后，添加vueDevtools插件会报错，查明原因后，是因为没有将该插件加入白名单。 解决方法如下： 1. 首先，下载“chrome - adm.rar”并解压. 2. 在运行里输入 gpedit.msc. 3. 在 计算机配置 > 管理模板菜单上右击，选择“添加/删除模板. 4. 点击添加，添加上找到下载的“chrome.adm”文件后，关闭“添加/删除模板”窗口. 5. 在 管理模板 -> 经典管理模板-> Goo...
2020-11-17 10:19:04
765
原创 Gitlab从项目到本地，你只需要这些就够了
对于我们普通程序员而言，实用性往往摆在第一位，只要能解决产品需求，不管是黑猫白猫，能抓老鼠的就是好猫。 我们要做的就是在最短的时间内掌握一件事物的本质，抓住主要矛盾，抓住矛盾的主要方面，切记吹毛求疵，鸡蛋里面挑骨头，那些是大佬们该做的事情，起步阶段的我们只需要老老实实把自己的手头工作做到极致。 对于那些没有经历过工作的小白而言，往往对于Git技术充满了好奇。但是需要知道的是大多数都是面试造火箭，工作拧螺丝。面试的时候git操作问一堆，其实在真正的工作中，你只...
2020-11-16 16:05:59
1956
原创 Node入门较好的几个网址分享
俗话说：“不想当将军的士兵不是好士兵”，与我而言，不想进步的程序员都不是好程序员。 那么什么样的程序员能够称之为好的程序员呢？个人愚见，就是那些既能够紧跟大流技术栈，同时又有着深厚内力懂得底层原理的程序员。 招式：如降龙十八掌，打狗棒法，九阳真经等就属于大流技术栈，而这些招式的威力程度则是由内力（底层原理）支持的，内力深厚的“扫地僧”甚至可以用基础的招式与内力稀疏的“技术佬”一争高下而不落下风。但是“人靠衣装，“佛靠金装”，掌握大流技术栈在当下显然有着更大的竞争力，...
2020-11-11 11:36:52
623
1
原创 UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
随着项目的壮大，手撕一两千行CSS已经成为一种常态，为了节约时间和成本，因此需要学习一下相应的CSS预处理技术，其中最为流行的当属Less和SASS了，相比之下，Less能更快入门，因此，本人使用的是Less这项技术，不过在安装Less后，运行vue项目后报错：UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function，查了之后才知道这是由于less-loader版本过高 ...
2020-10-29 18:22:14
760
1
原创 axios中post提交参数为对象的情况
最近接触了一个项目，需要将前端获取的参数提交给后端，但是这个参数的形式和我以前遇到的post提交都截然不同，格式如下：毫无疑问，入参为一个对象，并且要求将参数拼接在接口后面，由于没有接触过这种问题，因此走了很多弯路，在这里直接给出代码，并给出 let person = JSON.stringify({ name: "皮卡丘", age: 18 }) axios.post(addPerson.go + "?person=" +..
2020-09-11 17:42:45
5455
1
原创 webpack深入浅出
以前便接触过webpack，但是当时是迫于工作的压力，所以仅仅只是一股脑儿的补充知识点，导致看似学习了很多，但大抵都是空中楼阁，空有花架子，却没有深厚的底蕴。工作了将近4个月后，终于可以不用再为了工作而学习，而是有了自己的时间，可以学习以前那些想学但是没有时间和精力学习的知识点。由于每天都在不间断的学习新知识和新方法，越发感觉到前端绝对不是一个页面展示那么简单，特别是那些刚入前端的萌新。不要想着前端相比于后端而言，逻辑和知识点上都轻松一些就掉以轻心，其实一门知识点越往深了学，会发现自己真的很菜很菜...
2020-09-02 14:53:32
477
原创 rem字体自适应
毫无疑问，随着前端学习的深入，PC端和移动端的相关知识点都需要充沛起来，往往我们在移动端布局的时候都可以立马想到使用媒体查询和Flex弹性布局来自适应移动端屏幕大小，进而设计出合理的前端页面布局。但是，字体的适应问题也往往是一个常见的问题，今天有幸看到一篇文章，使用详解rem布局，感觉写的挺好，特此转载，感谢各位博主们提供的相关资料，能让我们前端学习者们不断学习，不断追随！感恩天下博主，耀我开发鸿光！...
2020-09-02 14:39:43
589
原创 有点儿压力也是好事情！
常言道：“宠辱不惊，看庭前花开花落；去留无意，望天上云卷云舒”。 现在身处城市的我们，无不感觉到周围快速变化的事物，今天哪里又崛起了高楼大厦，明天哪里又爆发了汹涌人潮。在这样纷繁复杂的世界中，我们每天上着固定的班，面对着固定的人，渐渐的，一颗心也慢慢的冷却了下来。有时候想想，这样平静的生活不好嘛？如果认为真的很好，那只能够说明满腔热血正在消退。要么就是身处困境，让你很不舒服，仿佛哪儿都是嫌弃，哪儿都是尴尬，想要逃避；要么就是在披荆斩棘，滔天巨浪过后留下来的深深疲惫感，想要归于宁静的生活...
2020-08-25 10:54:12
933
原创 Echarts快速开发教程（含详细tooltip分析）
因为最近工作上遇到了一些问题，很大一部分原因是因为要完成的工作中需要的知识以前没有接触过，所以导致没能来得及更新博客。其中一个问题就是Echarts的使用，因为我深知每一个开发者们的时间都是非常昂贵且有限的，并且能看到这篇博客肯定是遇到了和我同样的或者有关联的问题。因此我会尽量将我在使用echarts中遇到的问题，以及怎么解决这些问题的给出尽可能详细的步骤。 当然，任何的文档或者博客都不可能是完美无缺的，所以我得提前暴露出这篇博客的缺陷：这篇博客主要是以Vue框架为主导，并...
2020-08-24 15:02:11
2053
原创 有的放矢，而不是盲目学习
曾经，以为那些所谓的“大佬”必定是上知天文，下至地理，无所不通，无所不精。后面才发现，想要深入的学习一门知识，其实并不是一朝一夕就能够完成的；曾经，抱着一天看完一本书的目标，强迫自己达到任务以此可以在好友面前吹个牛比，却发现，事后竟然忘记了书中的情节和故事，以至于作者名字都已然忘记。 随着岁月的沉淀，才发现，人呐，往往精力是有限的，没有人可以纵横五湖四海，斜跨宇宙苍穹，我们能做的，就是把我们手头的工作做到极致！ 要知道，有时候工具往往是只是一个工具，我们作为使用工具...
2020-06-30 15:30:06
2706
原创 前端带参数访问接口
可能看这篇文章的大多数都是新手，毕竟我也是才刚刚工作一个月，给不了有着深厚底蕴基础的前端大佬写出博客的那种感动，只能从一个前端入门工作者的角度来说明前端是做什么的，需要了解哪些技术，以及给出一些前端工作所必须掌握的几个技术点。 刚刚步入公司，最需要了解的就是公司环境以及你即将接手项目的代码，接下来就是敲代码了，那么你肯定会接触到的知识点有 怎么通过查看邮件获取到的后端传输过来的接口信息以及数据并使用，首先，给出一个例子，localhost/Items/user...
2020-06-06 14:48:30
5104
原创 Gitlab项目协同开发
完成任务，如何与他人协同开发，将自己的代码提交至gitlab仓库 本人前端小白一枚，幸得上苍垂怜，在毕业之际给我“安排”了一波工作，由于前期学习主要是自己写的代码提交至私人仓库，缺少实习与历练，因此刚刚开始上手与他人协同开发的时候就很不适应。 主要出现在以下几个方面：第一，公司安排的活儿，对于新手而言，往往都是实现一些简单的功能，如对项目中的某个部分进行相关操作，如增加几个按钮，能够在点击之后跳转至一个新的页面，展示后台提供的API数据等，这些往往需要消化“...
2020-05-20 16:54:23
1258
原创 关于IDEA快捷键的使用视频教程（耗时短，见效快）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-05-19 21:31:13
593
1
chrome - adm.zip
2020-07-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人