11 2021 档案
摘要：tools - vscode快捷键 一次搜索所有文件的文本 Windows: Ctrl + Shift + F Mac: Command + Shift + F 重新打开 关闭的编辑页面 Windows: Ctrl + Shift + T Mac: command + Shift + T 当你处理一
阅读全文
摘要：tools - 复制功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
阅读全文
摘要：正则 常见规则 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)： [^x00-xff] 匹配中文，英文字母和数字及_： ^[\u4e00-\u9fa5_a-zA-Z0-9]+$ validate.js const rules = { eg: { reg:
阅读全文
摘要：vscode - plugs 代码段 Vetur Vue 3 Snippets Vue VSCode Snippets HTML Snippets html代码段 JavaScript (ES6) code snippets ES7 React/Redux/GraphQL/React-Native
阅读全文
摘要：tools - vscode - ESlint规范格式化 参考 VScode格式化ESlint-方法（最全最好用方法！） 在vscode的文件-首选项-设置里，右侧配置里添加如下代码即可（代码有注释！），从此直接 Ctrl+S 就能一键格式化了 { // vscode默认启用了根据文件类型自动设置t
阅读全文
摘要：前端面试题 - 综合练习 点击按钮隐藏元素 请补全JavaScript代码，实现一个盒子的关闭按钮功能。 要求： 使类为"btn"的div元素中心点定位在类为"box"的div元素右上顶点 使类为"btn"的div元素中内容"X"垂直水平居中 点击"X"按钮可以使类为"box"的div元素隐藏 <!
阅读全文
摘要：前端面试题 - webAPI 元素操作 JS动态创建节点 请补全JavaScript函数，根据参数数组创建li元素。 要求： li元素的个数和数组的长度一样 li元素的内容是数组中的每个元素 将创建的所有li元素插入到ul中 // innerHTML function createLi(array)
阅读全文
摘要：vue - todo - 流文件下载空白问题 背景 2021-11-23 "mockjs": "^1.0.1-beta3", 问题描述 非responseType = 'blob'问题 非axios问题 问题定位 - 注释大法 仍然，说明问题在 webpack 配置 定时任务不再空白，说明问题在注释
阅读全文
摘要：前端面试题 - js - es5 数据类型 基本数据类型检测 请补全JavaScript函数，要求以字符串的形式返回参数的类型。 注意：只需检测基本数据类型。 function _typeof(value) { // 补全代码 let str = Object.prototype.toString.
阅读全文
摘要：js - 数据类型检测方法 通用但很繁琐的方法：prototype function dataType(val) { return Object.prototype.toString.call(val).slice(8,-1) } alert(Object.prototype.toString.ca
阅读全文
摘要：css 选择器 标签、类、ID选择器 请将html模块中字体内容是"红色"的字体颜色设置为"rgb(255, 0, 0)"，"绿色"设置为"rgb(0, 128, 0)"，"黑色"设置为"rgb(0, 0, 0)"，且字体大小都为20px。 <html> <head> <meta charset=u
阅读全文
摘要：html 基本标签 表单类型 描述 请依次写出以下类型的输入框。 类型为密码，默认值为"nowcoder" 类型为复选框，且状态为已勾选 <form> <!-- 补全代码 --> <input type="password" value="nowcoder" /> <br /> <input typ
阅读全文
摘要：vue - sass样式穿透实现 // 引入的是第三种生效了，第一种不生效，第二种报错 // 第一种 >>> .my-el-form-item{ & >>> .el-form-item__content{ line-height:12px; } } //第二种 /deep/ .my-el-form-
阅读全文
摘要：vue+element-ui table实现滚动加载 自定义指令实现 第一步：在main.js里注册 Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__bod
阅读全文
摘要：注释标记 参考 vscode 插件推荐 todo-tree Xcode中使用TODO、FIXME、!!!、???、MARK 进行标记 注释标记 TODO： 标示处有功能代码待编写，使用方法：// TODO: FIXME：标示处代码需要修正，使用方法：// FIXME: !!!：标示处代码需要注意，使
阅读全文
摘要：element - el-form多个表单需同时校验 refs this.$refs[('form1', 'form2', ...)].validate((valid, obj) => {}) Promise.all // 当前弹框form校验 const p1 = new Promise((res
阅读全文
摘要：error - git - git修改文件夹名大小写不生效 原因 - git默认是大小写不敏感 环境 git version 2.32.0.windows.1 vscode GitLens 问题描述 测试 vscode GitLens 提交 修改文件夹名称 test → Test 无记录，修改文件夹
阅读全文
摘要：字节前端二面凉凉记录 返回 协商缓存 使用协商缓存策略时，会先向服务器发送一个请求，如果资源没有发生修改，则返回一个 304 状态，让浏览器使用本地的缓存副本。如果资源发生了修改，则返回修改后的资源。 JavaScript 事件循环相关 console.log(1); setTimeout(func
阅读全文
摘要：template 导致 slot 无效 无效 <el-upload> <template v-if="showFileList"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> ..
阅读全文
摘要：js - js运行机制 事件循环 宏任务和微任务 参考链接 简书 掘金 举个栗子 console.log('start') setTimeout(() => { console.log('setTimeout') }, 0) new Promise((resolve) => { console.lo
阅读全文
摘要：Vue 技巧 窃取 prop 类型 我从一个子组件中复制 prop 类型，只是为了在一个父组件中使用它们。但我发现，偷取这些 prop 类型要比仅仅复制它们好得多。 例如，我们在这个组件中使用了一个 Icon 组件。 <template> <div> <h2>{{ heading }}</h2> <
阅读全文
摘要：Element UI 去除 日期时间选择器里的此刻按钮 在vue 项目的全局css属性中修改上边标签的display属性 .el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { display: none; }
阅读全文
摘要：el-upload 获取上传失败时的返回信息 方案一 直接通过 JSON.parse() 去转换 err.message 而不是转换 err console.log(JSON.parse(err.message).msg) // 识别发票信息异常！ 方案二 把错误信息转成字符串，然后去掉" Erro
阅读全文
摘要：flexible what 终端设备适配的解决方案。在不同的终端设备中实现页面适配。 提示 另外强烈建议对JS做内联处理，在所有资源加载之前执行这个JS。执行这个JS后，会在元素上增加一个data-dpr属性，以及一个font-size样式。JS会根据不同的设备添加不同的data-dpr值，比如说2
阅读全文
摘要：vue 原理 大概思路 vue的数据驱动主要实现建立在三个对象上Dep、Watcher、Compiler Dep 主要负责依赖的收集 Watcher 主要负责Dep和Compiler之间的联系 Compiler 可以理解为 virtual dom + patch 也就是负责视图层的渲染 基本原理 1
阅读全文
摘要：面试知识点 jq Vue 初级 生命周期 v-if,v-show区别 组件通信方式 路由传参 哪几种方式 区别 data 为什么是函数不是对象 create 和 mounted 区别 computed 和 watch 区别 指令有哪些 修饰符有哪些 中级 双向绑定原理 模板原理 虚拟dom mvvm
阅读全文
