小易正在努力学习魔法 - 个人主页动态

2024-01-23 17:25

感觉凉，不过还是写面经积攒人品；公司整体感受蛮好的，很严肃；是搞生物技术之类的产品；问了半小时左右，记不太清楚了；1.一开始问项目，上来就碰到校验提示错误bug；2.vit的多页面，vit的打包配置相关；3.vuex 五个基础配置 问了mutations的作用；4.闭包 闭包应用5.重构 回流6.js md5的使用7.组件封装，为什么要二次封装组件，elementplus如何改样式8.TCP报文信息 TCP三次握手四次挥手 UDP协议9. http2，http1.1和1.0的区别10. 浏览器渲染流程11.  反射注入？什么安全之类的12. 冒泡排序快速排序 时间复杂度 空间复杂度13. 设计不同角色role字段，如何能够快速的知道他的角色13 文件上传分片上传，分片依据，如果上传中途取消图片，会怎么样14 跨域的具体解决方案15 linux常见指令 查看内存 解压 创建压缩文件等16. 打包部署流程17 进程线程其他的还有一些我没听说过记不起来。感觉蛮难的，回答了有30%左右吧，还得继续学呀

小易正在努力学习魔法：还有生命周期，和vue2的区别另外浏览器渲染机制应该是浏览器获得资源过后进行 html dom树构建，cssom树构建 render树构建；根据render tree来计算点，然后GPU绘制；

0 点赞评论收藏

2022-06-24 19:36

已编辑

重庆邮电大学前端工程师

vuex 数据/状态集中式管理插件

vuex使用 全局状态管理插件，组件之间的通信，数据共享。 引入vuex，并且Vue.use(Vuex) 在store(仓库)下的index.js 这份文件，就是用来做状态管理 在main.js下，引入store，并且在new Vue({ xxx,xxx,store})，挂载到vm身上，将store变成全局仓库，这样任何组件都可以使用到store下面的状态 什么时候使用vuex 多个组件依赖同一状态 来自不同组件的行为需要变更同一状态 各个部分 1. state state相当于组件中的data，专门用来存放全局的数据。 在组件中可以直接使用，{{ $store.stat...

0 点赞评论收藏

2022-05-23 19:03

重庆邮电大学前端工程师

数据劫持和数据代理

vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。我们先来看Object.defineProperty()这个方法： var obj = {}; Object.defineProperty(obj, 'name', { get: function() { console.log('我被获取了') return val; }, set: funct...

0 点赞评论收藏

2022-06-23 21:04

已编辑

重庆邮电大学前端工程师

vue路由（ vue-router ）

route 和 router route是局部路由，一个vue的路由，key-value；router是全局路由。 vue中的vue-router，是vue的一个插件库，他的实例对象router，专门用来实现从SPA应用，需要在main.js引入，实时监听路径变化，把路由与路由规则进行匹配。 route规则: /class 班级组件； route规则：/subject 学科组件； route规则需要我们自己配；并且value组件，也需要我们自己写。 规则前面路径就是key，后面组件就是value； router会根据路径key，去寻找组件value。 单页面应用SPA single pag...

0 点赞评论收藏

2022-05-21 16:53

已编辑

重庆邮电大学前端工程师

object.defineProperty

1. 顺带提一句MVVM M是model 就是vue组件中data部分 V是视图，就是页面展示部分 VM是Vue的实例对象。const vm = new Vue({一些配置}) vm.$mount('#app') 将Vue的实例对象挂在到页面上 2. 主角：object.defineProperty 给对象定义属性 ``` js 一般定义形式 const obj = { name:"wawa", age:"20" ... } // 下面两个例子 object.defineProperty(obj,'gender',{ // 四个基本配置 val...

0 点赞评论收藏

2022-05-21 14:50

已编辑

重庆邮电大学前端工程师

Promise 异步操作的解决方法

Promise是一个构造函数 基本使用方法 promise 是同步执行；then 是异步执行 封装ajax promise对象的两个状态属性和两个值 promise的工作流程

0 点赞评论收藏

2022-05-20 13:42

已编辑

重庆邮电大学前端工程师

css动画 1 transition

0 点赞评论收藏

2022-05-19 20:07

已编辑

重庆邮电大学前端工程师

css伪类、伪元素选择器

1.什么是伪元素？ 创建一些不在文档树中的元素，并为其添加样式。选择器 注意： 使用::before ::after ； 一定要有content:'' ; 可以为空，可以为竖线｜，可以为url图片；display:block后可以设置宽高，可以position:relative后 改变位置;可以transform：rotate（45deg）等 常见的伪元素有哪些？ (有些伪元素也可以只用一个冒号，但为区分，还是双冒号表示伪元素) ::before ::after ::first-letter ::first-line 一个元素中只能有一个伪元素，且可以跟在伪类后面使用。 2.什么是...

0 点赞评论收藏

2022-05-18 20:07

重庆邮电大学前端工程师

cookie、session、token

一文彻底弄懂cookie、session、token

0 点赞评论收藏

2022-05-18 18:34

已编辑

重庆邮电大学前端工程师

iconfont 三种使用姿势

iconfont 是阿里做的开源图库。 unicode 优势： 兼容性好 支持安字体的方式动态调整图标大小，颜色 font-size color 劣势： 不支持多色图标 在不同设备浏览器字体的渲染会有略微差别 使用方式：三步骤 第一步：引入字体 @font-face { font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfo...

0 点赞评论收藏

2022-05-18 17:09

已编辑

重庆邮电大学前端工程师

font awsome 图标

font aswsome 字体/图标，引入后，可以直接使用 1.普通使用 2.列表图标 3.边界和被拉的图标 4.动态图标 fa-spin 类可以让图标旋转, fa-pulse 类可以使图标以 8 步为周期进行旋转。动起来！ 5.旋转和翻转的图标 fa-rotate-* 和 fa-flip-* 类用于旋转和翻转图标 fa-rotate-45、fa-rotate-90 fa-flip-horizontal、 fa-flip-vertical 6.堆叠的图标 7.固定宽度图标 fa-fw 类用于设置固定宽度的图标。 当不同的图标宽度偏离对齐时，此类非常有用。 特别适用于B...

0 点赞评论收藏

2022-05-18 14:43

已编辑

重庆邮电大学前端工程师

React02

创建React项目 package.json中三个核心依赖：react、react-dom、react-scripts 两个根目录：public 和src；src中有index.js的入口文件 npx create-react-app my-app 脚手架创建项目 运行项目 npm run build 最后项目上线用 npm (run)start ; webpack会找到配置文件package.json中的配置，执行本地测试服务器。 React组件 在React中网页被拆分为一个一个组件，组件是独立可重复的代码片段。 react中组件中有两种创建方式 函数式组件 函数组件就是一个返...

0 点赞评论收藏

2022-05-16 13:34

已编辑

重庆邮电大学前端工程师

React01

ajax axios 链接 React 是一个构建用户界面的JS库。 网页局部刷新，当用户和网站发生交互时，我们不再时简单的直接通过浏览器进行页面的跳转，而是通过JS中的ajax直接通过js向后台服务器发送请求，请求过程用户毫无感知。相应数据会通过回调函数返回给JS（promise.then，axios二次封装）。 Ajax + DOM 使得局部刷新成为可能。但DOM挺难操作的，而且性能消耗大，页面会有显示延迟。我们就需要React vue等技术。React是为了代替DOM来流畅的渲染页面。 React特点： 虚拟DOM 声明式 基于组件 支持服务器端渲染 原生JS操作DOM添加一个d...

0 点赞评论收藏

2022-05-15 20:17

已编辑

重庆邮电大学前端工程师

React学习之JS基础回顾

变量的声明 变量的声明和函数的声明会提升，会提升到块级作用域最顶上，代码块：{ }，变量赋值不会。赋值前打印是undefine 不会报错。 严格来讲,let 在 JavaScript 运行时中也会被提升,但由于“暂时性死区”(temporal dead zone)的 缘故,实际上不能在声明之前使用 let 变量。因此,从写 JavaScript 代码的角度说,let 的提升跟 var 是不一样的 JavaScript引擎的⼯作⽅式是，先解析代码，获取所有被声明的变量，然后再⼀⾏⼀⾏地运⾏。这造成的结果，就是所有 的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting） ...

0 点赞评论收藏

2022-05-23 10:56

已编辑

重庆邮电大学前端工程师

vue数据绑定、类名和样式绑定

数据绑定的2种方式： 单向绑定 v-bind：数据只能从data流向页面 双向绑定 v-model：data->view view->data 注： 双向绑定一般都应用在表单类元素上（如:input、select、textarea）,因为他们都有value属性，页面上可以进行修改。 绑定class 和style 需求:点击不同的li，给不同的li添加active这个样式。 对象语法动态绑定类名 <ul class="list clearfix"> <li class="item" :class="{'active':isActive}"&gt...

0 点赞评论收藏

关注他的用户也关注了：