禅あ思之前端问题集中地
文章平均质量分 70
前端问题、效率等研究和方案处理
禅思院
靡不有初,鲜克有终
展开
-
日常记录 非文章 凌乱
npm包father-build 基于 rollup 的库构建工具,father 更加强大// 当第一个微应用挂载以后,执行回调函数,在这里可以做一些特殊的事情,比如开启一监控或者买点脚本从 props 中获取通信方法,监听全局状态的更改和设置全局状态,只能操作一级属性。原创 2024-08-28 09:19:47 · 230 阅读 · 0 评论 -
history,hash缓存那些事
是基于 window.history 对象是HTML5提供的用于维护当前标签页浏览历史的对象,主要功能是前进后退和在不刷新页面的情况下,修改地址栏里的URL地址。history 模式就是利用了 HTML5 historyAPI,所以也叫 HTML5 模式,Vue Router 中是用 createWebHistory() 创建。地址发生变化 都会出现404 而404 会在服务器上映射到index.html中,重新请求资源!原创 2024-07-22 17:40:08 · 1096 阅读 · 0 评论 -
手把手教你pkg将Node.js项目打包为可执行文件
突然接到一个演示的需求,背景是这样的,需要在客户那边部署一个项目,但是这个项目需要的服务器的配置比较高,客户那边也没有好的机器,为了看系统的功能性,数据可以不就有真实性,也能慢走,这个时候我给项目经理说,可以考虑只部署前端,但是接口数据怎么来呢?原创 2024-02-25 06:15:00 · 2603 阅读 · 0 评论 -
linuxnodejs 20.* 安装问题,version `GLIBCXX_3.4.26‘
node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.20' not found (required by node)node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by node)node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found (required by node)原创 2024-01-03 10:36:10 · 951 阅读 · 0 评论 -
Error: error:0308010C:digital envelope routines::unsupported
由于台式换成笔记本,之前的项目 基于版本运行,笔记本安装,vue相关项目报错。原创 2023-01-07 18:19:10 · 933 阅读 · 0 评论 -
你所不知道的文件上传更安全的类型判断
你所不知道的文件上传更安全的类型判断前言在项目的实现过程中,大多数的前端在文件上传的的业务需求的实现过程中,就是简单的文件上传,也就是在表面上判断文件的后缀名来实现,例如:图片的校验,只需要判断后缀名为.jpeg、.jpg、.png等等,或者通过原生的html标签限制,如<input type="file" accept="image/*" />或者第三方的UI组件也是这个原理;其实我们都知道,这样的逻辑判断是没有什么问题,也没有任何逻辑问题,这只是在常规的情况下,如果一个黑客,当然不会用原创 2022-01-18 19:45:00 · 1678 阅读 · 0 评论 -
node-sass 安装失败,解决大全
node-sass是什么?node-sass是一个项目依赖,在一个项目中在使用sass语法的时候,必须通过sass-loader来解析sass,从而使sass语法变成浏览器能够识别的CSS语法,而node-sass模块就是对sass-loader的支持模块,所以不安装node-sass,sass-loader就不能正常工作node-sass 安装失败的原因npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长原创 2021-11-14 17:30:00 · 977 阅读 · 0 评论 -
element el-table组件的 el-table-column加了fixed属性列固定后样式高度错乱问题
问题1element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱原因el-table-column 列加了fixed="right"操作后,从源码上来看,加入fixed之后这个列的高度是动态计算的,页面加了缓存,再次切换回来就会导致高度没有计算padding值所有会出现高度错乱的问题。方案覆盖el-table__fixed-right 的css 样式.主class .el-table__fixed-right {heigh原创 2021-09-07 18:17:09 · 11224 阅读 · 9 评论 -
webpack升级5之后编译的问题 Cannot find module ‘webpack-cli/bin/config-yargs‘
webpack升级5之后编译的问题 Cannot find module ‘webpack-cli/bin/config-yargs’遇到问题我们在在github项目的Issues看到Error: Cannot find module ‘webpack-cli/bin/config-yargs’ #1948this is the older folder structure i just created a few days ago:所以我们把 webpack-cli 降级到3*的版本 即可原创 2021-01-26 14:21:05 · 1016 阅读 · 0 评论 -
几种可以使CSS 不定宽高的垂直水平居中方法
几种可以使CSS 不定宽高的垂直水平居中方法我们常用的flex、transform、absolute 等等。还有 CSS3 的网格布局,还有伪元素的方法,是的,你没有看错, 也可以实现居中;相信大家没有用过::after 和 ::before,正好可以了解!下面工作的搜集到,分享给大家!transform + absolute<div class="wrapper"> ...原创 2019-10-26 15:44:10 · 2390 阅读 · 0 评论 -
vue-cli3引入svg-icon正确姿势
在博客的前边已经介绍前端svg-icon的使用.为啥要这样做,我们都知道任何一个项目到上线经过一段时间的UI设计,开发,测试等流程,为了统一管理项目中所使用的icon,也是为了后期的更改,更为了多人开发的使用,这样统一引用,给开发带来很好的收益以及减少开发时间,也为了后期更好的维护,下面我以项目实列来说下(vue-cli3脚手架构建):项目构建生成目录:在构建的项目中在src的compone...原创 2019-01-22 10:18:10 · 10105 阅读 · 2 评论 -
Babel 不是万能的, 慎用 for..of
最近被一个for…of的问题耽误好久,发现是for…of的问题,哈哈,真的很苦逼啊,有时候能过,有时候过不了,看babel 的心情啦!什么是Babel给大家讲个故事传说古时候一群人想建一个通天塔,去天上看看上帝在干什么。上帝于是挥挥手,让这群人说不同的语言,于是他们再也不能顺畅沟通,塔也就建不起来了。在JavaScript中,不同版本的浏览器对JavaScript的版本各有要求,而...原创 2019-09-09 18:12:33 · 2733 阅读 · 1 评论 -
前端异常监控解决方案研究
前端监控包括行为监控、异常监控、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如果出现异常,有可能是前端引起,也有可能是后端引起,需要有一个机制,将前后端串联起来,使监控本身统一于监控系统。因此,即使只讨论前端异常监控,其实也不能严格区分前后端界限,而要根据实际系统的设计,在最终...转载 2019-04-15 15:41:21 · 1636 阅读 · 0 评论 -
解决element-ui在在safari浏览器中 抽屉组件 出现动画错误
解决element-ui在在safari浏览器中 抽屉组件 出现动画错误问题演示在官网上的版本 出现此问题是在2.13.0版本之后,之前的版本没有任何问题。2.13.0之前和之后的的版本代码对比2.12.0.... data() { return { closed: false, prevActiveElement: null };...原创 2020-04-16 16:26:55 · 1821 阅读 · 1 评论 -
vue-cli4.* npm install 报错
vue-cli4.* npm install 报错问题描述: Unexpected end of JSON input while parsing near '…"解决办法:(1)npm install --registry=https://registry.npm.taobao.org --loglevel=silly(2) npm cache clean --force(3) npm...原创 2019-12-16 18:10:07 · 1239 阅读 · 1 评论 -
vue-cli3.0 启动时端口随机是谁的锅?
vue-cli3.0 随机端口的问题原创 2019-08-20 10:13:10 · 3704 阅读 · 1 评论 -
在框架设计中寻求平衡
特别说明这是一个由 simviso 团队对 http://JSConf.Asia 中关于 前端框架设计取舍 相关话题进行翻译的文档,内容并非直译,其中有一些是笔者自身的思考。而分享者正是 Vue.js 的作者 @尤雨溪,Vue 仓库地址:https://github.com/vuejs/vue让我们一起来了解下在当前框架三足鼎立的局势下,如何直接透过框架本身了解到更多有关框架设计中的的权衡,以...原创 2019-08-13 13:26:02 · 3195 阅读 · 0 评论 -
关于npm引入gojs以及去除水印的方法
最近项目中有需要画图的需求,以为数据量大 ,渲染很卡,之后选用gojs。npm install gojs -S安装完之后,引入发现,左上角是什么,竟然有水印,真让人不省心,对于要公司版权问题,哎,九牛二虎之力找到了解决办法。有兴趣的私聊。–...原创 2019-03-11 17:33:51 · 4058 阅读 · 4 评论 -
VueCli3.* 项目兼容IE11
该项目是以,Vue-cli3.* 创建的工程,运行项目IE11访问出现空白页面,现象如下HTML1300: 进行了导航。loginHTML1300: 进行了导航。loginDOM7011: 此页上的代码禁用了反向和正向缓存。有关详细信息,请参阅: http://go.microsoft.com/fwlink/?LinkID=291337login[HMR] Waiting fo...原创 2020-01-11 03:08:09 · 11559 阅读 · 3 评论 -
彻底解决 Cannot read property ‘range‘ of null 错误的几个方案和后期造成的一劳永逸的方案
vuecli3.* npm run serve 报 Cannot read property ‘range’ of null 错误几种解决方案以及避免后期造成的一劳永逸的方案前言今天由于我们组的部分人,代码等各种因为的问题,造成版本混乱,多余等等,不利于维护,作为leader的我,为了后期项目更好的今行,特意整理下问题,npm install之后 npm run serve 莫名的运行 np...原创 2020-01-09 12:03:57 · 38829 阅读 · 9 评论 -
渲染大量数据显示的优化
渲染大量数据显示的优化在最近的项目中遇到一些大数据渲染问题,在渲染时候变得非常卡,有时候页面还会造成崩溃的显现,vue渲染小数据挺快,大数据vue开始出现卡顿现象,vue 中的虚拟DOM也不行,这对于我们大数据公司来说,无疑是非常头疼的地方,对于前端来的我们来说,无疑影响是最大的。业务背景:在数据脱敏的过程中,前端需要展示数据中每个表的一个脱敏过程,包括每个表的从创建,脱敏等等,在数据库表非...原创 2019-02-26 14:52:48 · 4616 阅读 · 0 评论 -
如何在chrome中安装Vue调试神器vue-devtools
前言最近研究一下vue-devtools,感觉还蛮不错的,顺便尝试安装了一下。vue-devtools是什么?vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。系统环境vue-devtools如何安装?第一种安装方法,考验自己的动手能力,对于我们开发来说,这都不是事儿,因为在安装成功的那一刻,有一种自豪的感觉。在gi...原创 2019-02-13 16:02:54 · 3103 阅读 · 0 评论 -
项目中利用npm生成package.json的那点事儿
前言随着互联网的飞速发展,各种技术日益更新,迭代…。而前端无疑是变化最大的一种,做前端的人都知道nodejs,而nodejs有很多的依赖,那么我们在新建一个项目的时候,如何快速的导入这些依赖从而创建一个nodejs项目呢???前端入门级系统环境Linux stone 4.15.0-29deepin-generic #31 SMP Fri Jul 27 07:12:08 UTC 201...原创 2019-02-12 19:04:45 · 9414 阅读 · 0 评论 -
如何友好的利用XHR的状态,实现前后端的桥梁
欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体...原创 2019-01-21 11:40:28 · 2767 阅读 · 1 评论