技巧总结
一码哥
这个作者很懒,什么都没留下…
展开
-
element plus table组件横向滚动条吸底/吸顶实践
element plus table组件横向滚动条吸底/吸顶实践原创 2022-07-27 11:01:56 · 1816 阅读 · 1 评论 -
使用externals配置,在VUE 工程中引入外部js文件,减少打包时间
以VUE项目中引入echarts文件为例:第一步在VUE项目中找到index.html文件 引入 :<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.js"></script>第二步 在项目找到 build > webpack.base.conf.js module.exports = { externals: { ...原创 2021-07-18 16:55:00 · 1329 阅读 · 0 评论 -
npm run build --report 不生成report分析文件原因
运行 下面命令即可 (命令行后缀参数需要多加 -- 符号)npm run build -- --report原创 2021-07-18 16:51:20 · 1217 阅读 · 0 评论 -
大屏界面自适应方案,使用vscode,px to rem插件全局
vscode px to rem插件页面1rem=20px直接按1920设计稿写最后全选转换ALT+Z自适应代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", ...原创 2021-07-06 11:29:31 · 641 阅读 · 0 评论 -
在element中,切换导航栏时,echart自动伸缩(页面大小变动时,echart伸缩不了)
<div ref="ECharts_bar2" class="echarts echart_line"></div>setTimeout(()=>{this.initEChartLine()// 初始化EChartconstresizeOb=newResizeObserver((entries)=>{for(constentryofentries){t...原创 2021-07-03 18:05:06 · 391 阅读 · 0 评论 -
NavigationDuplicated: Avoided redundant navigation to current location 解决重复路由错误
原因:是指路由重复。虽然对项目无影响,但是看到有红的不舒服!解决方法:打开router文件夹下的index.js文件中添加如下代码://获取原型对象上的push函数const originalPush = Router.prototype.push//修改原型对象中的push方法Router.prototype.push = function push(location) { return originalPush.call(this, locati...原创 2021-03-04 20:59:38 · 1659 阅读 · 1 评论 -
离线环境下安装node-sass
1.cmd查看node-sass版本node -p "[process.platform, process.arch, process.versions.modules].join('-')"如:win32-x64-67releases下载对应版本在项目根目录下新建.npmrc 文件,路径为下载文件地址sass_binary_path=C:\win32-x64-83_binding4.node重新 npm i 或者npm i node-sass@版本 ...over.原创 2021-02-25 16:31:23 · 1439 阅读 · 0 评论 -
vue中点击按钮关闭当前页面踩坑记录
vue中关闭当前页面踩坑记录当前页面直接使用window.close不行必须是新窗口才能使用window.close所以要router跳转时打开新窗口才能关闭//直接使用不行 window.close();//先使用下面跳转对应页面let routeData = this.$router.resolve({ path: `xxx`,});window.open(routeData.href, "_blank");//才能使用window.close()..原创 2021-02-20 17:38:58 · 5587 阅读 · 1 评论 -
前端必看书籍总结(哪些值得看)
JavaScript 高级程序设计 前端红宝书 2012年3月1日 门外汉入门 初级前端进阶 JS语法讲得比较细致 如第3、4、5、7、8、 10、11、13、14、20、 21 没有ES6是最大的问题 太细,读起来太费时间 (适合学生,不适合上班族) 讲了一些过时的东西第6章劝退了很多新手,...原创 2020-06-19 10:32:06 · 2443 阅读 · 0 评论 -
工作中遇到的HTML和CSS布局和JavaScript技巧记录分享
工作中遇到的HTML和CSS布局和JavaScript技巧记录分享左右对齐:display:flex;justify-content:space-between2.固定菜单项:jquery:$(window).scroll(function() { if ($(window).scrollTop() >= 55) {//如果滑动大于55px;吸住左侧菜单栏 $(".nav").css("position", "fixed"); }else{原创 2020-05-26 10:26:35 · 303 阅读 · 1 评论