- 博客(8)
- 收藏
- 关注
原创 diff算法(参考snabbdom库)
Snabbdom 是一个虚拟 DOM 库,专注提供简单、模块性的体验,以及强大的功能和性能,据说vue的diff算法就是参考它的。这里记录一下我这几天学习snabbdom diff算法的心得和感悟。虚拟DOM和真实DOM我是这样理解的虚拟dom的,虚拟dom就是将真实dom抽象成一个对象。当我们要多次操作dom的时候,我们可以将真实dom转换为虚拟dom,在虚拟dom中完成相应内容的更改再批量同步到真实dom上去。这样子可以减小操作dom引起的重排次数。其中,虚拟dom的更新会遵循最小量更新,这就是d
2021-03-21 13:59:30
369
原创 express + vue实现文件的上传和下载(踩坑)
前言: 我今天在实现一个文件的上传下载的功能,遇到了一些坑,现在都已经解决了,所以来记录一下。上传的坑:我用的是elementUI的组件库里面自带上传。我们先来看一下这个组件的基本用法<el-upload class="upload-demo" drag action="/upload" multiple> <i class="el-icon-upload"></i> <div class="el-upload__text">将
2021-03-10 23:25:18
832
原创 广州智算科技有限公司前端面试题
前言: 这是再绿地的一家公司,虽然小了一点,但是环境还不错,不过题目属实出的很简单,面试官感觉和自己年龄差不多,问了一些问题,大部分自己知道。笔试题:1、仔细说下盒子模型答:盒子的主要属性有width,heigth,padding,margin,border组成盒模型分为两种,标准盒子模型和IE盒模型(也叫怪异盒模型),标准盒模型与怪异盒模型的主要不同在于宽高的计算不同,标准盒模型的宽高主要就是width,height,而IE盒模型的宽高为:width+border+padding,height+b
2021-03-09 20:39:04
1481
5
原创 fordeal 前端实习一面凉经
fordeal 前端实习一面凉经其实是3.4号面的,去面试之前还询问了牛客网的一位帅哥,这里就不@他了,面试官还是挺好的,只是本人实力比较差,所以应该是凉了。好了,直接开始吧首先是笔试题,有五道,30分钟内做完题目忘了。。。面试题js的数据类型,你提到了symbol,说一下symbol的应用场景答:我提到了基本的string,boolean,null,undefind,number,symbol还有es2020出的bigInt数组扁平化怎么做答:1、可以使用es2019的方法Array
2021-03-09 00:25:10
605
2
原创 ES6 学习02
ES6变量的解构赋值简单的数组解构赋值:let [a,b,c] = [1,2,3];a//1b//2c//3只要等号两边匹配,左边的变量就会被赋予对应的值。比如:在这里插入代码片
2020-09-28 16:05:38
68
原创 ES6 学习01
let和constletlet的使用方法与var基本一样,但是它的作用域是一个块级作用域比如:{let a = 22;var b = 10;}a//a is not definedb//10用var声明变量有时候会给我们带来一些问题,比如说var a = []for(var i = 0;i<10;i++){ a[i]= function(){ console.log(i); }}a[6]()//10明显,我们要打印的是6而并非时,这是因为在for循环中,i用v
2020-09-28 11:43:52
70
原创 React学习01
一、搭建脚手架创建一个react文件夹mkdir ReactDemo进入该文件夹cd ReactDemo建立脚手架creat-react-app demo试运行npm start二、HelloWord 试运行index.jsimport React from "react";import ReactDom from "react-dom";import App from "./App.js"; //组件化开发ReactDom.render(<App />,
2020-09-23 20:24:34
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人