- 博客(25)
- 收藏
- 关注
RSS订阅原创 5.23宝利威前端实习面试
响应式原理虚拟domDiff的具体实现怎么判断同一个dom是否能够用index来做keyVue2 vue3 双向绑定的区别为什么不能监听数组怎么监听数组的变化模板编译虚拟dom真的效率高盒模型 Bfc怎么创建bfc介绍一下flexflex下用float会不会生效css3动画介绍简单/复杂数据类型怎么判断数据类型 typeof nulljs作用域es3 es6 引擎this的指向问题垃圾回收机制怎么判定内存泄漏v8工作流程promise promise的静态方.
2022-05-29 19:35:36
262
原创 Vue3-router4的使用
一、初始化1.构建项目npm init vue@latest//或者npm init vite@latest2.安装npm install vue-router@43.配置路由在src目录下面新建router 文件 然后在router 文件夹下面新建 index.jsimport { createRouter, createWebHistory } from "vue-router";const routes = [ { path: '/',
2022-05-21 23:02:44
10531
原创 5.19 字节前端日常一面
有无实习有无项目堆和栈的区别，对象指针放在哪里，栈的回收基本数据类型js内存回收方法，垃圾回收是谁回收的柯里化 foo(2)(3)(4) = 24tcp、udp的区别，udp可靠怎么实现，多播和广播http各版本的区别tcp全双工tcp可以解决队头阻塞吗https连接过程，对称密码怎么生成，公钥怎么解密，公钥的可靠性跨域-jsonp的实现原理父子通讯，怎么监听传给子组件的参数变化（Object.defineProperty），手写怎么监听一个数登录认证，单点认证？？，OSR？.
2022-05-21 09:48:32
158
原创 typeof的用法、instanceof详解
1. typeof基本数据类型除了null，返回的是object，其他都是原值typeof Symbol('123')'symbol'typeof BigInt(123)'bigint'typeof 3'number'typeof 'string''string'typeof true'boolean'typeof null'object'复杂数据类型除了function返回function，其他都是objecttypeof function(){}'fun
2022-05-11 15:05:56
186
原创 Vue2——webpack3升级webpack5的坑
简介这是在创建项目后，原封不动的改成webpack5期间可能还要安装全局的webpack、webpack-dev-server、webpack-cli等没有配备的库1.build.js'use strict'require('./check-versions')()process.env.NODE_ENV = 'production'const ora = require('ora')const rm = require('rimraf')const path = require('p
2022-05-09 21:52:04
710
原创 获取js函数执行时间
使用console.time这个方法，这个方法最高精确到微秒，大部分情况下都能满足我们的需要了。其中console.time是记录一个开始时间点，1代表这个时间点的标志，可以多个时间点交叉记录，使用不同的标志。console.timeEnd是记录结束时间点并输出与开始时间点的时间差。function check() { let cnt = 0 for (let i = 0; i < 100000; i++) cnt++}let start = new Dat
2022-04-17 21:25:44
3010
原创 JS 5种遍历对象的方式
1.for infor in 循环是最基础的遍历对象的方式，它还会得到对象原型链上的属性// 创建一个对象并指定其原型，bar 为原型上的属性const obj = Object.create({ bar: 'bar'}) // foo 为对象自身的属性obj.foo = 'foo' for (let key in obj) { console.log(obj[key]) // foo, bar}可以看到对象原型上的属性也被循环出来了在这种情况下可以使用对象的 hasOwnP
2022-04-17 10:55:17
118420
原创 vue上传文件到服务器，服务端使用node进行接收，并存储到文件系统
1.传输文件需要使用FormData，使用append添加数据add() { // 发送file文件，需要使用FormData进行传输 let formData = new FormData(); let file = this.addTable.file; // file对应的是一个file对象 formData.append("file", file, "filename.png"); //很重要 data.append("file", fi
2022-04-13 18:49:49
2965
1
原创 webpack 图片压缩
安装插件cnpm install imagemin-gifsicle --save-devcnpm install imagemin-mozjpeg --save-devcnpm install imagemin-optipng --save-devcnpm install imagemin-pngquant --save-devcnpm install pngquant-bin --save-devcnpm install image-webpack-loader --save-devwe
2022-04-11 22:18:56
1854
原创 vuecli4——CDN分发
vue.config.js配置注意：vue的js链接一定要在其他的上面chainWebpack: config => { // 移除 preload(预载) 插件 config.plugins.delete('preload') // 移除 prefetch(预取) 插件 config.plugins.delete('prefetch') // npm run analyzer 时才开启 if (pro
2022-04-11 17:18:23
744
原创 创建a标签并触发click事件，实现在当前页面下载文件
let a = document.createElement("a");//创建a标签 a.setAttribute("href", ConfigBaseURL + "/downSong?id=" + id);//设置文件下载地址 a.setAttribute('target', '_blank');//在当前页面创建下载 document.body.appendChild(a);//添加到body a.click();//触发事件 docu...
2022-04-10 21:43:08
1364
原创 vue组件间传值
一、父组件向子组件传值即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。1.在父组件的子组件标签中绑定自定义属性// 父组件<user-detail :myName="name" /> export default { components: { UserDetail } ......}2.在子组件中使用props（可以是数组也可以是对象）接收即可。可以传多个属性。// 子组件export default {
2022-04-10 18:07:18
62
原创 封装axios
配置axios（index.js）import axios from 'axios'import { Message, Loading } from 'element-ui'const ConfigBaseURL = 'http://172.16.3.7:8080' //默认路径，这里也可以使用env来判断环境let loadingInstance = null //这里是loading//使用create方法创建axios实例export const request = axios.crea
2022-04-09 22:55:03
64
原创 实现多次触发input上传文件的change事件
使用Jquery操控dom1.替换新的一样的input元素2.重新绑定change事件 var obj = $("#file_input"); obj.replaceWith( '<input id="file_input" type="file" ref="clearFile" @change="getFile($event)" accept=".nii" />' ); $("#file_input").on("change"
2022-02-26 16:14:10
888
原创 Vue中插入jQuery插件
安装jQuery库npm install jQuery安装expose-loadercnpm i expose-loader --save-dev 所要使用插件的Vue文件导入jQuery和下载好的jQuery插件import $ from "jQuery";//导入库import "@/plugins/jquery.fireworks";//插件mounted()中挂载，以下为例子，插件为fireworksmounted() { console.log($(".nig
2022-01-27 17:39:10
4139
原创 JS获取、修改、查询Cookie
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function setCookie(cname, cvalue, exdays) { var d = new Da
2022-01-25 01:02:02
1231
原创 Promise多重链式调用
Promise对象是用于异步操作的。Promise的真正强大之处在于它的多重链式调用，可以避免层层嵌套回调。如果我们在第一次ajax请求后，还要用它返回的结果再次请求呢？使用Promise，我们就可以利用then进行「链式回调」，将异步操作以同步操作的流程表示出来。以下是个小Demo:/* e.g */sendRequest('test1.html', '').then(function(data1) { console.log('第一次请求成功, 这是返回的数据:', data1);
2022-01-07 23:37:49
849
原创 axios.create、拦截器、取消请求
axios.create(config)根据指定配置创建一个新的 axios, 也就就每个新 axios 都有自己的配置新 axios 只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的为什么要设计这个语法?(1) 需求: 项目中有部分接口需要的配置与另一部分接口需要的配置不太一样, 如何处理(2) 解决: 创建 2 个新 axios, 每个都有自己特有的配置, 分别应用到不同要求的接口请求中<!DOCTYPE html><html lang="en">
2022-01-07 19:00:01
1109
原创 XHR 的理解和使用-使用XHR封装ajax请求参数
MDN文档https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest理解使用 XMLHttpRequest (XHR)对象可以与服务器交互, 也就是发送 ajax 请求前端可以获取到数据，而无需让整个的页面刷新。这使得 Web 页面可以只更新页面的局部，而不影响用户的操作。区别一般 http 请求与 ajax 请求ajax 请求是一种特别的 http 请求对服务器端来说, 没有任何区别, 区别在浏览器端浏览器端发请求
2022-01-07 14:34:54
2642
原创 json-server模拟接口
json-server是什么？用来快速搭建 REST API 的工具包在线文档：https://github.com/typicode/json-server使用方法1.下载：npm install -g json-server2.目标根目录下创建数据库 json 文件: db.json内容可根据需要自己修改。{"posts": [{ "id": 1, "title": "json-server", "author": "typicode" }],"comments": [{ "id
2022-01-04 16:02:40
277
原创 Sass语法
一、Sass简介菜鸟教程：https://www.runoob.com/sass/sass-functions.htmlSass (英文全称：Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。Sass 是一个 CSS 预处理器。Sass 是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。Sass 完全兼容所有版本的 CSS。Sass 扩展了
2022-01-02 23:36:06
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人