<?xml version="1.0" encoding="gbk"?>
<rss version="2.0">
  <channel>
    <title>弘帝企业智能建站系统交流平台-芜湖万网信息技术服务中心 - 前端编程</title>
    <link>http://www.wh.ac.cn/forum.php?mod=forumdisplay&amp;fid=112</link>
    <description>Latest 20 threads of 前端编程</description>
    <copyright>Copyright(C) 弘帝企业智能建站系统交流平台-芜湖万网信息技术服务中心</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Sat, 09 May 2026 06:23:50 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>http://www.wh.ac.cn/static/image/common/logo_88_31.gif</url>
      <title>弘帝企业智能建站系统交流平台-芜湖万网信息技术服务中心</title>
      <link>http://www.wh.ac.cn/</link>
    </image>
    <item>
      <title>【JS】JS实现HTML代码排版</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3147</link>
      <description><![CDATA[要实现更准确的HTML代码排版，建议使用成熟的HTML格式化库或工具，例如JS Beautifier、Prettier等。这些工具可以根据HTML语法规范对代码进行格式化，保证代码的对称性排版。
以下是一个使用JS Beautifier库的示例代码，展示如何在浏览器中对HTML代码进行格式化：


 ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 28 Nov 2023 14:22:51 +0000</pubDate>
    </item>
    <item>
      <title>【JS】实现Video页面自动有声播放</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3130</link>
      <description><![CDATA[$(function () {
    var myVideo = $(\&quot;video\&quot;)[0];
    var isScrolling = false;

    function throttle(func, delay) {
        return function () {
            if (!isScrolling) {
                func();
                isScrolling = true;
     ..]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Sat, 16 Sep 2023 05:56:20 +0000</pubDate>
    </item>
    <item>
      <title>【bootstrap】动态加载modal框(bootstrap)</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3094</link>
      <description><![CDATA[来源：https://www.jianshu.com/p/4e15ca47c924
var showModal = function (o,data) {
    //没有.modal时，加载
    if ($(\&quot;.modal\&quot;).length === 0) {
        $(\&quot;body\&quot;).append(data.modal);
    }
    //加载.modal-body内容
    $(\&quot;.modal .modal-body\&quot;).htm ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Wed, 07 Dec 2022 04:25:18 +0000</pubDate>
    </item>
    <item>
      <title>多数组JS合并方法</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3084</link>
      <description><![CDATA[多数组JS合并方法：
eval(\'[\' + JSON.stringify(site.host.options).concat(\&quot;,\&quot; + gethost()) + \']\');
具体参考：Hondy.Cloud.Console.Product.Site.js

site.host.options参考值：[\&quot;\&quot;,\&quot;请选择服务器\&quot;]
gethost()参考值：[\&quot;gz.hondy.com.cn\&quot;,\&quot;广州高配服务器\&quot;,\&quot;hon ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Thu, 13 Oct 2022 03:22:46 +0000</pubDate>
    </item>
    <item>
      <title>【jQuery】get(0)、[0]、eq[0]的区别</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3081</link>
      <description><![CDATA[理解假定，HTML为：
qrcode

get(0)与[0] 意思是一样的，简写。
得到的是DOM内容，这儿得到的是：qrcode，是字符串内容

eq[0]，得DOM节点，这儿得到的是.qrcode这个节点，即$(\&quot;.qrcode\&quot;)，是一个object]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Thu, 15 Sep 2022 09:20:13 +0000</pubDate>
    </item>
    <item>
      <title>10款好看且实用的文字动画特效</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3073</link>
      <description><![CDATA[https://www.php.cn/css-tutorial-480940.html]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Fri, 02 Sep 2022 12:40:29 +0000</pubDate>
    </item>
    <item>
      <title>【JS】轻量级数字动画插件countUp.js</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3068</link>
      <description><![CDATA[https://inorganik.github.io/countUp.js/
https://developer.aliyun.com/article/274033
countup.js 的简单使用_LeungZhenPang的博客-CSDN博客_countup.js

发现一个缺陷，对象选择只能支持ID
示例：Demo.220828
DIV:

    
            21000厂房面积21000平 ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 30 Aug 2022 23:31:07 +0000</pubDate>
    </item>
    <item>
      <title>【JQuery】jQuery Easing Plugin缓动器动画插件</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3067</link>
      <description><![CDATA[https://gsgd.co.uk/sandbox/jquery/easing/
GitHub - gdsmith/jquery.easing： jQuery Easing Plugin]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 30 Aug 2022 23:21:03 +0000</pubDate>
    </item>
    <item>
      <title>【jQuery】鼠标滚轮插件 jquery.mousewheel.js的基本使用</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3066</link>
      <description><![CDATA[jQuery Mousewheel |jQuery Plugin Registry
GitHub - jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.
jquery.mousewheel.js 是一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。

一、使用该插件，需要把 mousewheel ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 30 Aug 2022 23:16:38 +0000</pubDate>
    </item>
    <item>
      <title>【Swiper】强大的内容触摸滑动轮播插件</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3065</link>
      <description><![CDATA[Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
刷卡器入门 (swiperjs.com)]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 30 Aug 2022 23:10:10 +0000</pubDate>
    </item>
    <item>
      <title>【BootStrap】Modal弹出窗体的Optional sizes动态控制</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3062</link>
      <description><![CDATA[一：按纽控制，方法：https://v5.bootcss.com/docs/components/modal/

二：Click事件控制，方法：
点击后，，对modal-dialog增加modal-xl，modal-lg，modal-sm，modal-fullscreen等类，即人为在div中增加实现
...
...
...
  ...

也可以通过JQuery.AddClass(\&quot; ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Fri, 26 Aug 2022 14:34:36 +0000</pubDate>
    </item>
    <item>
      <title>JS的构造函数</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3047</link>
      <description><![CDATA[//构造函数
 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法
 //当对象被实例化后，构造函数会立即执行它所包含的任何代码
 function myObject(msg){
     //特权属性(公有属性)
     this.myMsg = msg; //只在被实例化后的实例中 ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Fri, 29 Jul 2022 11:46:31 +0000</pubDate>
    </item>
    <item>
      <title>经常用到的函数构造与赋值。</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3046</link>
      <description><![CDATA[非常人性化的JS赋值，带来编程设计人员很大的方便。]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Fri, 29 Jul 2022 11:41:02 +0000</pubDate>
    </item>
    <item>
      <title>【JS】原生js 复制内容到剪切板</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3042</link>
      <description><![CDATA[方法一：应用场景：已知复制的内容，传入内容直接调用函数
function copyHandle(content){
  let copy = (e)=&gt;{
      e.preventDefault()
      e.clipboardData.setData(\'text/plain\',content)
      alert(\'复制成功\')
      document.removeEventListener(\'c ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 26 Jul 2022 13:34:04 +0000</pubDate>
    </item>
    <item>
      <title>Jquery跳转页面传递参数以及获取url的参数</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3017</link>
      <description><![CDATA[function getUrlParam(name) {
        var reg = new RegExp(\&quot;(^|&amp;)\&quot; + name + \&quot;=([^&amp;]*)(&amp;|$)\&quot;); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Wed, 08 Jun 2022 23:58:59 +0000</pubDate>
    </item>
    <item>
      <title>【JQuery】锚的应用让页面跳转到指定位置</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3014</link>
      <description><![CDATA[点击当前页面一个链接，直接跳转到链接页面的某个指定位置，而不是顶部怎么办？

首先在链接页面批定位置处制作锚点，增加：id=\&quot;anchor\&quot;
然后在当前页面链接href尾部增加#anchor

这样就实现页面跳转并滚动到锚点位置。
实际案例模板：dxxz页面case

更有趣的设 ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Tue, 07 Jun 2022 23:16:45 +0000</pubDate>
    </item>
    <item>
      <title>【JQuery】获取checkbox选中的值</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3005</link>
      <description><![CDATA[var mtype = [];
$(\&quot;#relation [name=mtype]:checked\&quot;).each(function () {
]]></description>
      <category>前端编程</category>
      <author>admin</author>
<enclosure url="/forum/url: \"./?sitemenu\",
" length="type: \'post\',
" type="image/jpeg" />      <pubDate>Sat, 07 May 2022 14:31:20 +0000</pubDate>
    </item>
    <item>
      <title>$.send传值遇到的问题</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=3003</link>
      <description><![CDATA[hondy.js自带$.send(url,json,target)函数，target为空相当于_self，其中json不可以是字符串，否则会出现url无效的情况，经过研究整理如下：

来自网上的serialize()转json方案：
var DataDeal = {
    formToJson: function (data) {
        data = data.replace ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Mon, 18 Apr 2022 04:40:34 +0000</pubDate>
    </item>
    <item>
      <title>CheckBox全选中与非选中状态的代码</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=2992</link>
      <description><![CDATA[$(\&quot;body\&quot;).on(\&quot;click\&quot;,\&quot;section .target .input .menu ul li [type=checkbox]\&quot;,function(){
    //is(\&quot;:checked\&quot;))来判断是否为选中状态，参考：http://wh.ac.cn/forum.php?mod=viewthread&amp;tid=2374
    //半选中状态，参考：http://wh.ac.cn/forum.php?mod=viewthrea ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Mon, 04 Apr 2022 13:54:01 +0000</pubDate>
    </item>
    <item>
      <title>【JS】checkBox半选中状态</title>
      <link>http://www.wh.ac.cn/forum.php?mod=viewthread&amp;tid=2991</link>
      <description><![CDATA[checkbox 可以半选中，这个特性，很多浏览器都支持

// 用 input.indeterminate 这个属性来获取或者设置半选中状态，必须要用 js 添加属性，才有效果。

input.indeterminate = true; //设置成半选中

if(input.indeterminate) //用这个属性来判断是否半选中
 ...]]></description>
      <category>前端编程</category>
      <author>admin</author>
      <pubDate>Mon, 04 Apr 2022 00:16:05 +0000</pubDate>
    </item>
  </channel>
</rss>