huxihua2006的博客

原创 各种前端框架界面

今天去面试了前端开发岗位，感觉希望不大。毕竟中间空了一段时间没接触，得赶紧把新的知识点补上，这样哪怕是居家办公也能胜任。前端技术更新迭代很快，已经有不少新的前端框架问世，而且像geeker-admin风格的界面设计也挺不错的。

原创 被这环境整得头疼了

不知道这个是什么问题，1.typescript版本，原来是5.8.3，现在已经改成5.0.4也还是不行，2.@import “…/index.scss”;将@改成use也报错。/* 自定义 element 暗黑模式 */

原创 回头发现已流行用vue-ben-admin框架了

原创 vue3笔记

Node.js要求18版本以上，vue2脚手架是vue-cli,vue3脚手架是vite，vue3可以搭配typeScript，vue2只可以有一个div根标签，vue3可以有多个div根标签并排。如果把reactive换成shallowReactive，那么得到的结果是，虽然执行修改时也Push了，但是二维数组是不会生效，只有一级目录的age属性去执行才可修改。还有一种常用的双向绑定，ref除了和v-model配合使用，也可以把ref直接写在标签里面。也可以加在标签上，简写成这样。

原创 react学习笔记一

2.当点击按钮时显示文本内容，但是如果点击时想要显示修改内容是没办法更新的，需要用到useState函数，且会返回一个数组，数组里面会有2个参数，第一个值content表示对当前数据的引用也可以理解为本次渲染的数据内容，第二个值setContent表示用来去修改这个状态，第一个参数用来读，第二个参数用来改。1.React组件可以是一个方法，也可以是一个class. 方法里面可以写html，class里面也可以写Html。Jsx几乎和js一样，不同点就在于，可以更方便的写html在js里，html。

原创 uniapp加载本地图片不显示的原因

加载本地图片不正常显示的解决办法

原创 适合前端学习的常用网站

原创 适用于Uniapp快速开发小程序的5个开源UI框架

参考地址：https://baijiahao.baidu.com/s?

原创 //表格首行高亮，鼠标移动设置当前行颜色

highlight-current-row:高亮。//表格首行高亮，鼠标移动设置当前行颜色。

原创 IIS部署步骤

4. 输入自定义网站名（可以是项目名，名）->选择物理路径（需要发布的程序包的路径）->接下来设置端口号，一定要设置且不能重复。5. 配置可访问的权限，选中新建的服务网站名称：“app",单击右侧【编辑权限】->在弹出页面选择【安全】页面，单击【编辑】按钮->在弹出页面单击【添加】->输入everyone->单击【确定】按钮。8. 应用程序池配置，单击【应用程序池】->选中app应用程序->单击【基本设置】-选择.net clr版本和托管管道模式->单击【确定】->并重新停止->启动该应用池。

原创 获取el-select选中的下标

accountZbList:[ ]:下拉列表已通过接口获取数据。

原创 创建一个普通的vue项目

1.import ElementUI from ‘element-ui’ //vue项目配置ElementUI。2) 在src目录下新建一个api文件夹，且在api文件夹中再新建一年request.js文件，复制以下代码。4.运行时默认运行的页面就是app.vue，不需要登录就可以直接进入主页。可以按照官方方法使用npm i element-ui -S命令进行安装。1.用HbuilderX工具开发，新建项目时选择vue2.6.10。在main.js配置3行，且要在最前面。

原创 导入导出并将excel表格数据展示

【代码】导入导出并将excel表格数据展示。

原创 合计行多位小数四舍五入转换，整数不转

【代码】合计行多位小数四舍五入转换，整数不转。

原创 renren-fast-vue环境升级后，运行正常打包后，访问页面空白

2.后来发现还是不行，原来config里面的index.js文件被拆分到init.js里面去了，所以把init.js代码全部复制到config里面的index.js。3.问题：打包后的index.html中引入的是config文件夹，而打包的结构只有static所以找不到报错了。方法：1.后来发现config文件夹就放在static里面，所以手动把config移出来，和static平级，3.index.html这样就能正确的加载到./config/index.js文件。2.升级后是这样，少了日期文件夹。

原创 环境异常总结

1.vue项目 npm run dev 运行时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 不是内部或外部命令。4.安装时报错需：npm install node-sass@6.0.1 sass-loader@10.2.0 --legacy-peer-deps。解决方案：指定 webpack-dev-server 低版本号。原因：webpack-dev-server存在问题。

原创 el-table表尾添加合计行，自动合计，且特殊列自定义计算展示

1.element-ui的table表格有合计功能，但是功能却不完善，会有不显示和计算出现错误的问题，项目中有遇到，所以记录下。getSummaries（）：对合计行进行特殊处理展示。show-summary：自动合计。

原创 钉钉小程序引用阿里巴巴图标

2.打开的界面如图，先建一个iconfont.acss文件，全选浏览器打开的样式代码，复制粘贴进新建的iconfont.acss文件中。

原创 【无标题】

找到问题所在：Module build failed: Error: Node Sass version9.0.0 is incompatible with ^4.0.0.这是由于Sass的版本过高导致，所以根据提示将版本改为较低的版本就可以了，我这里是改为4.0.0版本。4.在（终端）中先输入：npm install如果未成功在输入cnpm install。如果还是不行，npm install —加上错误提示有的命令。3.在（终端）中先输入：ctrl+c在点yes终止运行。

翻译 解决限制输入框数字不能为负数

解决限制输入框数字不能为负数

转载 7种数组的变更方法

【代码】学习7种数组的变更方法。

原创 过滤重复对象放入数组

【代码】过滤重复对象放入数组。

原创 js中数组删除对象的几种方式总结

【代码】js中数组删除对象的几种方式总结。

原创 elementui实现当前页全选+所有全选+翻页保持选中状

解决elementui实现当前页全选+翻页保持选中状态

原创 解决el-table打印时数据重复显示

width:20px } th { }’, // 表格样式。this.is_fixed = false //打印时取消固定。1.表格数据比较多加了横向滚动和竖向滚动，导致打印出问题。is_fixed: true,//data中定义初始值。this.is_fixed = true //改回固定。

原创 el-input输入框type=“number“时，禁止鼠标上下滑动改变数值

禁止鼠标上下滑动改变数值

原创 nvm升级node版本

输入：nvm install 16.18.1。1.首先有安装nvm和配置环境的前提。2、命令查看，切换到D盘目录下。nvm安装指定版本的node。4、查看已有的node版本。3、安装到指定的版本。

原创 vue 运行时正常，打包却报错

【代码】vue 运行时正常，打包却报错。

原创 程序员和设计师免费自学网站

程序员和设计师免费自学网站

原创 自定义组件和样式学习

注：Props中的变量名不能直接修改，是只读的，所以需要将只读赋值给data里面的变量，例：count:this.props数组中定义的变量名. (props[‘自定义变量名’=只读，需要将只读变为可修改，所以把只读的赋值给data里面的count来接收，页面也展示count])例：将left.vue中有一个h3标签设置样式color:red，那么right.vue中h3标签样式也会变成红色文字，因为left.vue和right.vue都是在APP.vue中，所以样式冲突了。三、Vue自定义组件。

原创 uniapp自定义可复用的组件

vue uniapp自定义网格组件

原创 el-input展示多个值

el-input触发列表多选再回填

原创 vue环境总结

vue环境报错总结

转载 vue表格数据打印功能的实现

vue表格数据打印

原创 vue跳转到其它页面时同时关闭当前页面

vue跳转到其它页面时同时关闭当前页面

原创 elementui3

elementui

原创 vue限制菜单列表展示

限制菜单页面展示

原创 vue添加动态路由控制菜单

动态路由授权展示增删改查功能

原创 uniapp封装url

uniapp封装url

原创 解决el-table表格底部水平滚动条展示在合计上不美观

滚动条样式修改