前端技术文章-Golang学习网

文章 · 前端 | 6天前 |

uni-app开发需要严格的规范和注意事项，因为它是跨平台框架，需确保代码在不同平台兼容，且规范代码易于维护和扩展。1.遵循ESLint等代码风格规范，确保代码一致性和可读性。2.合理组织项目文件结构，确保每个文件职责明确。3.使用统一的命名规则，如驼峰命名法，帮助团队理解代码结构。

137 收藏

文章 · 前端 | 3天前 |

Vue.js项目如何无缝融入CI/CD流程

要将Vue.js项目集成到CI/CD流程中，需按以下步骤操作：1.定义.gitlab-ci.yml文件，设置构建、测试和部署阶段。2.使用npmrunbuild构建项目，并部署dist文件夹。3.利用环境变量区分不同部署环境。4.实施缓存、并行构建和代码质量检查优化CI/CD流程。这样可以提高开发效率和软件质量，实现自动化构建和部署。

137 收藏

文章 · 前端 | 1个月前 |

JSSIP库多人视频会议：视频流获取与显示

如何获取并显示多人视频会议中每个参与者的视频流在使用jssip...

136 收藏

文章 · 前端 | 1个月前 |

富文本编辑器局部样式清除技巧

富文本编辑器中清除选中文本样式在富文本编辑器中，如何快速清除所选文本的样式？以一个HTML...

136 收藏

文章 · 前端 | 1个月前 |

iPhone8P以上HTML5音频卡顿？

audio标签使用问题在使用HTML5<audio>标签时，遇到了兼容问题，即在iPhone8P...

136 收藏

文章 · 前端 | 1个月前 |

CSS文字白边阴影完美解决方案！

去除文字白边并添加阴影有开发者遇到了一个CSS...

136 收藏

文章 · 前端 | 1个月前 |

开启BFC后，兄弟元素外边距还会重叠？深度解析！

开启BFC，外边距重叠之谜问题：如果两个兄弟元素具有不同方向的外边距，同时开启...

136 收藏

文章 · 前端 | 1个月前 |

如何配置ESLint仅检查Vue文件中lang="ts"的TypeScript代码？

如何配置ESLint以实现对Vue文件中特定语言内容的检测在进行老项目的渐进式TypeScript改造时，如何配置ESLint使其�...

136 收藏

文章 · 前端 | 1个月前 |

CSS多列瀑布流布局秘籍：如何让第一列成为最高？

关于CSS多列布局的实现方法探讨本文将讨论一个CSS布局问题：如何在一个固定宽度、高度自适应的容器中，排列...

136 收藏

文章 · 前端 | 1个月前 |

Vue3动态加载主题及类型推断方法

在Vue3中利用import.meta.glob动态加载主题文件并进行类型推断本文将探讨如何在Vue3中使用import.meta.glob...

136 收藏

文章 · 前端 | 3星期前 |

JavaScript获取textarea元素值的妙招

JavaScript中正确获取textarea元素的值在JavaScript中操作HTML元素时，常常需要获取元素的值。对于

元素，...</div>
                <div class="clear"></div>
                <div class="opt">
                    <div class="left">
                        <span><i class="view"></i>136</span>
                        <span class="collectBtn user_collection" data-type="article" data-id="192193"><i class="collect"></i>收藏</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
                        <li class="li2">
                <div class="info lineOverflow">
                                        <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
                                        <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a>
                                          |  3星期前  |  
                                    </div>
                <div class="tit lineTwoOverflow"><a href="/article/192948.html" class="aBlack">CSS与树形结构绘制动态对阵图技巧</a></div>
                                <a href="/article/192948.html" class="img_box"><img src="/uploads/20250328/174313532967e622613f12a.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt=""></a>
                                <div class="cont lineFourOverflow">使用CSS实现对阵图：后端数据结构及前端方案探讨提问者希望了解如何使用CSS实现类似于图片所示的对阵图，并...</div>
                <div class="clear"></div>
                <div class="opt">
                    <div class="left">
                        <span><i class="view"></i>136</span>
                        <span class="collectBtn user_collection" data-type="article" data-id="192948"><i class="collect"></i>收藏</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
                        <li class="li2">
                <div class="info lineOverflow">
                                        <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
                                        <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a>
                                          |  2星期前  |  
                                    </div>
                <div class="tit lineTwoOverflow"><a href="/article/193371.html" class="aBlack">禁用CSS后，如何用代码实现相同效果？</a></div>
                                <a href="/article/193371.html" class="img_box"><img src="/uploads/20250401/174348550467eb7a4066517.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt=""></a>
                                <div class="cont lineFourOverflow">在浏览器开发者工具中禁用CSS属性的技巧在网页开发过程中，我们经常会使用浏览器的开发者工具（通常通过按...</div>
                <div class="clear"></div>
                <div class="opt">
                    <div class="left">
                        <span><i class="view"></i>136</span>
                        <span class="collectBtn user_collection" data-type="article" data-id="193371"><i class="collect"></i>收藏</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
                        <li class="li2">
                <div class="info lineOverflow">
                                        <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
                                        <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a>
                                          |  2个月前  |  
                                    </div>
                <div class="tit lineTwoOverflow"><a href="/article/180312.html" class="aBlack">拆分 Wasp TS 配置？</a></div>
                                <a href="/article/180312.html" class="img_box"><img src="/uploads/20250119/1737289320678cee688d0ce.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt=""></a>
                                <div class="cont lineFourOverflow">WaspTS配置能否拆分？概述Wasp的TS配置在v0.15版本中引入，已有一段时间。其目标包括支持多个Wasp文件、利用大多数编辑器的内置TypeScript支持以及简化代码库维护。目前，直接拆分或使用多个Wasp文件并非支持的功能，但这项功能有望在未来更新中实现。不过，我们可以采取一些方法来精简main.wasp.ts文件。方法一：分步提取页面一种减少main.wasp.ts代码量的方法是将页面定义移动到单独的文件，然后从中导出。(这可以看作一种工</div>
                <div class="clear"></div>
                <div class="opt">
                    <div class="left">
                        <span><i class="view"></i>135</span>
                        <span class="collectBtn user_collection" data-type="article" data-id="180312"><i class="collect"></i>收藏</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
                        <li class="li2">
                <div class="info lineOverflow">
                                        <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
                                        <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a>
                                          |  2个月前  |  
                                    </div>
                <div class="tit lineTwoOverflow"><a href="/article/182120.html" class="aBlack">JavaScript关闭</a></div>
                                <a href="/article/182120.html" class="img_box"><img src="/uploads/20250130/1738204627679ae5d374071.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt=""></a>
                                <div class="cont lineFourOverflow">JavaScript闭包：函数及其词法环境的强大组合。闭包允许内部函数访问其外部函数的变量，即使外部函数已执行完毕。这是JavaScript作用域和函数式编程的核心概念。闭包的工作机制当一个函数被定义在另一个函数内部时，内部函数可以访问外部函数的变量和参数。即使外部函数执行完毕，内部函数仍然保留对这些变量的访问权限，这就是闭包。闭包示例function外部函数(){let外部变量='我来自外部作用域';function内部函数(){conso</div>
                <div class="clear"></div>
                <div class="opt">
                    <div class="left">
                        <span><i class="view"></i>135</span>
                        <span class="collectBtn user_collection" data-type="article" data-id="182120"><i class="collect"></i>收藏</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
                    </ul>
       <div class="mngfPage"><a href="/articlelist/88_hot_90_310.html" class="prevPage on"></a> <a href="/articlelist/88_hot_90_1.html">1</a><a href="/articlelist/88_hot_90_310.html">310</a><a class="currentPage">311</a><a href="/articlelist/88_hot_90_312.html">312</a><a href="/articlelist/88_hot_90_342.html">342</a> <a href="/articlelist/88_hot_90_312.html" class="nextPage on"></a></div>    </div>
</div>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="footer">
    <ul>
      <li  ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li>
      <li  class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li>
      <li  ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li>
      <li  ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li>
      <li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li>
    </ul>
  </div>
  <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>
    let flaga = 1;
    var category_id = 88;
    let strbiaoqian = '';
    let zhankaihtml = '';
    // let zhankaihtml = '<div class="zhankaiflag biaoqianone " style="display: inline-block;" onclick="zhankaiflagclick(this);">展开<i></i></div>';
    let shouqihtml = '';
    // let shouqihtml = '<div class="zhankaiflag biaoqianone zhankai" style="display: inline-block;" onclick="zhankaiflagclick(this);">收起<i></i></div>';
    let allhtml = '';
    let fumo = '';
    $(".userInfo1 .biaoqianone").each(function(){
        var href = $(this).attr('href');
        var cat_id = $(this).data('id');
        let cuc = '<a href="'+href+'" class="biaoqianone" style="display: inline-block;">';
        if(category_id!==0&&category_id==cat_id){
            cuc ='<a href="javascript:;" class="biaoqianone hover" style="display: inline-block;">';
        }
        fumo = cuc;
        allhtml+=fumo+$(this).html()+'</a>';

strbiaoqian+=fumo+$(this).html()+'</a>';
        // if(flaga<=8){
        // }
        flaga++;
    });
    strbiaoqian+=zhankaihtml;
    allhtml+=shouqihtml;
    $(".userInfo1").html(strbiaoqian);
    // function zhankaiflagclick(obj){
    //     if($(obj).html()=='展开<i></i>'){
    //         $(obj).html('收起<i></i>');
    //         $(obj).addClass('zhankai');
    //         $(".userInfo1").html(allhtml);
    //     }else{
    //         $(obj).html("展开<i></i>");
    //         $(obj).removeClass('zhankai');
    //         $(".userInfo1").html(strbiaoqian);
    //     }
    // }

$('.timeLimitBox').click(function(){
        $(this).toggleClass('hover')
    })
</script>
</body>
</html>