公共
文章平均质量分 75
前端技术栈
看面试题 【web前端面试小助手】 小程序
展开
-
手把手教你学会js的原型与原型链,猴子都能看懂的教程
今天给大家分享一篇关于在 JS 中非常不好懂理解,而且面试时候还经常问到的关于原型和原型链的知识。 上面这个张图各位看官是不是觉得很眼熟?可能第一次看到时候会觉得很懵逼,心想这是什么玩意呀?这么多线该怎么看呀?其实我第一次看到时候也很懵逼的,百思不得其解,当后面慢慢理解了一些简单原理后,在回头来看,其实也没有那么 难。那现各位观众姥爷们就跟着我这只菜鸟一起用最简单,朴素的语言,慢慢去分析,慢慢去理解吧,相信自己也是可以学会的! 当我们使用关键字来创建一个函数的时候,其实内存中自动创建一个包含属性的对象,原创 2022-07-06 10:06:59 · 251 阅读 · 0 评论 -
适合初学者的 10 个JavaScript 代码整洁技巧
阅读代码,可以站在巨人的肩膀上快速成长的有效方法,GitHub 是程序员学习的首选资源站。2. 数组中取值3. 对象取值4. 数组循环数组循环的方法有 与 ,在使用上各有特色,但在效率上, 比 快。因此推荐使用 。5. 箭头函数作为回调箭头函数是 ES6 中引入新的语法,除了让代码变得优雅的同时,可以避免 带来的问题。6. 数组搜索数组操作,在前端开发中是比较常见的功能,为了提高开发效率降低重复代码,可以考虑写一个通用的数组操作的脚本库。假设需要通过一原创 2022-07-01 09:58:14 · 277 阅读 · 0 评论 -
分享一个一年经历两次裁员的程序员的一些感触
这将是我第一次在掘金论坛上发布的与技术无关的文章。但是我觉得向大家分享我的经历还是有一定的价值的。首先向大家介绍一下我的一些基本情况,2017年毕业,本科,末流211大学,非计算机科班,计算机边缘专业。读大学的时候我自己觉得还算凑合吧,在学校好好的自学了一些编程。因为自己专业的关系,在学校对C#比较感兴趣,但奈何成都对于.net的需求实在太少,后面大三的时候逐步开始转向前端。当时作为一个即将步入社会的菜鸟,对于jQuery这种库的基本使用已经烂熟于心,一些常见的动画效果也能实现,作为心高气傲的应届毕业生,感原创 2022-07-01 09:49:41 · 373 阅读 · 0 评论 -
JavaScript 中的高阶函数
在 JavaScript 中,函数被视为一等公民。我们可以将函数视为值并将它们分配给另一个变量,将它们作为参数传递给另一个函数,甚至从另一个函数返回它们。函数作为一等函数的这种能力是 JavaScript 中高阶函数的动力。基本上,将另一个函数作为参数或返回函数的函数称为高阶函数。让我们深入了解一下这两种类型的实现,即:在本节中,我们将了解如何将函数作为参数发送,以及它最终如何帮助我们编写更简洁的代码。考虑下面的代码,我们要在其中创建一个接受数组作为参数的函数。它从中过滤掉所有奇数并返回所有过滤后的数字。该原创 2022-06-30 11:03:38 · 372 阅读 · 0 评论 -
前端技术导航大全集合了各种技术导航,一键到位 满足前端全部需求
pcProjecthttps://webstatic-3g8wm74b420bf334-1301145096.tcloudbaseapp.com/webclass/index.html#/ 前端技术导航大全原创 2022-06-16 16:29:26 · 1030 阅读 · 0 评论 -
前端开发学习指南
这篇文章很长,但的确是一篇非常干的干货,讲诉了 HTML、JavaScript、CSS、jQuery使用的一些规范与建议,前端的同学可以认真阅读此文,并比较自己平时的一些习惯,看是否有改进的地方……前端面试 用前端面试题库小程序 MST题宝库HTML咋地了, DOCTYPE?不定义DOCTYPE是一种可以被判死刑的罪行。 以前你可能用的是下面的DOCTYPE,不过你要知道现在已经有更简洁清晰的代码取而代之了。<!DOCTYPE html PUBL...原创 2022-05-25 11:29:20 · 297 阅读 · 0 评论 -
20 张图表达程序员的心酸
去面试,用前端面试题库 MST题宝库小程序「1」被老板委派接手刚刚离职同事的项目...「2」当他们要求我测试所有应用功能时「3」准备下班的时候,测试又提bug过來了…「4」使用新框架却忘记阅读文档「5」测试实习生的代码「6」网络延迟的危害...「7」测试刚写完的代码「8」delete 时,忘记加 where 条件了「9」轻量级架构遇到重量级需求「10」当我以为我修复了一个Bug「11」当我看实习生编码...原创 2022-05-24 13:53:41 · 128 阅读 · 0 评论 -
什么是请求参数、表单参数、url参数、header参数、Cookie参数?一文讲懂
前端面试 用前端面试题库 MST题宝库最近在工作中对 http 的请求参数解析有了进一步的认识,写个小短文记录一下。回顾下自己的情况,大概就是:有点点网络及编程基础,只需要加深一点点对 HTTP 协议的理解就能弄明白了。先分享一个小故事:我至今仍清晰地记得大三实习时的第一个工作任务,我需要调用其他部门提供的 api 去完成某项业务。那个 api 文档只告诉了我请求参数需要传什么,没有提及用什么方式传,比如这样:其实如果有经验的话,直接在请求体或 url 里填...原创 2022-05-23 09:59:39 · 1026 阅读 · 1 评论 -
JavaScript知识总结 终结篇--面向对象,垃圾回收与内存泄漏
一、面向对象一般使用字面量的形式直接创建对象,但是这种创建方式对于创建大量相似对象的时候,会产生大量的重复代码。但 js和一般的面向对象的语言不同,在 ES6 之前它没有类的概念。但是可以使用函数来进行模拟,从而产生出可复用的对象创建方式,常见的有以下几种:(1)第一种是工厂模式,工厂模式的主要工作原理是用函数来封装创建对象的细节,从而通过调用函数来达到复用的目的。但是它有一个很大的问题就是创建出来的对象无法和某个类型联系起来,它只是简单的封装了复用代码,而没有建立起对象和类型间的关系。(2)第原创 2022-05-18 11:13:29 · 201 阅读 · 0 评论 -
js高级进价 - 手写bind
手写bind先看一下mdn对于bind的定义:bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用。bind()会返回一个指定this的函数,在执行该函数的时候会通过call调用执行bind()方法的函数,并将指定的this传入返回执行结果。arguments想要实现bind的话,我们还需要了解一下arguments对象。arguments对象不是一个Array。它类似于Array,但除了l原创 2022-05-14 09:21:11 · 509 阅读 · 1 评论 -
前端好帮手,请务必装上这个 Chrome 插件
chrome 浏览器上有很多插件,我最喜欢的只有这一个,因为它解决了我工作中的很多麻烦。相信我,装上它,你的工作会容易很多。 后端不愿意造数据的时候,我用它 接口返回的数据不理想的时候,我用它 测试边界值的时候,我用它 复现 bug 的时候,我用它 铛~铛~铛~, 铛!它就是ajax-interceptor 我是怎么发现它的? 刚开始写前后端分离项目时,我碰到了一个脾气不太好的后端搭档,他总是不愿意配合造数据,于是我萌生了要写一个响应拦截器的想法,在查资料实原创 2022-04-28 14:12:57 · 701 阅读 · 0 评论 -
程序员,为什么千万不要重写代码?
分享一个程序员的面试题库小程序 MST题宝库程序员都有一颗工程师的心,所以当他们到一片新的场地想做的第一件事就是,将旧的一切推倒重来。是的,他们决不会满足于简单的增量劳动。 或许这种微妙的心理定位可以解释:为什么程序员进入新项目组后宁愿丢掉旧代码重新写,也不愿意修修补补。他们认为旧代码简直一团糟。 但是,事实上真是这样吗?你之所以认为旧代码一团糟,其实是由编程的一个基本定律决定的,那就是:写代码容易,读代码难。 为什么你觉得旧代码异常混乱?因为读代码更难。 这大...原创 2022-04-28 09:04:37 · 478 阅读 · 0 评论 -
vue中的mixins混入使用方法
在这里分享一个前端面试题库小程序目录mixinsmixins理解使用方法全局混入局部混入mixins的使用方法的复用方法的覆盖合并生命周期mixins混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合...目录mixins mixins理解 使用方法 全局混入 局部混入 mixins的使用 方法的复用 方法的覆盖 合并生命周期 mixins混合 (mixins)是一种分发vue组件中可复用功能的非常灵活的方式。混合对象可...原创 2022-04-25 09:09:06 · 1064 阅读 · 0 评论 -
【面试普通人VS高手系列】b树和b+树的理解
分享一款实用的面试题小程序 微信搜索 MST题宝库数据结构与算法问题,困扰了无数的小伙伴。很多小伙伴对数据结构与算法的认知有一个误区,认为工作中没有用到,为什么面试要问,问了能解决实际问题?图灵奖获得者: Niklaus Wirth 说过: 程序=数据结构+算法, 也就说我们无时无刻都在和数据结构打交道。只是作为Java开发,由于技术体系的成熟度较高,使得大部分人认为:程序应该等于 框架 + SQL 呀?今天我们就来分析一道数据结构的题目:”B树和B+树“。关于这个...原创 2022-04-21 09:12:43 · 239 阅读 · 0 评论 -
关于移动端适配,你必须要知道的
关于移动端适配,你必须要知道的关于移动端适配,你必须要知道的分享一款前端实用的面试题小程序 建议收藏,微信搜索 MST题宝库移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题:1px问题 UI图完美适配方案 iPhoneX适配方案 横屏适配 高清屏图片模糊问题 ...上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、...原创 2022-04-18 09:08:52 · 5122 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单
前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到:到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。这样是一个非常真实的现状,实际上很多前端开发者都是自学甚至转行过来的,前端入门简单,学习了几个API以后上手做项目也很简单,但原创 2022-04-16 09:18:27 · 2464 阅读 · 0 评论 -
非常实用的工具网站分享
概览地址 描述 Regex101 强大的正则表达式工具 Compressor.io 强大的图片在线压缩工具 TinyPNG 强大的图片在线压缩工具 VisuAlgo 各种算法可视化 Desmos Graphing Calculator 在线数学作图工具 Math 在线计算器,可以识别手写 Latex2png 将 Latex 转换为漂亮图片 Smallpdf PDF 转换操作 ASCIIFlow Infinity原创 2021-07-05 17:49:31 · 215 阅读 · 0 评论 -
jQuery 同时获取多个标签的指定内容并储存为数组
在网页开发中经常会碰到获取同种类型的 标签 的值得问题,比如下面的两种情况.当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦.比如id=problem1的demo var list1=$("#problem1").children();//获取到problem1指定的对象数组console.log(list1);//打印到控制台 控制台中输出的跟我们想象中的是一样的.那么接下来看下一段代码 12 var list1=$("...原创 2021-04-19 17:38:13 · 834 阅读 · 0 评论 -
table设置tbody滚动条
table tbody { display: block; height: 400px; overflow-y: scroll; } table thead, tbody tr, tfoot tr { display: table; width: 100%; height: 40px; table-layout: fixed; font-size: 16px; text-align:center; } .原创 2021-04-15 18:42:13 · 808 阅读 · 0 评论 -
Chrome网上应用店开发者注册费的支付方法
要在Chrome 网上应用店上面发布插件,谷歌现在针对第一次发布应用的开发人员有一个要求:先支付 5 美元。并且需要使用 Google Wallet 支付。但支付的账单地址没有中国大陆的选项,也不能使用香港地址(http://www.zhihu.com/question/20086513)。通过测试发现可以使用国内的国际支付信用卡(我用的是招行的VISA卡)、美国的地址完成支付。美国的地址可以通过以下网址随机生成。http://zh-cn.fakenamegenerator.com/填写的时候除原创 2021-04-14 16:09:03 · 3044 阅读 · 2 评论 -
发现http 请求被自动变成https请求
仔细观察上图可以发现,网页中 img 标签 src 指向资源地址为 http 资源地址,但是在 network 面板查看发出的网络资源请求却变成了 https 请求,导致资源找不到报错404。(注:图片资源实际真实地址确实为 http 资源)原因,因为添加如下CSP内容,将自动将http的不安全请求升级为https<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">但是如果去掉上述m原创 2021-04-06 12:50:34 · 8233 阅读 · 0 评论 -
遍历类数组之获取多个dom节点并遍历
第一种方法: // 获取 .tr_height 的所有DOM const treeHei = 66; let trAllDom = document.getElementsByClassName('tr_height'); // 遍历,设置高度 Array.prototype.forEach.call(trAllDom, function(itemDom){ itemDom.style.height = treeHei + "px"; })第二种方法: let trAllDo原创 2021-02-23 10:48:52 · 606 阅读 · 0 评论 -
web前端进阶之路;web前端不能只做普通程序员;web前端应该向前端架构师前进
有人说产品开发过程中web前端没有结论,只有随需求不停的修改,但是项目必须要有阶段性的结论,作为一个前端开发,如何避免为了某一个需求而陷入反复更改的困境呢?不要把责任全部推到产品不断的需求更改或者设计不停的视觉调整上,你其实可以做得更好。在不断的追求新技术,打磨技术精益求精之时,拓宽自己的知识面,寻找正确了工作姿势也很重要。首先,心态很重要。如果你期望你的工作状态是这样:产品经理把一个功能需求的每一个环节都考虑周到,每一个细节点的覆盖全面,每一个想法都表达完美(当然,这是一个好的产品经理应该追求并达原创 2021-02-06 10:57:59 · 379 阅读 · 0 评论 -
我们怎样以计算机的方式去思考
从上大学第一天开始接触编程,老师便给我们讲过各式各样的算法。从各种查找、排序,到递归、贪心等算法,大一的时候一直在和这些算法搏斗。直到工作后,为了应付面试,仍不得不回过头去啃算法书或者去刷一些算法习题,才能够拾回一些上学时的记忆。为什么算法就这么难以记住呢?或者说,为何计算机的算法不能更直观一些呢?因为计算机的算法就是反人性的,从本质上来说,这是计算机的思维方式和人脑思维方式的区别而造成的。人脑思维的机制至今没有一个确定的理论,暂时认为是化学物质和电信号的作用。虽然没有科学的解释,但是我们每个人都有原创 2021-01-25 15:05:01 · 276 阅读 · 0 评论 -
【CSS进阶】伪元素的妙用--单标签之美
正文从这里开始,本文主要讲述一下 伪元素 before 和 after 各种妙用。:before和::before的区别在介绍具体用法之前,简单介绍下伪类和伪元素。伪类大家听的多了,伪元素可能听到的不是那么频繁,其实 CSS 对这两个是有区分的。有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:),这是 CSS3 规范中的一部分要求,目的是为了区分伪类和伪元素,大多数浏览器都支持这两种表示方式。 1 2 3 4 5 6...原创 2021-01-25 14:47:59 · 341 阅读 · 1 评论 -
前端程序员面试笔试宝典
一、理论知识1.1、前端 MV*框架的意义早期前端都是比较简单,基本以页面为工作单元,内容以浏览型为主,也偶尔有简单的表单操作,基本不太需要框架。随着 AJAX 的出现,Web2.0的兴起,人们可以在页面上可以做比较复杂的事情了,然后前端框架才真正出现了。如果是页面型产品,多数确实不太需要它,因为页面中的 JavaScript代码,处理交互的绝对远远超过处理模型的,但是如果是应用软件类产品,这就太需要了。长期做某个行业软件的公司,一般都会沉淀下来一些业务组件,主要体现在数据模型、业务规则原创 2021-01-23 15:53:24 · 2156 阅读 · 0 评论 -
Node+GitLab实现小程序CI系统
为什么要实现自动部署小程序开发迭代里,有以下几个个头痛的问题,如何准确并快速的的把小程序上传去后台,并让测试人员进行测试? 测试同事找开发要二维码,效率较低 本地生成的二维码会出现携带本地代码、未及时拉取分支其他改动等问题 小程序的体验发布太依赖开发者,通常只有开发者熟悉微信开发者工具一系列的上传流程,而每次发布的是有页可能因为忘记合并分支,忘记开启构建命令导致一些列不可知的错误,从而导致影响开发进度、发布流程不可控等一系列问题。针对这些问题我们需要一套可以随时从Git上拉取最新代码选取分支原创 2021-01-23 15:43:22 · 527 阅读 · 0 评论 -
用打王者荣耀的方式学习 webpack 没有不会的
英雄介绍崴博.派克诞生于遥远西方的勇士之地,拥有着高超的机械技艺,善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子,与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安!长安以“方舟”为驱动核心中枢,配合层出不断的机关,守护着华丽的大明宫。派克为人低调,不喜出现在大众视野,他是需求人性启迪的理想主义者,信奉着唯有光荣进化才能实现人类的全部潜能。姓名:崴博.派克(webpack)热度排名:T0胜率:98%登场率:原创 2021-01-23 15:37:54 · 286 阅读 · 0 评论 -
图解助你理解 vue生命周期
学习vue时搞清楚生命周期可以帮助你知道什么时候在什么地方执行该执行的方法,话不多说上图:复制下面代码可以在控制台更详细展示各个钩子的状态<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script原创 2021-01-23 15:25:50 · 189 阅读 · 0 评论 -
你所理解的前端是在样的呢?
入坑前端到今天也将近两年半了,这两天突然想到了第一次面试时面试官的一个问题-------你怎样理解前端的工作?对于当时我一个小白而言完全是胡说一通,词不达意,搞得面试官一脸懵逼,现在想想那可能就叫尬聊吧……时隔两年在不断爬坑中对这个问题有了自己新的认识,今天趁着上午没什么事情,写下这篇博客,想到哪写到哪,谈一谈我所理解的前端。技术方面:第一阶段(新手村)一个前端初学者必须所掌握的核心技能HTML,CSS,JavaScript,这三项是前端最底层的技术支持了,如果你看几年前的回答应该还会有一项原创 2021-01-23 15:22:19 · 340 阅读 · 0 评论 -
一个简便的第三方授权登录
第三方授权登录使用Visusal Studio2012 完成一个简便的第三方授权登录,有兴趣的宝宝可以康康哦~第一步:打开VS 画一个登录窗体 有账号,密码框 可以登录的那种(也就是我们最普通的登录方式)在这里插入图片描述新添加了一个button按钮,以方便打开我们的第三方授权登录页面。第二步:完成代码//登录的控件private void btn_denglu_Click(object sender, EventArgs e){ if(txt_Name.Text.Equals("原创 2021-01-23 15:08:34 · 443 阅读 · 1 评论