前端问题总结
guhy fighting
什么东西都不是一蹴而就的,要学会坚持,隐忍,包容
展开
-
Vue 禁用浏览器的前进后退操作
Vue 禁用浏览器的前进后退操作原创 2023-02-21 15:42:25 · 2074 阅读 · 2 评论 -
ztree使用过程中遇到的问题总结
ztree使用过程遇到的问题总结原创 2023-01-13 11:24:55 · 632 阅读 · 0 评论 -
style background变量vue
style的baclground 变量原创 2022-12-01 17:13:16 · 2574 阅读 · 0 评论 -
css3对页面打印设置的一些特殊属性,如@page,target-counter等
css3 对页面打印设置原创 2022-11-17 11:36:17 · 3975 阅读 · 1 评论 -
数据处理:一维数组转成树状结构(递归和非递归),树状结构转成扁平化数组(递归和非递归)
数据处理:一维数组转成树状结构(递归和非递归),树状结构转成扁平化数组(递归和非递归)原创 2022-11-11 11:39:18 · 310 阅读 · 0 评论 -
iview表格内容超出后显示...,鼠标移入提示tooltip
iview表格内容超出后显示…,鼠标移入提示tooltip原创 2022-10-31 14:27:27 · 1073 阅读 · 0 评论 -
vue2版本下如何分环境打包
vue2版本下如何分环境打包原创 2022-10-19 10:50:12 · 997 阅读 · 0 评论 -
为什么 vue和 react 都选择了hooks?
vue 和 react 都选择了hooks原创 2022-09-08 18:07:29 · 2052 阅读 · 0 评论 -
ie11浏览器兼容性报错app.js script1003 缺少:
ie11浏览器兼容性问题 vue原创 2022-08-31 15:27:08 · 1243 阅读 · 0 评论 -
谷歌浏览器如何截全屏图片?
浏览器截取全屏插件 ctrl+shift+p原创 2022-08-19 10:18:29 · 11227 阅读 · 0 评论 -
表单自动填充问题解决
html form 表单 autocomplete原创 2022-08-18 16:53:52 · 767 阅读 · 0 评论 -
如何开发webpack插件
webpack插件开发原创 2022-07-21 19:46:49 · 1577 阅读 · 0 评论 -
Easyconnect 选路连接失败,可能当前连接网络异常,请稍后重试
Easyconnect 选路连接失败,可能当前连接网络异常,请稍后重试原创 2022-07-18 17:46:30 · 25906 阅读 · 0 评论 -
error: cannot lock ref ‘refs/remotes/origin/release/xxxx‘: ‘refs/remotes/origin/release‘ 已存在,无法创建
cannot lock ref 'refs/remotes/origin/release/1.0.0'原创 2022-07-12 19:30:01 · 3291 阅读 · 1 评论 -
extract-stealth-evasions 如何防止 Selenium 被检测出来
防止自动检测原创 2022-07-06 18:29:47 · 874 阅读 · 0 评论 -
vue动态绑定class的几种方法
vue动态绑定class的几种做法原创 2022-06-23 18:14:39 · 80952 阅读 · 4 评论 -
将项目同时 push 到 github、gitlab 的方法
项目同时push 到github,gitlab的方法原创 2022-06-13 17:10:16 · 987 阅读 · 0 评论 -
win7操作系统nodeJs环境搭建失败问题:Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher
win7系统不支持node(12.16.2)以上版本原创 2022-06-13 11:42:25 · 1088 阅读 · 0 评论 -
npm install:ChromeDriver installation failed Error with http(s) request: Error: read ETIMEDOUT
jekins 报错 chromeDriver原创 2022-06-11 18:36:51 · 2893 阅读 · 0 评论 -
ES6中的class和export的用法
1、class 的用法ES6中的Class用法类似Java的Class用法,但class的本质是js一个function//定义类class Person { //定义构造方法 constructor(name, age){ console.log("父类构造方法") this.name = name; this.age = age; } getInfo(){ return `姓名:${this.name}原创 2022-04-27 17:00:24 · 2999 阅读 · 0 评论 -
webpack4 生产环境css样式丢失
webpack4升级遇到的一些问题webpack4 生产环境css样式丢失package.json“sideEffects”: [“.css",".less”,“*.scss”], 或者设置成truevue、react配置gzip打包后,删除源文件deleteOriginalAssets: true,nginx需要的配置 CompressionWebpackPlugin 的deleteOriginalAssets nginx 配置 gzip_static on;...原创 2022-04-22 13:44:00 · 3533 阅读 · 0 评论 -
qiankun微前端架构 落地的一次实践
qiankun原创 2022-04-22 11:29:37 · 1689 阅读 · 0 评论 -
vue封装组件并发布到npm上的全过程
vue3封装组件发布到npm上原创 2022-04-20 11:52:21 · 2105 阅读 · 2 评论 -
git将远程分支回退到相应版本
git将远程分支回退到相应版本git checkout test这个test就是需要被配置的分支,它对应的远程就是origin/testgit reset --hard commit-id这是将当前branch重置到commit-id, --hard是重置是丢弃xxx之前的所有代码变化git push --force\制把本地重置好的推给远程,此时的origin/test就和本地保持一致了。...原创 2022-04-12 16:32:26 · 4072 阅读 · 0 评论 -
vuex 工作的原理
描述vuex 是vue的状态管理工具,是通过全局注入store对象,来实现组件间的状态共享vuex的构成1)statestate是存储的单一状态,是存储的基本数据。2)Gettersgetters是store的计算属性,对state的加工,是派生出来的数据。就像computed计算属性一样,getter返回的值会根据它的依赖被缓存起来,且只有当它的依赖值发生改变才会被重新计算。3)Mutationsmutations提交更改数据,使用store.commit方法更改state存储的状态。(m原创 2022-04-06 18:20:18 · 1609 阅读 · 0 评论 -
webpack4如何删除sass或css内的注释?
const UglifyJsPlugin = require(‘uglifyjs-webpack-plugin’)optimization: { minimizer: [ // 压缩CSS new OptimizeCSSAssertsPlugin({}), // 压缩JS new UglifyJsPlugin({ // 有很多可以配置 cache: true, p原创 2022-04-02 14:05:31 · 551 阅读 · 0 评论 -
package.json中^和~的区别
node项目的package.json列出了项目所依赖的插件和库,还有版本号,版本号有’^’(插入符号)和’~’(波浪符号)两种~~:波浪符号更新到当前次版本号中最新的版本。如:“cross-env”: “~5.2.0”,这个库会去匹配更新到5.2.x的最新版本,如果出了一个新的版本为5.3.0,则不会自动升级。波浪符号是曾经npm安装时候的默认符号,现在已经变为了插入符号。^:插入符号当前库的版本更新到当前主版本最新的版本。如:“axios”: “^0.18.0”, 这个库会去匹配0.x.原创 2022-04-01 18:08:49 · 224 阅读 · 0 评论 -
vue 按需引用组件view-design报错
DatePicker 组件引用时:出现以下报错在 build/webpack.base.conf.js 文件里对应位置添加报错的文件(上面报错信息第一行的 v-click-outside-x.js 文件)// 修改前module.exports = { module: { rules: [ { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), reso原创 2022-04-01 17:48:02 · 1195 阅读 · 0 评论 -
windows系统管理多个node.js版本
项目中可能需要用到多个node版本的环境,windows系统如何管理多个node.js版本1、安装nvmhttps://www.cnblogs.com/dreamsqin/p/10885082.html2、nvm的使用:nvm 下载 安装node 的目录C:\Users\Administrator\AppData\Roaming\nvm我们使用nvm的命令控制node.js的版本nvm // 会提示nvw下的相关命令nvm ls // 查看已安装node版本nvm install vXX /原创 2022-03-28 21:44:42 · 1837 阅读 · 0 评论 -
模块化和组件化的理解
一、什么是组件和模块1.1组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用),位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。1.2模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。模块就像有多个USB插口的充电宝,可以和多部手机充电,接口可以随意插拔。复用性很强,可.原创 2022-03-15 11:57:01 · 2744 阅读 · 0 评论 -
windows安装 wget
下载wget的zip包:https://eternallybored.org/misc/wget/有时好使有时不好使,多试几遍就可以下载完成之后放到 windows/system32 目录底下打开cmd,输入wget -V可以看到wget安装成功wget命令格式详解: wget [参数列表] [目标软件、网页的网址] -o,–output-file=FILE 将软件输出信息保存到文件 -a,–append-output=FILE将软件输出信息追加到文件 -d,–debug显示输出信息原创 2022-03-04 21:03:54 · 921 阅读 · 0 评论 -
js沙箱是什么?
在前端编码中,或多或少都会接触到沙箱,学会使用沙箱,可以避免潜在的代码注入以及未知的安全问题。 沙箱,即sandbox,顾名思义,就是让你的程序跑在一个隔离的环境下,不对外界的其他程序造成影响,通过创建类似沙盒的独立作业环境,在其内部运行的程序并不能对硬盘产生永久性的影响。JS中沙箱的使用场景1、jsonp:解析服务器所返回的jsonp请求时,如果不信任jsonp中的数据,可以通过创建沙箱的方式来解析获取数据;(TSW中处理jsonp请求时,创建沙箱来处理和解析数据);2、执行第三方...原创 2022-02-05 18:03:10 · 1475 阅读 · 0 评论 -
js 保留两位小数的方法总结
1、四舍五入的情况var num =2.446242342;num = num.toFixed(2); // 输出结果为 2.452、不四舍五入第一种,先把小数边整数:Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77第二种,当作字符串,使用正则匹配:Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/)) // 输出结果为 15.77,不能用于整数如 10 必须写原创 2022-01-26 14:27:40 · 3464 阅读 · 0 评论 -
Echarts x轴显示不全
xAxis : [ { type : 'category', data : ['采矿业','制造业','电力热力燃气及水生产和供应业','建筑业'], axisTick: { alignWithLabel: true }, axisLabel:{ interval:0 } }]解决办法:x轴加上如下代码。axisLabel:{ show: true, textStyle: { color: '#47原创 2022-01-25 16:06:13 · 1658 阅读 · 0 评论 -
VSCode 如何查看git提交的历史记录或逐行记录
1:打开VSCode左边栏,选择“Extension”图标2:直接搜索Git history 和 Gitlens,直接安装,然后重启编辑器。Gitlens这个插件主要是引用在当前文件某个地方的审查中会比较方便,可直接跟踪最新的修改记录3:任意选择一个文件,你鼠标点击哪一行代码,后面都会提示谁在什么时候做了什么,鼠标悬浮提示上便会直接显示作者,版本,时间,点击作者直接可以发邮件,非常方便呢4:当然,你如果不需要逐行代码展示,觉得麻烦,也可以搜索出 Gitlens 拓展插件,直接禁用,重启便可...原创 2022-01-19 14:31:45 · 27983 阅读 · 2 评论 -
说说Vue2.0和Vue3.0有什么区别
1、重构响应式系统,使用Proxy替换Object.defineProperty 优点:可直接监听数组类型的数据变化 监听的目标为对象本身,不需要像Object.defineProperty一样遍历每个属性,有一定的性能提升 可拦截apply、ownKeys、has等13种方法,而Object.defineProperty不行 直接实现对象属性的新增/删除 缺点:兼容性不好2、新增Composition API,更好的逻辑复用和代码组织3、重构 Virtual原创 2022-01-12 21:25:47 · 162 阅读 · 0 评论 -
“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’引入方式改为:import * as echarts from ‘echarts’;或const echarts = require(‘echarts’);原创 2022-01-08 16:36:03 · 5753 阅读 · 4 评论 -
flex布局 - 语法篇
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。1、容器属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性: 决定主轴的方向(即项目的排列方向).box { flex-direction: column | column-reverse | row | row-reverse;}column:主轴为垂原创 2022-01-08 14:06:48 · 56 阅读 · 0 评论 -
node-sass和 sass-loader版本不符合导致不能构建
目前用到的合适版本:“node-sass”: “^4.14.1”“sass-loader”: “^6.0.7”以后会随时更新版本原创 2022-01-05 15:42:49 · 182 阅读 · 0 评论 -
json树递归,根据子id获取父id
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-12-31 17:29:07 · 798 阅读 · 0 评论