- 博客(11)
- 收藏
- 关注
原创 小程序优化篇
小程序优化篇前言项目优化这个话题已经讨论到烂大街了,但是我们日常中vue,react这些项目都是依托于webpack,grunt,gulb等常见的工具类进行项目的构建,打包,所以我们只需要对这些工具进行一些配置来优化即可,但是对于小程序(本文指微信小程序)是依托于微信api的,那么我们就来讨论一下如何针对小程序进行优化!常见的性能问题1.首屏时间 首屏时间是指用户从打开小程序看到第一屏主要...
2020-01-15 00:33:50
6529
原创 探秘javascript执行机制
探秘javascript执行机制前言之前的文章已经带着大家探究了不少关于vue,react,node等框架的知识,但是说归到底这些所谓的vue,react的框架也是基于javascript的,所以想要成为一个有理想的前端工程师必须也得对javascript理解得够透彻,现在就带大家一起来探究javascript的执行机制,解开它神秘的面纱!执行 & 运行首先我们需要声明下,Java...
2020-01-09 23:00:08
333
原创 探索「Vue」与「React」的区别
探索「Vue」与「React」的区别Vue和React都是目前最流行、生态最好的前端框架之一,之所以用“与”字来做标题,也是为了避免把他们放在对立面。毕竟框架本身没有优劣之分,只有适用之别,选择符合自身业务场景、团队基础的技术才是我们最主要的目的。本文希望通过对比两个框架在使用上的区别,能使只用其中一个框架进行开发的开发者快速了解和运用另一个框架,已应对不同技术栈的需求,无论你是为了维护老系统...
2020-01-07 23:27:46
439
原创 谈谈 React Hooks
谈谈 React HooksReact Hooks 是 React 16.7.0-alpha 版本推出的新特性,想尝试的同学安装此版本即可。React Hooks 要解决的问题是状态共享,是继 render-props 和 higher-order components 之后的第三种状态共享方案,不会产生 JSX 嵌套地狱问题。这个状态指的是状态逻辑,所以称为状态逻辑复用会更恰当,因为只共享...
2019-12-29 11:13:58
607
原创 虚拟 DOM知多少
虚拟 DOM (Virtual DOM )这个概念相信大家都不陌生,从 React 到 Vue ,虚拟 DOM 为这两个框架都带来了跨平台的能力(React-Native 和 Weex)。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ,所以为先入为主,认为虚拟 DOM 和 JSX 密不可分。其实不然,虚拟 DOM 和 JSX 固然契合,但 JSX 只是虚拟 DOM 的充分不必要条件...
2019-12-24 22:36:05
212
原创 defineProperty和proxy的对比
defineProperty和proxy的对比“数据绑定”这个词是现在市面上流行框架必懂的概念,“数据绑定”的关键在于监听数据的变化,主要的实现方法是defineProperty(数据劫持)和proxy(代理)这两种方法,vue2.0实现数据绑定正是使用前者,vue3.0使用是后者,今天就通过本文带领大家一起来对比这两种方法!什么是数据劫持数据劫持比较好理解,通常我们利用Object.def...
2019-12-23 23:35:23
2064
原创 【原创】真实面试经验归纳的面试题(超实用的)
1.MVVM和MVC的区别?MVC:MVC模式可以这样理解,将html看成view;js看成controller,处理用户与应用的交互,响应对view的操作(对事件的监听),调用Model对数据进行操作,完成model与view的同步(根据model的改变,通过选择器对view进行操作);将js的ajax当做Model,从服务器获取数据,MVC是单向的。MVVM:它实现了View和Model...
2019-12-15 13:26:39
312
原创 【原创】解析 BaBel 转换 es6+的工作原理
【原创】解析 BaBel 转换 es6+的工作原理babel 是什么?Babel · The compiler for writing next generation Java6to5你在 npm 上可以看到这样一个包名字是 6to5(https://www.npmjs.com/package/6to5),光看名字可能会让人感觉到很诧异,名字看起来可能有点奇怪,其实 babel 在开始的...
2019-12-15 12:12:20
1280
原创 【原创】webpack如何优化vue项目
前言日常开发中,Vue框架通常都会使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。通过适当的方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分享。一.优化loader配置由于Loader对文件的转换操作很耗时,所以需要让尽可能少的文件被Loader处理。我们可以通过以下3方面优化Lo...
2019-12-06 23:45:40
791
原创 vue玉女心经之服务端渲染nuxt.js的使用
前言服务器端渲染简称 SSR(server side render),就是在服务器端将数据和 HTML 融合后返回给浏览器,至于为什么要使用服务端渲染呢?那就是为了SEO优化,如果你还不知道什么是SEO优化那你真的坑了(赶紧科普去,这里不做过多讲解)。因此又有人问vue为什么要服务端渲染,那是因为vue,angular,react等都为spa应用框架,按照常规的渲染,数据是异步渲染的,这样的话...
2019-11-18 22:23:25
507
原创 超实用前端面试题整理
超实用前端面试题整理本内容收集的面试题适用于初级、中级、中高级所用,均为本坑多年跳槽面试经验总结,实用性超强已实际帮助多人,但之前均为口述,经过最近多位坑友要求下特做此撰写此真经,当然若有看不爽或者想补充者欢迎来撩哈!(建议:本文内容可收藏之后慢慢修炼)CSS篇:1、CSS3的新特性实现圆角(border-radius)阴影(box-shadow)文字加特效(text-shadow)...
2019-11-16 18:21:58
1399
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人