- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vetur：Root file specified for compilation
Vetur：Root file specified for compilation今天在App.vue组件中导入defineComponent定义的HelloWorld组件时出现了错误。提示：Root file specified for compilation原因：文件名发生过更改。解决：重启vscode遇到过很多次关于路径的问题了，大概总结下。注意文件路径导入是否正确，项目根路径是否对，文件名近期是否更改。...
2021-08-13 11:31:06
11053
2
转载 Vue3和TypeScript学习笔记coderwhyDay11之Vue组件化
组件化组件化组件之间相互进行通信父组件传递给子组件props数组用法细节补充非Prop的Attribute（1）Attribute继承（2）禁用Attribute继承（3）多个根节点的attribute子组件传递给父组件组件化App组件是Header、Main、Footer组件的父组件Main组件是Banner、ProductList组件的父组件组件拆分的实现App.vue<template> <div id="app"> <Header>&l
2021-07-30 16:24:18
244
转载 Vue3和TypeScript学习笔记coderwhyDay10之VueCLI、Vite
VueCLIVue CLI脚手架Vue CLI安装使用vue创建项目的过程项目的目录结构Vue CLI的运行原理（难点）Vue CLI脚手架什么是脚手架？在真实开发中，我们不可能像之前 每个项目都从头到尾来完成所有的webpack配置，这样开发效率会降低。我们通常使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue CLI脚手架CLI（Command-Line Interface）命令行界面我们可以通过CLI选择项目的配置和创建出项目Vue CLI已经内置了webpack相关的配置，我们
2021-07-30 16:24:04
293
转载 Vue3和TypeScript学习笔记coderwhyDay09之devServer
devServer为什么搭建本地服务器？Webpack watchwebpack-dev-serve为什么搭建本地服务器？之前每次写代码，都有npm run build 编译相关代码很麻烦。我们希望做到，当文件发生变化时，可以自动完成编译和展示。自动完成编译，webpack提供以下方式webpack watch modewebpack-dev-serve（常用）webpack-dev-middlewareWebpack watchpackage.json中配置 "scripts": {
2021-07-30 16:23:48
480
1
原创 Vue3和TypeScript学习笔记coderwhyDay08之Babel、Vue打包
Babel和devServerBabelBabel基本使用（了解）Babel的预设（了解）Babel底层原理babel-loaderBabel的配置文件Vue源码打包运行时+编译器vs运行时VSCode对SFC文件的支持Babel为什么需要Babel?开发中使用ES6语法，想要使用TypeScript、开发React项目都离不开BabelBabel是什么呢？一个工具链。主要用于旧的浏览器或环境将es6代码转换为向后兼容版本。包括：语法转换、源代码转换等Babel基本使用（了解）babel本
2021-07-30 16:23:32
540
原创 Vue3和TypeScript学习笔记coderwhyDay07之webpack打包其他资源
webpackfile-loaderfile-loader处理jps、png等格式图片，对应的loader为file-loader1.安装npm install file-loader -D2.配置处理图片的url { test: /\.(png|jpe?g|gif|svg)$/i, use: { loader: "file-loader" }}打包完后，dist下多出一个图片。我们会发现图片的名称是一串复杂数字，那么，我们要不要把引入的图片路径进行更改呢？不
2021-07-30 16:23:15
432
原创 Vue3和TypeScript学习笔记coderwhyDay06之webpack
webpack以上笔记参考coderwhy老师的Vue3和TypeScript。老师讲课链接：课程链接
2021-07-30 16:22:54
339
原创 Vue3和TypeScript学习笔记coderwhyDay05之v-model、组件化
这里写目录标题补充深拷贝和浅拷贝二级目录三级目录补充深拷贝和浅拷贝浅拷贝：比如assign（）先看下面这段代码。定义info变量指向一个对象（info保存对象地址），该对象中有个属性friend也是对象（friend保存的也是对象的地址。）const obj = Object.assign({}, info)将info拷贝一份给{}，obj指向返回的对象。修改info的name属性，不会导致obj.name改变。修改info.firend.name,会导致obj.friend.name的改变
2021-07-28 23:12:42
569
原创 06前端面试必备之开发环境和性能优化
开发环境和性能优化关于开发环境gitgit的使用git使用前配置提交步骤撤销分支命令关于开发环境面试官想通过开发环境了解候选人的实际工作情况开发环境的工具，能体现出工作产出的效率会以聊天形式为主，不会问具体的问题开发环境 git 调试工具 抓包 webpack babel linux常用命令git最常用的代码版本管理工具大型项目需要多人协作开发，必须熟用git如果你不知道或者之前不用git，不会通过面试Mac OS自带git命令，windows可去官网下载安装git服
2021-07-19 20:13:29
185
原创 05前端面试必备http
httphttp状态码状态码分类常见状态码http methods传统的methods现在的methodsRestful APIhttp headers常见的Request Headers常见的Response Headers自定义Headers缓存相关的headershttp缓存关于缓存http缓存——强制缓存Cache-Control关于Expireshttp缓存——协商缓存（对比缓存）Last-ModifiedEtagLast-Modified和Etag刷新页面对http缓存影响题目http常见的
2021-07-17 15:53:09
98
原创 04JavaScript面试必备JS Web API
JavaScript面试必备JS Web APIJS Web API知识点DOMDOM节点操作DOM结构操作DOM性能BOM事件事件绑定阻止冒泡代理绑定描述事件冒泡的流程无限下拉图片列表，如何监听每个图片的点击Ajaxxhr.readyStatexhr.status跨域跨域的实现方式同源策略JSONPCookiesessionStorage和localStorageJS Web API知识点vue和React框架应用广泛，封装了DOM操作。但DOM操作一直都是前端必备基础。JS基础知识，规定语法(EC
2021-07-16 19:39:12
173
原创 03JavaScript面试必备知识点异步
JavaScript面试必备知识点异步-基础单线程和异步同步和异步的区别是什么异步的应用场景callback hell和Promise手写Promise加载一张图片异步-进阶知识点面试题event loop(事件循环/事件轮询)DOM事件和event loop的关系Promise有哪三种状态？状态和 then catchasync/await语法介绍和 Promise 的关系异步本质for...of微任务和宏任务介绍event loop 和 DOM 渲染宏任务和微任务的区别异步-基础单线程和异步单线程
2021-07-15 22:29:19
84
原创 02javaScript面试必备基础知识
js何时使用`===` 何时使用`==`值类型和引用类型的区别typeof能判断哪些类型手写深拷贝变量计算 —类型转换何时使用=== 何时使用==值类型和引用类型的区别值类型存值引用类型存地址常见值类型 let a //undefined const s='abc' const n=100 const b=true const s=Symbol('s')常见引用类型 const obj={ } const arr=[ ] const n=null //特殊引用类型，指针指向为空
2021-07-14 11:36:24
106
原创 01html&css
HTML面试题如何理解HTML语义化？ 全写div vs 标题h1，段落p 让人易读 让搜索引擎更易读懂（SEO）默认情况下，哪些HTML标签是块级元素、哪些是内联元素？ 块级元素 display：block/table ; 有div h1 h2 table ul ol p等 内联元素 display：inline/inline-block; 有span img input button等CSS面试题布局盒子模型的宽度如何计算？ <style type="text/cs
2021-07-13 14:02:49
74
原创 网络模块封装axios
网络模块封装axios选择什么网络模块?模块的选择jsonpaxios的使用axios发送并发请求axios全局配置axios拦截器的使用选择什么网络模块?模块的选择XMLHttpRequest(XHR)jQuery-AjaxVue-resourceaxios（推荐）选择一: 传统的Ajax是基于XMLHttpRequest(XHR)配置和调用方式等非常混乱，真实开发中很少直接使用, 而是使用jQuery-Ajax选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax相对于
2021-06-28 21:32:03
87
原创 Node运行环境搭建问题解决
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器默认安装方式，一路next。注意更改的安装存储位置全部英文命名。验证安装成功打开wind
2021-04-18 17:44:35
132
原创 MongoDB基本使用（学习笔记）
MongoDB数据库概述及环境搭建为什么要使用数据库什么是数据库数据库相关概念使用MongoDBMongoDB增删改查操作1.创建集合2.创建文档3.mongoDB数据库导入数据4.查询文档5.删除文档6.更新文档7.mongoose验证8.集合关联数据库概述及环境搭建为什么要使用数据库动态网站中的数据都是存储在数据库中的数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理什么是数据库数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于
2021-04-18 17:21:31
187
原创 python使用turtle库报错 Module ‘turtle’has no xxx member
问题： 解决：1.打开settings.json文件在当前文件 ctrl+shift+P输入settings.json2.在里面加入一行代码
2020-09-20 23:06:03
707
原创 javaweb第二季笔记【siki学院】
jar包引入jar包放到webcontent ->WEB-INF->lib下面会自动识别jar包并放到libraries下。之前是右键->build path ->add to build path <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.xhtml</welcome-fi
2020-06-24 21:32:46
261
原创 javaweb第一季笔记【siki学院】
什么是xml？可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。html也是标记语言，html里面的标记是固定的，每个标记有自己的功能。xml里面的标记我们可以自己定义。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。它非常适合万维网传输，提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是Internet环境中跨平台的、依赖于内容的技术，也是当今处理分布式结构信息的有效工具。 xml用干什么？1
2020-06-20 23:10:04
738
原创 Server Tomcat v7.0 Server at localhost failed to start.
刚才敲代码的时候，突然之间run on server无法运行了。提示：Server Tomcat v7.0 Server at localhost failed to start.控制台信息六月 20, 2020 9:01:34 下午 org.apache.coyote.AbstractProtocol pause信息: 暂停ProtocolHandler[“http-bio-8080”]六月 20, 2020 9:01:34 下午 org.apache.catalina.core.Standa
2020-06-20 21:27:47
297
原创 JavaScript——05BOM概述
BOM概述浏览器对象模型（Browser Object Model），它提供独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织ECMA，DOM标准化组织W3C，BOM最初是netscape浏览器标准的一部分DOM文档对象模型把文档当成一个对象dom顶级对象 documentw3c规范BOM浏览对象模型浏览器当做一个对象bom顶级对象windowB
2020-06-04 10:43:48
111
原创 H5基础——03_HTML5和CSS3新特性
HTML5新增的语义化标签<header>头部标签<nav>导航标签<article>内容标签<section>定义文档某区域<aside>侧边栏标签<footer>尾部标签这种语义化标签主要针对搜索引擎页面中可使用多次IE9中，需要把这些元素转换为块级元素 HTML5新增多媒体标签音频：<audio>视频：<video> 音频：<audio>当
2020-06-02 14:55:42
173
原创 H5基础——02CSS高级技巧
目录精灵图字体图标CSS三角CSS用户界面样式vertical-align属性应用溢出的文字省略显示常见布局技巧精灵图为什么需要精灵图？CSS精灵技术（也称CSS Sprites 、CSS雪碧 ）精灵技术目的：为了有效减少服务器接收和发送请求的次数，提高页面的加载速度核心原理：将网页中的一些小背景图片整合到一张大图中，这样服务器请求一次就可以了。精灵图的使用1.多个小背景图片整合到一张大图2.移动背景图片位置 background-position3.移动距离就是这个目标图
2020-06-02 14:54:14
189
原创 H5基础——01html标签、css选择器、浮动、定位
必写标签<!DOCTYPE html>不是一个html标签，它是文档类型声明标签，处于<html>标签之前<html lang="en"> lang语言种类 ：定义当前文档显示的语言 en英语 zh-CN中文<meta charset="UTF-8">规定HTML文档使用哪种字符编码路径相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。相对路径分类符号说明同一级路径图像文件位于HTML文件同一级下一级路径
2020-05-27 10:54:35
407
原创 JavaScript基础篇——03基础代码
判断闰年算法：能被4整除且不能整除100的为闰年（如2004年）或者能够被400整除的就是闰年（2000年） var year = prompt('请您输入年份：'); if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { alert('您输入的年份是闰年'); } else { alert('您输入的年份是平年'); }...
2020-05-18 10:07:16
197
原创 JavaScript基础篇——02作用域、域解析、js对象
作用域概述作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）全局作用域作用于所有代码的环境（整个script标签内部）或者一个独立的js文件局部作用域（函数作用域）作用于函数内的代码环境，就是局部作用域。JS没有块级作用域块级作用域由{ }包括在其他编程语言中（java，c）在if语句、循环语句中创建的变量，仅仅只能在本if语句、本循环语句中使用。全局变量在全局作用域下
2020-05-18 10:06:11
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人