10后程序员劝退师

摘要： 惰性函数 指在函数运行过程中，当无需重复校验判断的模块，频繁调用时，可以考虑惰性函数的思路 比如 function handleFn() { if(当满足这个条件时) { return （arg） => { 所需执行的代码 } }else { 当其他条件时 return （arg） => { 所需执 阅读全文

摘要： <h2 class="title"><span >围殴围殴我饿我饿我饿哦我饿围围殴围殴我饿我饿我饿哦我饿围殴围殴我饿我饿我饿哦我饿我饿围殴围殴殴围殴我饿我饿我饿哦我饿我饿围殴围殴</span></h2> css： .title { line-height: 2; color: #333; } .ti 阅读全文

摘要： 如果自定义动态右键菜单组件，模块与模块之间互不影， 细节样式可以后续补充 注意点：Teleport解决定位问题，Transition解决动画问题 contextMenu组件 <template> <div ref="continerRef"> <slot></slot> <Teleport to=" 阅读全文

摘要： css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; 阅读全文

摘要： 平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v 阅读全文

摘要： A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template 阅读全文

摘要： 当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) 阅读全文

摘要： <textarea @input="handleChange" rows="1" class="txt"></textarea> const handleChange = (e) => { const textarea = e.target textarea.style.height = 'auto 阅读全文

摘要： 以下基于vue3 来实现 首先创建一个指令函数页面 sizeDriect.js const map = new WeakMap() //相对map 不会造成内存泄漏 const ob = new ResizeObserver((entries) => { for(const entry of ent 阅读全文

摘要： 解决微信公众对于 授权域名数量限制问题 这是公众号支付（jsapi）方式，h5支付也是大致如此根据环境区分开即可 首先在platform 端需要留出下单页面（submit），支付成功手动重定向回去的页面（successCallBackPage） 当在submitpage 微信下单跳转 window. 阅读全文