笔记

<p>computed&nbsp;和&nbsp;watch&nbsp;的区别先详细解释下再用一句话总结?< p><p>computed&nbsp;名称不能与 data 里对象重复,只能用同步,必须有 return;&nbsp;是多个值变化引起一个值变化,是多对一 < p><p>watch:&nbsp;名称必须和 data 里对象一样,可以用于异步,没有 return;是一对多,监听一个值,一个值变化引起多个值变化。< p><p>今天面试京东,京东一位面试官总结的一句话!!< p>

fangfang | input的type属性设为number后可以输入e

发布于 12-09 10:16 浏览:13 类型: 转载 - 随笔 分类:JavaScript 举报

<p><strong>原因:e在数学上代表2 71828,所以它也还是一个数字< strong>< p><p><strong>解决方法:< strong>< p><pre><code class="language-javascript">&lt;input type=number onkeypress=return( [ d] test(String fromCharCode(event keyCode))) &gt;< code>< pre><p><strong>2 input数字number类型的时候maxlength无效< strong>< p><p><strong>解决方法:超出截取< strong>< p><pre><code class="language-javascript">&lt;input type="number" oninput="if(value length&gt;11)value=value slice(0,11)" &gt; < code>< pre><p>&nbsp;< p>

<p>vue是组件化开发的项目,很多情况下会把公共组件提取出来,来减少代码量,提高开发效率,和以后更好的可维护性。很多情况下,父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性,来渲染可以拥有不同数据的子组件。但是vue 的组件有个特点,如果我们这一次和上一次传过去的属性值一样的话,watch 监听的属性因为没有新的变化(这次的值和上一次的值一样watch 中调用的函数不执行),导致对应的数据也没有变化。created() 生命周期函数也是只执行一次。(很尴尬,让我这个用惯了react 的人刚开始还有点不适应。但是毕竟胳膊拧不过大腿不是,还是赶紧想办法把。)< p><p>但是有时候我们需要这个组件每次都重新生成dom 元素,每次都执行created() 函数。这时候就用到了vue中的key

fangfang | 解读完这些Vue面试题,拿到了20k的offer

发布于 11-13 12:13 浏览:15 类型: 转载 - 随笔 分类:面试经验 举报

<pre><code class="language-javascript">2020年注定是不平凡的一年,互联网行业的低迷、疫情的发生,对经济影响挺大的。作为有6年前端开发的老司机表示压力山大,“找工作”成了首要任务,最近面试了很多公司,都在问“原理”、“源码”,不能只知道怎么用了,而是更关注深层的技术点。深度、广度是很重要的。< code>< pre><p>本篇文章主要是 “&nbsp;从源码角度&nbsp;-&nbsp;解读Vue常考面试题&nbsp;”。< p><p>&nbsp;< p><p>* 回答面试题的套路< p><p>1、先说这个点的明确定义,或者是特性;< p><p>2、再说具体的应用场景;< p><p>3、说说自己的看法、观点;< p><p>4、可以稍微举一反三,说说同类特性,或者类似的框架,更好的方案。< p><p>&nbsp;< p><p>简短的概括:< p><p>一、常考-基础点< p><p>1、对 S

<p>学习前端的历程< p><p>我记得我是<code>大一< code>的时候,去亲戚家做客,看到我的叔叔自学前端半年,他给我展示一个植物大战僵尸的项目。当时我觉得很神奇了,在好奇心的驱动下,我就去学习了前端,后面学校也开展了<code>HTML< code>和<code>CSS< code>的基础课程,我就陆陆续续深入学下去了。刚开始呢,我是从网上找的课程学习的,刚开始是在网易云上随便找的课程看,看的稀里糊涂的。< p><p>记得大一军训期间,军训完,晚上我都会回到床上看一下课程,然后用纸和笔纸做一下笔记,但是看了几节课后发现讲的很无趣。后面又找了其他视频看看,最后看了渡一的视频入门了,发现视频里面的成哥讲课真的很不错,看了他的视频你会发现他的讲课可以用哲学丶金融丶物理等等知识让你理解,我觉得他的视频不单单对我的

fangfang | 专科毕业五年,我进腾讯了!

发布于 11-13 12:01 浏览:21 类型: 转载 - 随笔 分类:面试经验 举报

<p>如果大家有看到我上一篇文章,就知道从2020年的年头到年中,我一直在面试者阿里的各种岗位,但是结果都是很无奈,下面的链接,有兴趣的可以看看。< p><pre><code class="language-javascript">https: zhuanlan zhihu com p 223459952< code>< pre><p>从我开始做前端的时候,我就发誓我必须要进BAT,作为一个只是普通大专毕业的我,也没有大厂的工作背景,其实对于30岁甚至35岁之后的发展,个人感觉是很受限制的,所以进入BAT是我一开始的目标,可能这就是曲线救国吧。< p><p>那么本篇文章主要围绕两个部分:< p><ol><li><p>前端现在个人觉得的一些现状< p>< li><li><p>腾讯面经< p>< li>< ol><p>想看面经的可以直接看面经,但是如果你也和我一样,学历不怎么样,一直在小公司打滚,想进入大厂的话,可以好好

fangfang | 手把手带你入门前端工程化——超详细教程

发布于 11-13 09:41 浏览:28 类型: 转载 - 随笔 分类:JavaScript 举报

<p>本文将分成以下 7 个小节:< p><ol><li><p>技术选型< p>< li><li><p>统一规范< p>< li><li><p>测试< p>< li><li><p>部署< p>< li><li><p>监控< p>< li><li><p>性能优化< p>< li><li><p>重构< p>< li>< ol><p>部分小节提供了非常详细的实战教程,让大家动手实践。< p><p>另外我还写了一个前端工程化 demo 放在&nbsp;github&nbsp;上。这个 demo 包含了 js、css、git 验证,其中 js、css 验证需要安装 VSCode,具体教程在下文中会有提及。< p><p><strong>技术选型< strong>< p><p>对于前端来说,技术选型挺简单的。就是做选择题,三大框架中选一个。个人认为可以依据以下两个特点来选:< p><ol><li><p>选你或团队最熟的,保证在遇到棘手的问题时有人能填坑。< p>< li><li><p>选市场占有率高的。换句话

1292150917q | 侧方发F违法违法而我

发布于 10-21 09:09 浏览:18 类型: 原创 - 教程 分类:JavaScript 举报

<p>&lt;script&gt;alert(&quot;侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我侧方发F违法违法而我&quot;)&lt; script&gt;< p>

渊博汪洋 | 测试

发布于 10-14 17:10 浏览:24 类型: 原创 - 随笔 分类:HTML/CSS 举报

<p>test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;< p>

fangfang | vue3.0新特性初体验(一)

发布于 09-11 21:43 浏览:43 类型: 转载 - 随笔 分类:面试经验 举报

<p>自从尤大的3 0横空出世以来,备受关注。感觉写法越来越像React,不过尤大也说了,其中一部分是受到了React hooks的思想影响。本系列文章将先带大家了解vue3 0, 会用vue3 0,以及最后了解vue3 0源码。< p><p>先带大家了解下vue3 0的新特性玩法:(至于怎样创建vue3 0项目这里不再做更多的阐述,想了解的可以一移步官网。):< p><p><strong>一、setup< strong>< p><ul><li><p>调用时间< p>< li>< ul><p><code>setup< code>创建组件实例时,在初始组件解析后立即调用。在生命周期方面,它在<code>beforeCreate之后< code>,&nbsp;<code>created之前< code>被调用(2 x)。< p><ul><li><p>模板使用< p>< li>< ul><p>如果setup返回一个对象,则该对象的属式将合并到组件模板的渲染上下文中:< p><pre><code class=

<p>最近优化了一个vue cli3 0项目,项目从打包体积<code>2 5M< code>,优化到<code>272k< code>, 速度提高了约<code>2 3< code>。下面将优化方法写下:< p><p>需要新建文件& 39;<code>vue config js< code>& 39;,(这文件名是固定这么写的),与<code>package json< code>在同一级目录下。< p><p><strong>一、BundleAnalyzer< strong>< p><p>作用:展示打包图形化信息,会打开一个html页面,帮助自己分析哪些文件过大,可针对其进行优化,上线前&nbsp;<code>注释掉。< code>< p><p>安装&nbsp;<code>webpack-bundle-analyzer< code>&nbsp;插件< p><pre><code class="language-javascript"> npm install webpack-bundle-analyzer --save-dev< code>< pre><p>在&nbsp;<code>vue config js:< code>&nbsp;里面:<

1292150917 | 部署Node管理后台遇到的几个问题

发布于 08-24 16:27 浏览:33 类型: 原创 - 教程 分类:JavaScript 举报

<p>写在前面< p><p>核心服务扩容,之前预定分配给node管理后台用的服务器不能用了。< p><p>不得不重新申请了一台服务器部署,结果部署成功后业务一直运行不起来,花了3天才排查到原因,真是尴尬。< p><p>这里记录一下,留作备忘。< p><p>背景信息< p><p>开始安装又卸载node的操作直接导致了后续业务运行失败,当然这是后话了< p><p>部署流程: 申请服务器 -> 配置CI和发布系统 -> 服务器安装node10 -> 兼容性考虑卸载node10 -> 安装node7 -> 发布业务< p><p>问题一: CI打包文件过期,发布失败< p><p>进入发布系统配置gitlab的发布分支,本以为这样就ok了,结果居然发布失败 - -!< p><p>查发布日志发现<code>Request failed with status code 404< code>< p><p>排查过程< p><ol><li>查看gitla

<p>&bull;作者:陈大鱼头< p><p>&bull;github:&nbsp;KRISACHAN< p><p>前言< p><p>最近有人问他鱼头这么一个问题:< p><p><img alt="" src=" uploadfile 2020 0713 20200713031841356 jpg" style="height:98px; width:500px" >< p><p>想了一下,应该会有许多童鞋有这方面的困惑,所以鱼头就来谈谈自己的一些经验与想法!< p><p>&nbsp;< p><p><strong>免责声明:下面内容仅仅是鱼头个人的一些个人心得,不一定适用于所有人,如果有不同的看法,或者自己的体验,欢迎在下方留言区域留言。< strong>< p><p>&nbsp;< p><p>正文< p><p>鱼头认为,无论是在怎样的公司与团队,首先得要深入了解你的业务。< p><p>也就是知道你公司(团队)是干啥的,产品有啥用,服务于哪些人,以及推广渠道有哪些。< p><p>因为对公司

fangfang | axios取消请求,取消前面一个或多个请求

发布于 04-21 22:27 浏览:131 类型: 转载 - 随笔 分类:JavaScript 举报

<p>有时候我们常常在发起一个请求时,希望取消前面的一个或多个请求,就要使用axios的一个方法CancelToken(), 配置方法如下。< p><p>在拦截器全局设置,用来取消所有请求:< p><pre><code class="language-javascript">import axios from "axios"; window axiosCancel = [] 全局定义一个存放取消请求的标识const Axios = axios create({ baseURL:"", timeout: 10000, }); 请求前拦截Axios interceptors request use(config => { return config 添加取消标记 config cancelToken = new axios CancelToken(cancel => { window axiosCancel push({ cancel }) },function(error) {

fangfang | 深入理解Babel原理及其使用

发布于 04-21 22:31 浏览:35 类型: 转载 - 随笔 分类:JavaScript 举报

<p><span style="font-size:16px">本文的babel使用场景局限于babel配合webpack来转译输出es5的js代码,babel的命令行、以代码形式调用或node环境下如何实现的。< span>< p><p><strong>知识点如下:< strong>< p><p>&nbsp; &nbsp; &nbsp; &nbsp;1、babel是什么< p><p>  2、javascript制作规范< p><p>  3、babel转译器< p><p>  4、babel的使用< p><p>  5、常见的几种babel转译器和插件< p><p>  6、babel最常见配置选项< p><p>  7、babel的其他< p><p>  8、在webpack中使用babel< p><p>  9、总结< p><p><span style="font-size:18px"><strong>1、babel是什么< strong>< span>< p><p>babel官网正中间一行黄色大字写着“babel is a javascript compiler”,翻译一下就是babel是一个javascript

bluemeng | js删除JSON中的空字符串字段和空对象。

发布于 04-18 22:08 浏览:190 类型: 原创 - 随笔 分类:JavaScript 举报

<pre><code class="language-javascript">function deleteEmptyProperty(object){ for (var i in object) { var value = object[i]; if (typeof value === object) { if (Array isArray(value)) { if (value length == 0) { delete object[i]; continue; } } this deleteEmptyProperty(value); if (this isEmpty(value)) { delete object[i]; } } else { if (value === || value === null || value === undefined) { delete object[i]; } else { } } }}function isEmpty(object) { for (var name in object) { return false; } return true;}< code>< pre><p>&nbsp;< p>

hulan | Vue与React两个框架的区别和优势对比

发布于 04-18 04:17 浏览:57 类型: 原创 - 随笔 分类:Vue 举报

<p><span style="font-size:16px"><strong>相同点< strong><br >1)都有组件化开发和Virtual DOM。<br >2)都支持props进行父子组件间的数据通信。<br >3)都支持数据驱动视图,不直接操作真是DOM,更新状态数据界面就自动更新。<br >4)都支持服务端渲染。<br >5)都有支持native的方案,React的React Native,Vue的Weex。< span>< p><p>&nbsp;< p><p><span style="font-size:16px"><strong>不同点< strong><br >1)数据绑定:vue实现了数据的双向绑定,React数据流动是单向的。<br >2)组件写法不一样,React推荐的做法是JSX,也就是把HTML和CSS全都写进JavaScript了,即& 39;all in js& 39;,Vue推荐的做法是webpack+vue+loader的单文件组件格式,即html,css,js写在同一个文件。<br >3)sta

前言< p>Hi~,我是 2020 届物联网专业毕业生,现就读于杭州。谨以此文来记录我的秋招以及入门前端以来的学习历程,如有错误,希望大家能及时提出!< p>面试情况< p>从19年8月初到11月底,前前后后一共面试了 14 家公司的前端岗,按城市划分为:< p>北京:小米,京东,美团,百度,去哪儿< li>杭州:阿里,网易,微店,字节跳动< li>上海:七牛云,哈啰出行< li>深圳:腾讯,富途,乐信< li>< ul>历时4个月,最终收获了 小米、京东、微店、字节跳动< strong> 的offer< p>过程太过曲折,这其中也发生了很多让我印象深刻的事……< p>8月初,提前批面试aliyun,扑通倒在了三面;正式批面试淘系技术部,HR面后,过了大概两个星期,变成 面试已回绝< s

本人今年 211 本科大三下,掘金六级博主,最近投实习,一共投了三家,阿里的淘系< code>和阿里云< code>,字节跳动的抖音< code>,当然都是找人内推的,结果简述如下:< p>淘系二面通过,但入系统只能选择一个,后来选择了阿里云;< p>< li>阿里云走完了五轮面试,现在等 offer ;< p>< li>字节跳动抖音三轮技术面+一轮HR,现在已经收到了前端架构组的 offer。< p>< li>< ol>首先把面经分享给大家,由于技术水平和经历的不同,我不敢保证我的面经问题对你有任何的参考性,但确实都是在真实的面试场景中遇到的,我所做的只是保证真实性和完整性。< p>淘宝两轮< p>淘宝一面< p>3月12日晚 淘宝一面(35min)< p>首先自我介绍,怎么学习前端

fangfang | 2019年12月前端面经及总结(西安,杭州)

发布于 04-17 12:02 浏览:33 类型: 转载 - 随笔 分类:面试经验 举报

[TOC]< p>从2019年12月初陆陆续续面到过年,有一些也没面完,结果遇上病毒疫情,整个招聘进程貌似都搁浅了。自己的情况是本科学历,学校还不错,所以虽然前东家是外包公司,但大部分简历初选能过。入行两年半第一次换工作,整体经历约40天,身心俱疲,踩坑无数,将经验教训分享给大家,祝各位疫情过去后拿到心仪的Offer!< p>题目只是帮助大家查漏补缺梳理知识点,请不要抱着押题的心态,真的没用,每一家甚至每个项目组感兴趣的点都不一样,面试玩法也不一样。< strong>< p>一 面试题汇总< strong>< p>蚂蚁金服(杭州)< strong>< p>一面项目有关的细节,遇到的问题和解决的办法< li>三大框架如何选择< li>从RenderLayer层面讲讲代码性能优化实