- 博客(47)
- 收藏
- 关注
原创 2021-03-30XX公司X3-N.011
promise all和race的实现方法创建十个a标签,点击后打印相应数字[1,[32[32,21]] 实现扁平已个数组的方法说说几种布局的方法深浅拷贝父子组件的生命周期顺序
2021-03-30 19:43:03 125
原创 表单校验
select chargeType: [ { required: true, message: "请选择计费方式", trigger: "change" }, ],input name: [ { required: true, message: "请输入活动名称", trigger: "blur" }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", tri
2021-03-30 17:01:29 64
原创 nextTick-源码
queueWatcher在push前做去重,然后调用更新视图,这个更新过程是异步的。数据更改》通知watcher》修改dom树,但只有本来事件循环结束后才挂到浏览器上。待补充
2021-03-30 08:36:04 100
原创 imooc-computed-watcher-源码
在state.js中的initState函数中会初始化initComputed当computed依赖的值改变会触发update,然后重新计算在watchejs中第一次初始化最外面的vue,所以undefined。第二个断点在extend中,这里传入组件的原型,然后initComputed最后render函数中会访问到这个计算属性name,然后触发get去求值求值过程setter调试(修改computed依赖时)断点3计算值不变化是不会重新渲染的。总结...
2021-03-29 08:53:28 88
原创 react - 3【基础篇】React 与 TypeScript
3-1 带着问题来学习3-3 【概念理解】React的前世今生3-4 【组件化】初识React函数式组件3-5 【概念理解】JSX 编程思维3-6 【组件化】配置React的CSS模组3-7 【延伸阅读】CSS in JS (JSS)3-8 【资源配置】加载媒体与字体文件3-9 【组件化】创建class类组件3-10 【延伸阅读】React的行内样式与CSS3-11 【概念理解】State vs Props3-12 【事件驱动】React Event 事件处理3-13 【异步处
2021-03-29 08:10:27 352
原创 Vite原理
Vite注意解决webpack开发时候慢的问题。原理只有使用了才去请求文件或模块vuecli的原理不管模块是否被使用都被打包到bundle里vite的HMRbuild延伸问题现在应用是否需要打包?问题1 现在浏览器都支持ESM问题2 现在http可以解决多请求问题vie支持其他和特性Vite原理代码#!/usr/bin/env nodeconst path = require('path')const { Readable } = require('st
2021-03-26 08:14:35 289
原创 Vue.js 3.0-响应式系统原理
响应式系统原理-介绍这里的代码主要显示俩个小问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body
2021-03-26 07:58:13 94
原创 Composition API
Composition APIcreateApp使用createApp返回一个对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></h
2021-03-26 07:12:42 101
原创 为什么Vue中的v-if和v-for不建议一起用
添加链接描述也就是先遍历再判断>遍历过程中判断如果先判断>如果需要显示就直接遍历这样大大提高效率。
2021-03-25 16:55:31 69
原创 慕课-CSS-4
5-1 box-shadowinset是内阴影机器猫案例主体部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con
2021-03-25 08:56:43 66
原创 慕课-CSS-3
4-1 布局简介4-2 布局方式(表格)1.表格2.仿表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2021-03-24 08:57:47 92
原创 2021-03-19腾飞XXEachXX-00.00-N.009
vue的key的作用uni有啥坑?为什么v-if和v-for不能一起用双向绑定vue3keepalive自定义指令computed和watch区别是否可以绑定多个事件vue怎么刷新数据?vuex属性router的生命周期(钩子)new的过程说说深浅拷贝说说类型判断css垂直居中清除浮动说说less和scsscookie和session和localStorygewebpack笔试:1.URL参数解析成对象2.[1,23,21,1,3] 找出重复最多的元素,然后去重排
2021-03-23 12:29:12 1359
原创 2021-03-19网旭XX-00.00-N.010
jpg有损压缩、体积小、加载快、不支持透明png无损压缩、质量高、体积大、支持透明SVG文本文件、体积小、不失真、兼容性好
2021-03-23 10:06:57 210
原创 慕课-CSS-2
3-1 选择器(1)性能相关浏览器是从右往左解析的,先去找.hello,然后再找父级是否div然后一直往上找是否有对应属性去验证即可,浏览器这样做是为了性能考虑,例如找hello能立马找到,但是先找div,页面上几百个找起来很慢。选择器-重点伪元素不会出现html和dom树中,但真实存在。伪类(状态)和伪元素(显示dom)》 :hover ::after 》 : ::权重10个类加起来也顶不过一个类权重第二个就是行内样式3-2 选择器(2)3-3 非布局样式(字体)
2021-03-22 08:54:13 78
原创 慕课-CSS-1
2-1 HTML常见元素和理解(1) (11:54)2-2 HTML常见元素和理解(2) (09:27)2-3 HTML常见元素和理解(3) (08:41)2-4 HTML版本 (19:19)2-5 元素分类 (11:33)2-6 嵌套关系 (11:43)2-7 默认样式和reset (12:30)可以用link加载css(css-reset.css)初始化方法2,直接*通配符,但这样可能有性能影响,浏览器会一个一个去找2-8 真题...
2021-03-21 22:01:57 107
原创 慕课-CSS-总结
第2章 HTML基础强化第3章 CSS基础第4章 CSS布局第5章 CSS效果第6章 CSS动画第7章 预处理器第8章 Bootstrap第9章 CSS工程化方案第10章 三大框架中的CSS第11章 实战案例
2021-03-20 21:00:44 82
原创 vue调试系列-setter过程
setter》notify>update》queueWacher》nextick》timerFunc(promise降级等)》flushSchedulerQueue》before(callHook(vm, ‘beforeUpdate’))》run》get》update》patch更新 》callUpdatedHooks(callHook(vm, ‘updated’))
2021-03-18 11:57:56 91
原创 性能优化-4-JS开销和如何缩短解析时间- 配合V8 有效优化代码-函数优化-对象优化-HTML优化-CSS对性能的影响
4-1 JS开销和如何缩短解析时间js和html-css中,js开销是最大的,要解析编译后才运行。可以用performance去观察,这里就不一一截图了,理解原理即可网页的加载大概30%都耗在js中。优化例如引入的第三方库,loadsh等,可能里只用到1%的函数,那么就没必要其他也引入了。解决先加载用户看到的。通过三点达到是否体验好是否在加载(让用户知道在加载了)?是否有有用的内容?是否能用(交互)?V8编译原理理解好原理后能写出更利于编译器去解析和优化的代码,例
2021-03-17 23:58:05 281
原创 2021-03-17XX兔展-19.00-N.008
一面面试官很好,技术问的比较多,后面不会的也给我解答了,二面没空直接hr面,体验不错关于手写promise原型和原型链es6常用的特性和方法let和var的区别解构赋值相关》如何取别名基础类型如何区别类型,说说typeof和instanceof和toString.callcall手写原理gc的理解map和weakmap,说说弱引用http缓存》etag和last-modified的区别,为什么有etag还要modified?面试说etag比较耗资源,看场景使用安全相关xss原理和语
2021-03-17 22:17:31 283
原创 前端性能优化-9-性能优化问题面试指南-url输入-首屏优化-js内存管理
url输入发生了什么?1.ui线程先判断是否url地址还是要搜索内容图中安全检查是检查这个域名是否在白名单之类的,通过了就通知UIpart2数据准备好后开始渲染,此时浏览器会记录此页面(浏览历史)第一步如果有外部加载如cssjs,先看缓存有没有,没有就请求,注意这里浏览器做了优化,就是边解析dom边加载资源。注意2,当html解释器遇到js标签会阻塞,可以用async/defer解决。第2步开始计算css和构建布局树主线程任务完成 下面开始其他两个线程第3步绘画线程和复合线
2021-03-17 09:09:10 126
原创 imooc-面试系列-18
18-1 章节介绍18-2 何为变量提升?18-3手写深度比较 isEqual18-4 题目讲解-3:你是否真的会用数组 map18-5 题目讲解-4:再学闭包18-6 面试讲解-5:回顾 DOM 操作和优化18-7 面试讲解-6:jsonp 本质是 ajax 吗18-8 面试讲解-7:是否用过 Object.create()18-9 面试讲解-8:常见的正则表达式18-10 面试讲解-9:如何获取最大值18-11 面试讲解-10:解析 url 参数18-1
2021-03-15 22:47:12 96
原创 HTTP系列-07
1 Web安全攻击概述安全组织1安全威胁6类安全组织2安全分类2 验证机制安全安全措施方法2方法3漏洞MD5也不安全虽然不可逆(非对称),攻击者可以汇集大量MD5加密模式(彩虹表) 然后猜出来。案例3 会话管理机制-后面看4 SQL注入攻击例子这样直接返回第一条用户如何预防5 跨站脚本攻击(XSS)原理危害## 真实事件案例2XSS分类123攻击
2021-03-15 08:48:04 151
原创 HTTP系列-06
1 HTTP协议的瓶颈第一个是指:一个请求只能带回一个资源2 双工通信的WebScocketWebScocket是基于http的协议,可以理解为给http打的加强补丁。http的问题,无法知道来着服务器的请求。方案2上面的都是基于不断的请求。websocket解决请求只能从客户端开始。1.2.如果在并发大的情况,可以有效减少性能问题,不用多次tcp,也不需要像http每次都带请求啥的减少数据量等。3 探索式的实践-SPDY(google)-了解即可后面被http2替代
2021-03-15 01:19:45 132
原创 HTTP系列-05
1 趣解HTTP与HTTPShttphttp》明文传输虽然我们可以进行对称加密,ase,但加密方法也是明文,如果第一次请求就被拦截了那么就没用了。加密2,使用非对称加密,可以用私钥加密公钥解密也可以反过来(但这样也不安,攻击者可以获取公钥篡改后发给客户端)。新方案 https(增加安全层)1.2.3.因为生产证书是需要服务器网站等待信息,攻击者是无法篡改的。2 HTTPS协议概述https功能http中攻击者可以通过节点(wifi等)进行拦截用户请求或篡改,插
2021-03-14 23:48:11 96
原创 HTTP系列-04-跳过
1 HTTP请求服务器的简单实现(开发篇)2 HTTP请求服务器的简单实现(开发篇)3 HTTP服务的搭建部署(运维篇)4 HTTP抓包分析实践5 HTTP请求客户端实验
2021-03-14 23:01:01 52 1
原创 HTTP系列-02
熟悉HTTP协议结构和通讯原理3-1 HTTP协议特点简单快速灵活无连接因为客户端全世界可能很多发送到服务器没有必要一直连接占用资源。但随后网页文件越来越多,断了重连导致多次tcp连接,这样效率很慢所有出了个keepalive(如果设置的时间还有效就还可以用之前建立好的连接)。无状态无状态是指第二次请求不知道第一次请求带过来的数据,所以第二次请求必须带上第一次请求的数据,这个时候就出现了cookie和session去解决,保存状态。3-2 详解URL与URI的区别与联系3
2021-03-14 11:01:32 90
原创 2021-03-12XX寻麟-14.00-N.007
这边这个面试官没怎么问,人挺好的diffpromise底层吹了吹了博客浏览器多线程工作-这个补补小程序的冷启动热启动-不懂,后面问面试官原理是缓存。。二面二面面试官太严肃了。。动画 -不会,我平常都用css库不自己写防抖节流网络七层模型 - 不会http - 不会tcp和udp区别自己的定位底子薄弱——》感觉凉凉了hr面随便聊了下要了个16K这边15薪 等结果吧…...
2021-03-13 11:46:17 90 1
原创 2021-03-12XX加推-10.00-N.006
项目亮点说说vue生命周期 下次直接说整个代码过程 可以引导面试官问vue 这次比较成功axios放在activeed中会执行吗vue响应式处理数组响应式diff -终于问了diff了 这里直接说爆 哈哈哈eventloopnew 手写call apply bind 手写css 优先级bfchttp -不会vue开发中的坑...
2021-03-13 11:39:10 104
原创 面试总结-注意点-大杂烩
vue生命周期 下次直接说整个代码过程 可以引导面试官问vue 这次比较成功下次录音看飞行模式 不然中途电话会打断录音抬头看着面试官回答
2021-03-13 11:37:37 80
原创 Vue.js 服务端渲染(SSR)
概述什么是渲染渲染的本质就是解析然后替换字符串传统的服务端渲染其实返回去去的是字符串html,浏览器进行解析客户端渲染问题为什么客户端渲染首屏渲染慢传统服务端渲染速度(重点记一下)因为html和数据都在服务端处理 相当没有网络请求所以快,就一个请求。(也就是首屏直出)为什么客户端渲染不利于 SEO(重点记一下)模拟爬取网页首先拿到是服务端渲染的拿到页面字符串后程序进行分析,看权重,例如h1比较大titile等等。。。客户端渲染的啥都没有,因为要执行js
2021-03-10 09:01:39 178
原创 Vuex 数据流管理以及手写Vuex
课程目标组件内的状态管理流程组件间通信方式回顾-父组件给子组件传值prop组件间通信方式回顾-子组件给父组件传值$emit组件间通信方式回顾-不相关组件传值eventBus组件间通信方式回顾-通过 ref 获取子组件少用ref,不然数据管理会混乱简易的状态管理方案利用action去管理可以实现debug以及timeTravel以及历史回滚功能Vuex 概念回顾Vuex 的核心概念action后mutation基本代码结构State(单一状态树(响应式的))
2021-03-09 23:02:40 164
原创 JS系列-继承
JS如何实现继承第一种使用call。但是这种方法会存在函数不能使用问题,引出下面方法。第二种使用原型链这种方法是利用原型链,那么会存在共享问题,既然都共享一个原型那么修改其中的数组那么其他实例也会跟着变 var s1 = new Child2(); var s2 = new Child2(); s1.play.push(4); console.log(s1.play, s2.play); // (4) [1, 2, 3, 4] (4) [1, 2, 3, 4]其中父类也跟着
2021-03-09 15:59:44 79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人