2022年1月11日
vue项目避免进坑
摘要： 从Vue生命周期出发，部分业务报错，尽量将方法调用以及数据获取全部放到mounted，可以极大的减少dom节点未生成而报错； created，能获取data，不能获取dom，mounted能获取data，也能获取dom 阅读全文
posted @ 2022-01-11 14:24 SultanST 阅读(19) 评论(0) 推荐(0) 编辑
真正可用的CSS文字两端对齐
摘要： 最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是互相转帖，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrom 阅读全文
posted @ 2022-01-11 14:17 SultanST 阅读(20) 评论(0) 推荐(0) 编辑
来回自如的切换淘宝镜像与国外源
摘要： 来回自如的切换淘宝镜像与国外源 1.打开cmd，查看当前镜像地址： npm get registry 2.切换为淘宝镜像： npm config set registry http://registry.npm.taobao.org/ 3.切换为原本的npm镜像： npm config set re 阅读全文
posted @ 2022-01-11 14:16 SultanST 阅读(66) 评论(0) 推荐(0) 编辑
2021年12月8日
js 树的各种骚操作，生成树，父子链，树推平
摘要： ####js生成树结构 1、假树，利用共享内存实现，非真遍历，这个是一种比较直观的写法 let list = [ {id:1,name:100}, {id:11,name:101,pid:1}, {id:111,name:1011,pid:11}, {id:2,name:200}, {id:22,n 阅读全文
posted @ 2021-12-08 15:02 SultanST 阅读(9) 评论(0) 推荐(0) 编辑
2021年12月1日
防止多次点击重复发起请求的前端方案
摘要： ###1、防止恶意重复快速点击 //给按钮添加控制，在control 毫秒内，第一次点击事件之后的点击事件不执行。 //当然时间间隔可以设置，默认为300毫秒。我们无意识的重复点击一般在300毫秒以内。 handleClick(event) { if (this.disabled) return; 阅读全文
posted @ 2021-12-01 10:03 SultanST 阅读(202) 评论(0) 推荐(0) 编辑
2021年11月30日
vue组件传参
摘要： 1、父组件用provide，子组件用inject（用这个方法可比较好的控制页面的各种状态值） 2、父组件里面给子组件加ref， 3、 $emit 4、父组件里面在子组件上传值，子组件用props接受参数 props 接收的参数不能再通过子页面修改重置 阅读全文
posted @ 2021-11-30 12:12 SultanST 阅读(26) 评论(0) 推荐(0) 编辑
2021年11月27日
vue项目抽组件和模块
摘要： //详情页面多个流程类卡片展示以及按钮提交类 //将业务操作等逻辑抽出去，主页面主要做各个卡片调用 //尽量将js，页面和css抽离分开 //将数据和方法全部写mounted里面可以避免报错（根据vue的生命周期以及methods等的渲染运算顺序） 阅读全文
posted @ 2021-11-27 16:55 SultanST 阅读(14) 评论(0) 推荐(0) 编辑
2021年11月26日
vue父组件中调用子组件的方法
摘要： 方案一：通过ref直接调用子组件的方法； 父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </template> <script> import Chi 阅读全文
posted @ 2021-11-26 09:30 SultanST 阅读(34) 评论(0) 推荐(0) 编辑
Vue子组件调用父组件的方法
摘要： Vue中子组件调用父组件的方法，这里有三种方法提供参考 ###第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import chil 阅读全文
posted @ 2021-11-26 09:27 SultanST 阅读(44) 评论(0) 推荐(0) 编辑
2021年11月24日
网站加载 Waiting (TTFB) 时间过长的原因和解决办法
摘要： 关注网页前端性能的朋友，在优化网页性能的时候都会遇到网站加载 Waiting（TTFB）时间过长的问题。对于没有优化过的 WordPress 站点，TTFB 时间经常超过了页面内容的下载时间，为用户带来不必要的等待时间。这个问题的主要原因是在服务器端，不熟悉服务器运维的朋友优化起来可能会不知道从哪里 阅读全文
posted @ 2021-11-24 16:18 SultanST 阅读(81) 评论(0) 推荐(0) 编辑