TypechoJoeTheme

A bit of life

登录
用户名
密码
搜索到 5 篇与 渣渣前端 的结果
2021-06-10

代码中大量的if/else,你有什么优化方案?

代码中大量的if/else,你有什么优化方案?
前言在产品快速迭代的中,由于追求开发速度,我们往往忽略代码的可读性与扩展性,不合理的使用if-else条件判断会使我们的程序复杂度大大提升,同时也会使代码的可读性急速下降,后期维护难度也大大提高,真的让人脑壳疼。比如下方示例:// 贷款申请操作的处理function check() { // 是否输入正确用户名 if (this.checkUsername(this.username)) { // 是否输入正确身份证号 if (this.checkIdCard(this.idCard)) { // 请输入正确的电话号码 if (this.checkTel(this.tel)) { // 担保人是本人 if (this.dbr === '担保人是本人') { // 是否存在身份证正面 if (document.querySelector('.sfzzm img')) { console.log('存在身份证正面') ...
2021年06月10日
325 阅读
0 评论
2021-06-02

获取a的href的锚点连接target,优雅的跳转

获取a的href的锚点连接target,优雅的跳转
获取a的href的锚点连接target,通过targetOffset=$(target).offset().top; 获取该锚点到浏览器顶部的距离,然后给body添加动画$('html,body').animate({ scrollTop: targetOffset }, 1000);全部代码 /锚点动效/ $('a[href=#],area[href=#]').click(function() { if (location.pathname.replace(/^//, '') == this.pathname.replace(/^//, '') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']'); if ($targ...
2021年06月02日
383 阅读
0 评论
2021-05-13

css3 transtion 从右向左过渡

css3 transtion 从右向左过渡
<h3>过渡方向决定于子元素初始位置:right-从右向左过渡,left-从左向右过渡</h3><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="https://www.cnblogs.com/jizuiku"/> <title></title> <style type="text/css"> .father { height:100px; width:100px; background-color:green; position:relative; } .son { height:50px; / 隐去宽度 / ...
2021年05月13日
388 阅读
0 评论
2021-05-03

利用CSS三角形实现的冒泡框

利用CSS三角形实现的冒泡框
<h3>请用 CSS 实现如下图的样式,相关尺寸如图示,其中 dom 结构为:</h3><div id=”demo”></div>这是一道去年的百度笔试题。涉及定位、三角形、伪元素。下面是我的解答以及一些知识概述,都在程序里了<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #demo{ width: 100px; height: 100px; background-color: #fff; border: 2px solid #000; position: relative; } #demo...
2021年05月03日
467 阅读
0 评论