前端
关注
分享
扫一扫
烟雨平生V
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
听听别人怎么说：VueJS 与 ReactJS
使用所有新的库和框架，很难跟上所有这些库和框架，也就是说，这就需要您决定哪些是值得花时间的。让我们看看人们说什么：“和Vue.JS一起工作是很愉快的，我发现学习曲线很浅，然而，这纯粹是基于我的经验，如前所述，我过去曾和一些人一起工作过。默认的模板结构工作原理和Angular非常类似，所以有这个背景的开发人员可能会React上手更快。如果React像Vue.js那么容易学习的话，我真...原创 2019-09-23 17:36:05 · 563 阅读 · 0 评论 -
为什么43%前端开发者想学Vue.js
根据调查Vue.js是开发者最想学的前端库(JavaScript 2017前端库状况，https://stateofjs.com/2017/front-end/results/)。我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因。我最近曾与Evan You，Chris Fritz，Sarah Drasner，和Adam Jahr做了一个介绍视频，而现在...原创 2019-09-23 17:35:26 · 436 阅读 · 0 评论 -
用Vue.js开发原生应用选择Weex还是NativeScript?
ue.js是一个很好的框架！它有一个友好的学习曲线，结合了最好的React的组件方法和Angular的模板。尽管如此，Vue.js仍然有一个限制，它还不能像React的React Native，Vue.js目前还没有稳定、广泛采用的方法来开发原生应用程序。不过，这肯定会改变！目前有两个框架正在开发，可以打开用Vue.js框架创建本地应用程序之门，我们都很喜欢的：Weex和NativeScrip...原创 2019-09-23 17:33:52 · 1092 阅读 · 1 评论 -
为什么我们选择从Angular2到vue.js（我们为什么没有选择react）
在Rever我们刚刚发布了一个新的Web客户端是基于vue.js的版本。经过641个提交和16个星期的紧张开发，我们感到非常自豪，我们做了一个正确的决定。8个月前，我们的Web客户端使用了Angular 2，确切地说，它使用的是Angular 2 β9。但是产品的外包公司和我们从来没有完全满意过，在很多的方面包括从用户体验、UI架构等等，并且他们说在这一定的程度上与Angular 2本身有...原创 2019-09-23 17:33:15 · 702 阅读 · 0 评论 -
为什么我会选择React+Next.js，而不是Vue或Angular？
本文的目的不是要对 React、Vue 和 Angular 三者进行比较，已经有许多人对这个话题进行了比较深入的探讨。每个人都有自己的偏好。与其他库和框架相比，我更喜欢使用 React 构建用户界面。在我解释了为什么之后，也许你也会切换到 React，如果你现在还没有用它的话。几个月前，我正在寻找一个用于 React 的样板文件生成器或是初学者工具包。我向往简单可靠的东西。经过长时间的搜索...翻译 2019-09-23 17:32:34 · 1373 阅读 · 0 评论 -
6个有用的Vue开发技巧
前言在平时的开发中，我们用vue可能很久了，但是对于有的新特性或者技巧没有发现，本文就带着大家一起看看常用的vue技巧1.状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们...原创 2019-09-23 17:23:25 · 775 阅读 · 0 评论 -
[译] 送你 43 道 JavaScript 面试题
1. 下面代码的输出是什么？function sayHi() { console.log(name); console.log(age); var name = "Lydia"; let age = 21;}sayHi();复制代码A: Lydia 和 undefined B: Lydia 和 ReferenceError C: ReferenceError ...原创 2019-09-20 21:42:04 · 1373 阅读 · 0 评论 -
史上最全HTML5面试题目汇总
1.HTML5 为什么只需要写 <!DOCTYPE HTML>？答案解析：HTML5不基于SGML，因此不需要对DTD进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？答案解析：...原创 2019-09-20 21:38:15 · 622 阅读 · 0 评论 -
Vue3.0 前的 TypeScript 最佳入门实践
前言其实Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+ Vue，毛计喇，学之……真香！注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API使用官方脚手架构建npm install -g @vue/cliORyarn global add...转载 2019-09-20 21:34:23 · 1767 阅读 · 0 评论 -
90行代码，15个元素实现无限滚动
前言在本篇文章你将会学到：IntersectionObserver API 的用法，以及如何兼容。如何在React Hook中实现无限滚动。如何正确渲染多达10000个元素的列表。无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。当你使用滚动作为发现数据的主要方法时，它可能使你的用户在网页上停留更长时间并提升用户参与度。随着社交媒体的流...原创 2019-09-20 21:32:28 · 498 阅读 · 0 评论 -
通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)
要在给定数组上使用方法，只需要通过[].方法名即可，这些方法都定义在 Array.prototype 对象上。在这里，咱们先不使用这些相，反，咱们将从简单的方法开始定义自己的版本，并在这些版本的基础上进行构建。没有比把东西拆开再重新组装起来更好的学习方法了。注意，当咱们的实现自己的方法时，不要覆盖现有的方法，因为有的库需要它们，并且这样也方便比较咱们自己的方法与原始方法的差异。所以不要这样...原创 2019-09-20 21:30:21 · 468 阅读 · 0 评论 -
为什么说Web开发和Vue.js是如此的有趣？
我想告诉你，我开始享受使用Vue.js和进行前端开发的故事。这不应该被理解为一篇关于为什么Vue.js可能比React，Angular或任何你正在考虑的其他Web框架更好的文章。Vuejs是令人惊叹的，但我们生活在一个作为前端开发人员同样令人惊叹的时代。如果你几年前和我交谈过，我会把自己定位为一个后端开发人员，掌握服务器和数据库管理。面向对象的语言，java和c #，我想找到一种自己需要交付程...原创 2019-09-23 17:36:44 · 1190 阅读 · 0 评论 -
Vue全家桶、Promise、NodeJS、全栈SSR、金融项目前端架构实战
1、带你探究vue-router源码，实现一个基础的vue-router【课程大纲】1、vue-router的原理是什么？2、如何写一个vue-router3、如何加固代码2、再次探究vue源码，制作优秀的自定义插件库vue成神之路--自定义插件库及NPM集成【课程大纲】1、插件与组件2、如何制作一个优秀的插件库3、集成至npm官网，向世界绽...原创 2019-09-25 19:26:34 · 1218 阅读 · 0 评论 -
如何训练 JS 才能达到自己写框架的水平？JavaScript核心进阶攻略
作为前端的一枚小菜鸟也憧憬着自己有朝一日能写出自己的框架，哪怕是流利理解三大框架的源码也好，当然这没有关公面试耍大刀的意味╮(‵▽′)╭一、找到问题，思考解决思路，参考同类或者类比同类框架实现方式，抽象自己的方案，不断的优化重构去写就可以了。框架的目的解决一系列特定的问题，复刻不是水平，创新才是。二、框架是解决方案的代码实现。要写出优秀的框架，首先要善于发现问题（当然也要善于发现机会，...原创 2019-09-27 14:07:43 · 878 阅读 · 0 评论 -
“寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）
前言跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。2019也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer...原创 2019-10-09 15:17:24 · 1027 阅读 · 0 评论 -
10个值得前端收藏的CSS3动效库（工具）
网站和App的设计中越来越重视用户体验，而优秀的动效则能使你的应用更具交互性，从而吸引更多用户的使用。我一般会在网站中加入一些简单而一致的动效，我所用的技术则是用SASS+bourbon来生成出那些基于CSS3的动画效果来。但如果你对CSS3中定义动效还不熟练，或希望采用更加简单直接的方式在你的应用中引入动效的话，你可以参考并使用下面的这10个优秀动效库（工具）。1.Animate.css...原创 2019-10-09 14:23:23 · 895 阅读 · 0 评论 -
Vue 开发必须知道的 36 个技巧【近1W字】
前言Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;所以应该趁还没出来加紧打好 Vue2.x 的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.contex...原创 2019-10-09 14:01:13 · 1649 阅读 · 0 评论 -
稍微整理了几个经常在H5移动端开发遇到的东西
不用说我也知道，此类文章太多太多了，常见的譬如：viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影（这个我觉得真没必要去掉，用户点击是需要反馈的，而这个背景色刚刚好提供了一种反馈）等等，太多啦，这些相信大家百度一下就可以查到很多资料????本篇文章主要是讲一些其他的或者优化手段。内容不多????1. 弹出数字键盘<!-- 有"#" "*"符号输入 --&g...原创 2019-10-09 13:58:14 · 990 阅读 · 0 评论 -
怎样让后台小哥哥快速对接你的前端页面
前言首先需要澄清一下，该篇文章并非标题党。这里介绍需要实现的效果是让后台工作人员不需要前端改动网络请求基础地址的前提下，使用前端代码便于本地调试。不好意思这里说的可能有点绕了，待我给你简单的说明一下你就明白了。我们知道前端在对接后台的时候都有这么一个基础地址，所有的后台接口调用都是通过它：let _baseURL = 'http://api.xxx.develop.com'co...原创 2019-10-08 15:11:27 · 1268 阅读 · 0 评论 -
中高级前端大厂面试JavaScript性能常考题之防抖节流视频讲解
课程目标面试常考题防抖节流定义防抖节流应用场景总结关注我，私信回复“防抖节流”免费获取，需要的话可以点个赞，转发下哦...原创 2019-10-08 15:10:06 · 766 阅读 · 0 评论 -
前端晋升必会技术：分析源码+VUE数据响应+vuex源码解析+webpack
目录：从分析源码告诉你如何搭建代码架构 前端晋升必知必会之初探数据结构与算法 你不知道的vue那些事 - 网易内部花式玩转vue Vue编译器 - 编译原理初探 webpack不再神秘-教你带你自己写一个loader 网易面试-高级前端之VUE数据响应式实现 从源码探究构建工具之手动实现webpack vuex源码探秘—带你走进一个崭新的世界从分析源码告诉你如何搭建代码架构...原创 2019-10-08 15:08:43 · 779 阅读 · 0 评论 -
深入浅出 Babel 上篇：架构和原理 + 实战
国庆放假了，我还在利用碎片时间在写文章，不知道长假还有没有人看，试试水吧！这个文章系列将带大家深入浅出 Babel, 这个系列将分为上下两篇：上篇主要介绍 Babel 的架构和原理，顺便实践一下插件开发的；下篇会介绍 `babel-plugin-macros , 利用它来写属于 Javascript 的’宏‘，✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。注意: 本文不是 ...原创 2019-10-08 15:06:47 · 1129 阅读 · 0 评论 -
前端成神之路：Vue-router源码+Vue成神之路+promise源码+NodeJS
目录：带你探究vue-router源码，实现一个基础的vue-router vue成神之路--自定义插件库及NPM集成 从今天起不再懵逼-带你探究promise源码 探索Koa的奥秘之打造属于自己的NodeJS框架 小试牛刀Web Components未来组件标准实战 90分钟轻松打造基于NodeJS与MongoDB的登录系统带你探究vue-router源码，实现一个基础的vue-...原创 2019-10-08 13:54:46 · 726 阅读 · 0 评论 -
40节前端高级开发进阶资料：Vue源码、NodeJS、jQ+bs、vue-cli、Vue全家桶、Promise、NodeJS、全栈SSR、金融项目前端架构实战
给国庆放放假吧~不，要成为一名前端高手，还是补补课吧视频资源目录：1、带你探究vue-router源码，实现一个基础的vue-router 2、再次探究vue源码，制作优秀的自定义插件库 3、从今天起不再懵逼-带你探究promise源码 4、探索Koa的奥秘之打造属于自己的NodeJS框架 5、实战：利用Web Components 思想组件封装 6、90分钟封装一...原创 2019-09-29 14:36:20 · 1745 阅读 · 0 评论 -
43 道检验基础的 JavaScript 面试题
JavaScript 进阶问题列表我在我的Instagram上发布了每日JavaScript选择题，我也会在这里发布！从基础到高级：测试您对JavaScript的了解程度，刷新您的知识，或为您的编码面试做好准备！???? ????我每周用新问题更新这个项目。答案位于问题下方1. 下面代码的输出是什么？function sayHi() { console.log(name); co...原创 2019-09-20 15:08:34 · 995 阅读 · 0 评论 -
今日头条 前端面经
回馈一波~~今日头条，前端面经（三面全，offer已到手），19实习。今日头条 2018.03.20 一面一面问了好多问题，都是基础上很细节很钻的问题，平时不怎么遇到。1.写一个深度拷贝2.cdn原理3.尾递归4.状态码304 和 2005.null == undefined 为什么6.不同数据类型的值的比较，是怎么转换的，有什么规则7.jit;jc...原创 2019-09-19 16:44:57 · 1022 阅读 · 0 评论 -
阿里巴巴P6级前端工程师面试经验以及技术讨论
一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿里的某技术专家，虽然之前也有阿里的在某boss上给我要简历，但是我深知自己经验不足，然后给boss说我是16届的，只有一年经验，然后就没有然后了。这次我依然这么回复，但是这boss说，没关系，他喜欢...原创 2019-09-10 15:17:23 · 4926 阅读 · 4 评论 -
看完这篇，你也能把 React Hooks 玩出花
作者：政采云前端团队链接：https://juejin.im/post/5d754dbde51d4561cd2466bf本文中出现的部分名称映射： 函数式组件 => Function Component 类组件 => Class Component 工具函数 => Util Function 钩子 => React Hook 初始值 =&g...转载 2019-09-09 22:28:45 · 756 阅读 · 0 评论 -
年薪50W阿里P7Web前端高级工程师，到底需要掌握哪些技术栈？
大家都知道，阿里P7前端高级工程师，基本上是一线前端技术人能达到的最高职级，也是很多程序员追求的目标。达到年薪50W+股票的P7级别，不仅要具备优秀的编程能力，在系统设计能力和技术视野方面，也要有较深的积淀。小编最近整理出一份xmind——“Web全栈架构师所需技术栈”，对于需要提升技术能力的初中级前端程序员们，提供一些学习方向上的借鉴和参考。需要获取完整的xmind大纲图，请关注我，在后...原创 2019-09-09 19:09:46 · 3462 阅读 · 0 评论 -
金九银十的魔都两年半前端面经
前言先介绍下个人基本情况，16届本科非计算机相关专业，毕业转行前端，过年后裸辞休息了半个月，然后到三月份开始准备面试，主要是过去做过的项目总结，刷算法题，巩固基础知识之类的。3月末开始面试。因为目前网上面经还是以1~3年居多，我投简历对标的3~5年岗位，考察点确实有些不一样，这里把接近3个星期的面试经历分享出来，希望能帮到大家。公司选择因为我觉得面试更多的算是一个技术交流过程，所以本着...原创 2019-09-07 19:51:27 · 652 阅读 · 0 评论 -
尤雨溪：Vue Function-based API RFC
作者：尤雨溪https://zhuanlan.zhihu.com/p/68477600概要将 2.x 中与组件逻辑相关的选项以 API 函数的形式重新设计。基本例子import{value,computed,watch,onMounted}from'vue'constApp={template:`<div>...转载 2019-09-06 20:02:57 · 524 阅读 · 0 评论 -
程序员到底有多累、多辛苦？
代码水平不高的时候，天天加班也干不完，还说其实是喜欢。随着代码水平的提高，注释写的越来越少，话也越来越少了。话说得少了，觉得办公室气氛变得有点压抑，于是离职换了一家公司。在新的公司还是那么忙，于是经常幻想老了就可以轻松点，却发现脑门子越来越大，眼睛看不清楚了胳膊腿儿越来越细，肚子越来越大，原来已经提前老了，但是还要加加班。终于有一天升职，来了几个帮手，可是他们水平不高，天天加班也干不完，还...原创 2019-09-06 16:04:43 · 744 阅读 · 0 评论 -
有哪些好笑的关于程序员的笑话？
据说，这些段子够你笑一年了。哈哈哈，小慕终于可以从微博转到知乎名正言顺的讲段子了。好啦，言归正传，快搬个小板凳坐好，小慕要开车了， 哦不，要讲段子了~前方高能预警，多图多视频，手机党慎点，土豪请随意~0、敲代码的时候身边总有个人烦我，怎么办？1、黑我们大程序员，我们才不是这样的，哼！2、全异步算法，碉堡了3、Catch 异常和 Throw异常的原理 。...原创 2019-09-06 16:03:34 · 982 阅读 · 0 评论 -
怎样成为全栈工程师（Full Stack Developer）？
作者：顾鹏链接：https://www.zhihu.com/question/22420900/answer/21770992做这样一个简单的 app:一个天气应用，干净清爽的界面，天气信息一目了然。它不仅可以精确预测未来 10 天的天气，还可以显示某地的历史天气信息。它具有自定义提醒功能，支持 web 版本， iOS 版， Android 版。为什么想要做这样一个 App ？因为你喜...转载 2019-09-06 16:00:17 · 680 阅读 · 0 评论 -
程序员年龄增大后的职业出路是什么？
作者：硅谷IT胖子链接：https://www.zhihu.com/question/35025502/answer/536813696非常支持有个高赞回答：99%的职业，年龄增大后都没前途。没前途是绝大多数普通人的宿命，有前途的人也用不着等到老。我有一年短租过一个生物博士后家的房子，跟他们生活过几个月。生物薄厚40多岁，娃还小才6岁，生活很节省，节省到了极致。在排EB2绿卡。你说...转载 2019-09-06 15:58:45 · 826 阅读 · 0 评论 -
大家都见过哪些让你虎躯一震的代码？
作者：匿名用户链接：https://www.zhihu.com/question/287421003/answer/456353345来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。靠着这个代码成功脱单........那天边和自己喜欢的姑娘聊天 边刷微博，碰巧就刷到了这个图，结果当时脑袋一热就给人发过去了，但没想到对方直接就同...原创 2019-09-06 15:57:15 · 886 阅读 · 0 评论 -
编程到底难在哪里？
作者：DJ Hitori链接：https://www.zhihu.com/question/22508677/answer/141334678普通人：我今天要买一斤苹果。程序员：我今天要买一斤苹果。因为我只喜欢红富士苹果，所以我只买红富士苹果。我能接受的最高价格是10元/斤。正常情况下一斤苹果用一个袋子能装下，但是为防万一，我会带两个袋子。我知道附近的3家水果店，...转载 2019-09-06 15:53:01 · 443 阅读 · 0 评论 -
前端面试：这50个经典前端面试题面试者必看！
在收到一家公司前端面试邀请之后，有的人会轻松上阵，在面试官面前乱说，惹人反感。有的人在面试前会把这家公司的主营业务以及岗位面试题做了充分的准备，让面试官眼前一亮，直接录取。所以说在面试之前多看一些面试题是有好处的，下面是整理的关于前端的面试题，希望可以帮助到即将找工作的你。以下是关于前端面试题的汇总：1、prototype和__proto__的关系是什么？2、meta viewport...原创 2019-09-06 14:46:58 · 5091 阅读 · 2 评论 -
2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)（js、html、node、小程序、React、ES6、Vue、全栈）
1. 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-100px;height:-100px;z-index:1000;}2. 写一个左中右布局占满屏幕，其中左右两块是固定宽度200 ，中间自适应...原创 2019-09-10 22:16:46 · 3663 阅读 · 0 评论 -
前端经典面试题(60道前端面试题包含JS、CSS、React、网络、浏览器、程序题等)
(以下所有答案仅供参考)简答题1、什么是防抖和节流？有什么区别？如何实现？参考答案防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 r...原创 2019-09-16 14:35:56 · 8063 阅读 · 1 评论