- 博客(15)
- 收藏
- 关注
RSS订阅原创 面试题汇总
1、es5的继承方式有哪些？2、vue-router路由模式有什么？实现原理是什么3、vue-x的核心原理是什么4、改变this的方法有什么5、flex布局的一些属性6、前后端交互时候cookie跨域如何携带7、axios如何处理携带cookies8、http的状态码，304、301、302分别是什么意思9、TCP和UDP区别是什么？10、TCP是怎么做到保证数据传输正确的11、前端在XSS、XSF防御是如何做的12、前端是如何优化的编程题：1、/* 实现一个next()例如
2021-08-05 12:53:53
719
原创 webpack如何减小包的体积
适用于公司有自己的cdn使用webpack的外部扩展，将vue和element的都使用cdn引入，减少打包体积注意：element使用cdn则vue也必须使用cdn引入，因为element是依赖于vue的module.exports = { externals: { // 不再打包 'vue': 'Vue', 'element-ui': 'ELEMENT' }}优化前的优化后的...
2021-08-03 17:26:00
408
原创 初学react，实现一个简单的 ＜Form＞ ＜FormItem＞嵌套组件
以下功能根据 掘金小册学习写的demo需要实现的组件<Form><FormItem><Input>需要实现的功能表单提交submit方法ref获取form实例form管理input的值知识点：props的使用操作props.children的使用，显式注入prop属性，使用React.cloneElement表单嵌套的原理React.Children.forEach的用法用法：import React from 'react'impor
2021-07-30 11:31:30
1754
原创 使用qiankun整合项目记录
qiankun：点击这里解决问题：将多个系统或者不同技术框架项目可以整合到一起，以前使用iframe方案这里的使用的是国内目前比较成熟的qiankun准备工作: 3个应用基座：主应用(main-app)，使用vue-cli3配合vue2搭建子应用1：vue-app，使用vue-cli3配合vue2搭建子应用2：react-app，使用cra子应用路由模式是history1、将基座搭建好之后，开始引入qiankun，注册微应用，这里我将微应用加载在某一个页面中，所以不在main.j始终调用s
2021-07-23 15:24:11
425
原创 babel的一些简单的理解
背景一直知道babel是转换es6高级语法的，一些es6中的新语法在低版本浏览器中不能解析，导致语句报错。例如vue项目在ie中运行，简直是头大。。。但是遇到问题时候不会解决，不知道应该怎么配置，现在了解了一下我是针对babel6理解的，babel7项目中现在没有用，所以没去看呢还配合webpack的使用package.json中使用babelwebpack中的配置module.exports = { chainWebpack: config => { config.modu
2021-06-24 19:30:01
133
原创 package.json和package-lock.json的关系
今天学习到了一个小知识，就是终于明白了package.json和package-lock.json的关系先说前面 ^和~的区别^ 开头意思是向后更新，如果当前使用版本是2.x.x,则在之后使用npm i或者yarn下载的时候会下载次要版本最新的例如：当前使用2.3.6,但是最新的时候2.4.2,则会下载2.4.2版本~ 开头的意思是下载小版本最新的，当次要版本有新版本时不会下载例如：当前使用2.3.6,但是最新的时候2.4.2，则会下载2.3.x的最新版本，不会下载2.4.2package
2021-06-10 18:47:54
403
原创 手写简版promise（四）实现then的链式调用
链式调用说明，then返回的还是一个promise实例，按照这个想法可以想一下then(onResolve, onReject) { return new MyPromise((resolve, reject) => { const resolveFn = (val) => { let res = onResolve && onResolve(val) if (res instanceof MyPromise) {
2021-03-12 17:19:51
276
原创 手写简版promise（三）实现周边方法
周边方法promise.resolve()promise.reject()promise.all()promise.race()1、实现MyPromise.resolve()MyPromise.resolve这个可以使用MyPromise类调用，但却不能使用实例之后的对象调用说明这个方法是自身的属性，是静态方法我们前面需要加static 描述，这个方法很简单，就是我们在实例化MyPromise这个类时候需要resolve就可以。reject类似static resolve(val) {
2021-03-12 14:40:07
92
原创 手写简版promise（二）实现.then()方法
then方法的用法let p = new Promise((resolve, reject) => { resolve('success1') })p.then(res => { console.log(res); // success1})上面代码可以看到then方法接收的是一个回调函数，并且输出resolve中返回的数据，根据这个思路往下写自己的then方法export default class MyPromise { constructor(fn) { t
2021-03-12 11:03:15
1176
原创 手写实现简版promise(一)
用法在开始写之前我们首先得知道promise的用法，有哪些方法可以用promise可以根据结果返回一个成功的承诺和失败的状态，我们可以根据promise返回的状态来执行具体的业务用法：const a = truelet p = new Promise((resolve, reject) => { if (a) { resolve('success') } else { reject('err') }})console.log(p);P
2021-03-10 16:27:33
157
原创 webpack--记录--基础二(主要记录webpack打包处理路径问题)
上一篇文章说了webpack打包时候将css文件是直接打包到js中，但是项目中我们并不想这么做，需要单独抽离出来1、抽离css文件到单独文件使用 mini-css-extract-plugin 可以将css抽离到单独目录npm i mini-css-extract-plugin -D在配置文件中引入 const MiniCssExtractPlugin = require('mini-css-extract-plugin')在配置文件中的plugins中使用，filename是将css
2021-01-30 16:58:27
261
原创 react学习笔记
函数组件函数组件要更新ui界面的值，只能使用render()函数来更新重新渲染class组件class组件可以使用在构造函数中给state赋值，并且使用setState()方法去更新state中的值问题：setState()更新state中的值有可能是异步的，所以如果需要解决则需要将setState修改为 接收一个函数而不是对象constructor(props) { // 必须加super（props）//通过以下方式将 props 传递到父类的构造函数中/** * stat
2020-12-16 13:39:15
1726
原创 记录一次解决element中Cascader 级联选择器懒加载实现城市联动不能返显的问题
这里先描述一下出现问题过程：1、要做数据的增删改查，在数据编辑的时候是从右侧打开抽屉中显示form表单，我将抽屉封装成了一个组件单独抽离。就需要在父组件中将:visible.sync="dialogVisible"绑定的dialogVisible置为true，然后在抽屉事件的open中调编辑详情接口，级联组件懒加载自动执行城市联动接口。2、再说一下懒加载中城市返显要必备的条件：组件绑定的cityList是个数组，并且里面有城市id，例如：北京市 北京城区 东城区 要想返显这个数据则绑定的数组中是[1
2020-12-15 09:28:19
1057
原创 js忍者秘籍读书笔记（前五章）闭包
这一章的目标是：理解闭包、掌握闭包的工作原理闭包的好处：可以实现JavaScript没有的私有变量可以通过减少代码数量和复杂度来添加高级特性什么是闭包呢？（自己的理解）内部函数调用外部函数的变量可以形成闭包理解闭包 允许函数访问并操作函数外部的变量var globe_name = ''function fn() { var name = 'tom' function fn_name() { return name } glob
2020-12-14 15:21:02
115
原创 js忍者秘籍读书笔记（前四章）
js忍者秘籍读书记录（第2版）记录原因之前大概花了一个月时间看完了这本书，但是中间因为一些原因，大概中断了10天左右，后来再拿起来的时候发现前面的都忘记了，但是还是坚持从中断的地方开始看，为了对书中内容加强记忆，打算再看一遍，这一遍会一直记录一些笔记。再之前看红宝书第三版的时候也有记笔记，当时是手写笔记，虽然手写映像比较深刻，但是保存不好，之后再拿起想添加修改内容的时候已经无法下笔，写的有点儿乱，所以这次打算在博客记录，这篇文章仅仅是个人笔记记录。第一章 无处不在的javascript第一章是介绍j
2020-12-12 15:23:08
244
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人