从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

Invaliad options object.Css Loader has been initialized using an options object that does not match the API scheam.options has an unknown property 'locakIdentName'.These properties are valid:object{url?,omport?,module?xxxx}报错的解决方案

antd的upload组件，阻止默认上传事件（原上传默认会请求一个url，就算什么都不写也会请求）

前端实现 input 回车搜索（html,vue,react实现）form表单实现keyup监听实现

vue、react里 加载glb类型的3D模型(可使用的技术栈推荐)

vue 动态绑定多个类名（:class动态绑定多个类名）

只需要传一个文件下载地址的url即可downloadFile = (url) => {//下载方法 console.log(url) const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height ...

react-to-vue是一个能把 react组件转换成 vue 组件的插件，目前来看它只支持基础的组件代码转换。也就是说 你react里不能有 react 的一些独有的api。比如：路由、ui库（例如：antd）等等。react to vuegithub地址（https://github.com/vicwang163/react-to-vue）作者的认为使用场景：1. 你如果想开源好的组件，那可以先写react，再用react-to-vue转成vue，这样你写的组件变成了跨框架的组件，为绝大部分人服务。.

vue、html 实现头尾固定，中间滚动的布局(移动端常见的布局)头尾固定，中间滚动的布局，这种布局很常见，移动端、pc端都常见。不过移动端居多。

vue 引入pinia报 injection "symbol(pinia)" not found

vue element ui el-date-picker(日期选择器)实现联动联级选择效果。

onselect属性可用于,,,,和.主要是借用event获取其值和selectionStart选中下标起始selectionEnd选中的下标结束。然后字符串截取出来。作用当文本被选中时，执行一段Javascript代码。onselect事件会在文本框中的文本被选中时发生。vue、js onSelect事件 获取选中的值......

Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude it from component resolution via cpmpilerOptions.isCustomElement at xxx .翻译一下就是：未能解析组件：constem如果此元素是本机自定义元素，请确保将其从组件中排除通过cpmpilerOptions.isCustomElement 在 xxx 组件（下面

对于制作原型或学习，你可以这样使用最新版本：对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 换成 。这是一个更小的构建，可

这个错 可能是 js 引入顺序问题造成的 也有可能是 引入 elemen-ui造成的vue3 需要引入 element-plus ，引入 element-ui 也会报这个错引入顺序问题：在 public/index.html 中引入 ElementUI 的 js 时，前面没有加 Vue.js 的引入。这里我们在前面加入 Vue.js 的引入即可。代码报错主要是因为vue引用顺序不当导致的，或者是webpack打包时使用import引入vue,element却使用script引入也会出现这个问题 （引入

vue 安装 vuex 报错 "export 'xxx' was not found in 'vue' ("export 'watch' was not found in 'vue') 并且显示空页面

报错信息Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema。Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options obje

globalthis is not defined

element-ui Table 表格自定义滚动条样式踩坑及解决方案（设置fixed时表格对不齐）

报错信息:Warning:validateDOMNesting(...):<p> cannot as a descendant of <p>报错截图:这个错误主要就是 html 标签 写法不规范引起的：p标签内只能包裹内联元素, 不能包裹块级元素 ， 代码里出现了 p标签 包裹 块元素的现象 。比如 ：<p> <p></p></p><p> <div></div.

报错信息：node sass version is incompatible with 4.0.0 ||5.0.0意思是：节点sass版本与4.0.0 | | 5.0.0不兼容解决方案：节点sass版本与4.0.0 | | 5.0.0不兼容所以只需要降低本版即可。1.卸载node-sassnpm uninstall node-sass2.下载node-sass 4.14.1(这个是4版本最新的)npm install node-sass@4.14.1...

误原因：Node.js 在安装模块的时候报错，缺少python环境。找不到Python可执行文件“Python”，可以设置Python env变量。解决办法:第一种方式：安装Python及环境变量配置一定要安装python2.7的版本环境变量安装可以参考：http://blog.youkuaiyun.com/lyj_viviani/article/details/51763101如果第一种方式不行可以试试第二种方式。第二种方式：运行下面的命令npm install --glo.

1.npm uninstall less-loader2.npm install less-loader@5.0.0一、报错信息TypeError: this.getOptions is not a function这个是在运行项目是遇到的问题 vue里 ...

前言：前端样式很重要，但是因为浏览器种类繁多，内核不同，会导致各种兼容问题。尤其ie，但好在微软对ie不在更新了。常见浏览器：常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款，分别是IE、Firefox、Google Chrome（谷歌）、Safari、Opera。主流浏览器内核：Trident: ie浏览器；

报错如下：no version of chokidar is available.Tried chokidar@2 and chokidar@3 ；解决方案：报错：没有可用的chokidar版本。已尝试chokidar@2 以及chokidar@3 试试 ：npm updatenpm cache verify再不行npm install chokidar@3.0.0...

警告信息：这个虽然不影响效果，但是有的时候自动填充密码时会把密码带出来[DOM] input 警告[DOM] Input elements should have autocomplete attributes(suggested:"current-password)意思为：输入元素应具有自动完成属性 <input type="password" />定义和用法autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输

原因：autofocus是vue中input的原生属性,element也支持这种方法,但是element中的el-input组件外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法来聚集。解决方案：借助动态绑定ref属性，在this.$nextTick调用focus()方法。在线运行<div id="app"> <div v-for="(item,i) in data"> {{item.id}}.{{item.text}}

wangEditor—— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。vue富文本 编辑器 总结

一、TypeScript的简介TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript官方文档 TypeScript教程二、TypeScript的语法TypeScript教程三、vue+TypeScriptvue+...

1.首先需要知道服务端渲染的定义以及优缺点 服务端渲染的定义：　　前端页面都是后端将html拼接好，然后将它返回给前端完整的html文件。浏览器拿到这个html文件之后就可以直接显示了，这就是所谓的服务器端渲染。（vue里：将vue实例渲染为HTML字符串直接返回，在前端激活为交互程序）。 服务端渲染的优点： 　1.首屏渲染快 2.利于SEO　服务端渲染的缺点： 1.不容易维护，通常前端改了部分html或者css，后端也需要修改。 2...

前言：最近在学vue源码，vue已经到vue3(beat)版本（目前官方建议不在生产环境使用），说实话vue2和vue3的有了质的飞跃（主要是性能上）。想对vue3有更好的了解我强烈推荐看看尤大的介绍视频（vu3尤大介绍视频）。这篇文章就是我看过之后自己的心德与理解总结。一、vue3的新特性及新增api1.响应式原理vue2的响应式原理是利用Object.defineProperty而vue3则是利用Proxy。Proxy的性能和功能比Object.defineProperty强很多（这里的

前言：最近在看一些vue的源码vue实现响应式的实现方式就用到了Object.defineProperty和Proxy 。一、Proxy 与Object.defineProperty介绍与对比我觉得这篇文章讲的就很好Proxy 与Object.defineProperty介绍与对比二、vue里的运用vue1/vue2实现响应式都是Object.defineProperty，vue3就是Proxy。vue1/vue2的响应式原理vue响应式原理官方文档...

前言：在项目中经常遇到提示信息组件，我们·一般会用ui库来做。但是当ui库无法满足自己的需求（比如自定样式，ui库的样式很难改变）。下面就是简单封装一个自己的Alert信息提示框。一、实现思路1.我们要做得是alert组件所以要预设几个字段title -标题 message -提示信息 duration -显示时间2.给出创建组件的方法3.挂载到全局vue实例4.调用二、实现过程1.创建一个ui组件（Alert）<template> &lt...

前端面试题总结1：为何选择前端这个方向和对前端的理解为什么：第一的话就是对前端很感兴趣，之前也接触过其他的语言，但是直到接触到前端才发现真的有兴趣做下去，兴趣是一个人最好的老师，第二的话前端很有前途，像现在nodejs，rn，微信小程序这类工具和框架可以让前端进行后端和移动开发，所以我觉得前端的前途会更多一点。理解：首先前端工程师最核心的技能还是：Html、CSS、JS。前...

计算属性如何使用Vue模板中的表达式很便利，但放入太多的逻辑会让html模板过重难以维护；所以我们把复杂的逻辑处理放到计算属性里使用我们可以像绑定普通属性一样绑定计算属性，因为计算属性依赖于data中的数据，当数据发生改变时，计算属性也会更新。watch如何使用Watch用来监测vue实例上的数据变动，对应一个对象，键是观察表达式，值是对应回调。值也可以是方...